@zohodesk/dot 1.9.18 → 1.9.20

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 (825) hide show
  1. package/CHANGELOG.md +1911 -0
  2. package/README.md +16 -1896
  3. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +422 -425
  4. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +11 -11
  5. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +16 -16
  6. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +11 -11
  7. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +16 -16
  8. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +11 -11
  9. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +16 -16
  10. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +11 -11
  11. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +16 -16
  12. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +11 -11
  13. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +16 -16
  14. package/assets/Appearance/light/mode/Dot_LightMode.module.css +422 -425
  15. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +11 -11
  16. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +16 -16
  17. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +11 -11
  18. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +16 -16
  19. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +11 -11
  20. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +16 -16
  21. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +11 -11
  22. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +16 -16
  23. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +11 -11
  24. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +16 -16
  25. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +422 -425
  26. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +11 -11
  27. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +16 -16
  28. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +11 -11
  29. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +16 -16
  30. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +11 -11
  31. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +16 -16
  32. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +11 -11
  33. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +16 -16
  34. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +11 -11
  35. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +16 -16
  36. package/es/ActionButton/ActionButton.module.css +6 -11
  37. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +297 -297
  38. package/es/AlphabeticList/AlphabeticList.js +3 -2
  39. package/es/AlphabeticList/AlphabeticList.module.css +4 -7
  40. package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +29 -29
  41. package/es/Attachment/Attachment.js +3 -6
  42. package/es/Attachment/Attachment.module.css +4 -9
  43. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  44. package/es/AttachmentViewer/AttachmentImage.js +3 -2
  45. package/es/AttachmentViewer/AttachmentViewer.js +14 -17
  46. package/es/AttachmentViewer/AttachmentViewer.module.css +29 -44
  47. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap +1 -1
  48. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +106 -106
  49. package/es/AudioPlayer/AudioPlayer.js +4 -3
  50. package/es/AudioPlayer/AudioPlayer.module.css +10 -10
  51. package/es/AudioPlayer/Timer/Timer.module.css +1 -1
  52. package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +2 -2
  53. package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +222 -222
  54. package/es/ChannelIcon/ChannelIcon.js +4 -7
  55. package/es/ChannelIcon/ChannelIcon.module.css +3 -4
  56. package/es/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  57. package/es/DotProvider/__tests__/__snapshots__/DotProvider.spec.js.snap +1 -1
  58. package/es/Drawer/Drawer.module.css +5 -6
  59. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +10 -10
  60. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  61. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +89 -89
  62. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +92 -92
  63. package/es/ExternalLink/ExternalLink.js +3 -6
  64. package/es/ExternalLink/ExternalLink.module.css +1 -2
  65. package/es/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +1 -1
  66. package/es/FlipCard/FlipCard.js +4 -7
  67. package/es/FlipCard/FlipCard.module.css +2 -2
  68. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +326 -326
  69. package/es/FormAction/FormAction.js +6 -9
  70. package/es/FormAction/FormAction.module.css +2 -2
  71. package/es/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +34 -34
  72. package/es/FreezeLayer/FreezeLayer.js +3 -7
  73. package/es/FreezeLayer/__tests__/__snapshots__/FreezeLayer.spec.js.snap +1 -1
  74. package/es/FreezeLayer/css/FreezeLayer.module.css +1 -2
  75. package/es/IconButton/IconButton.js +1 -5
  76. package/es/IconButton/IconButton.module.css +1 -1
  77. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +29 -29
  78. package/es/Image/Image.js +3 -6
  79. package/es/Image/Image.module.css +2 -4
  80. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +1 -1
  81. package/es/ImportantNotes/ImportantNotes.js +1 -6
  82. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +41 -41
  83. package/es/Link/Link.js +3 -6
  84. package/es/Link/Link.module.css +1 -2
  85. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  86. package/es/Loader/Loader.js +3 -2
  87. package/es/Loader/Loader.module.css +2 -4
  88. package/es/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  89. package/es/Message/Message.js +8 -12
  90. package/es/Message/Message.module.css +6 -22
  91. package/es/Message/__tests__/__snapshots__/Message.spec.js.snap +3 -3
  92. package/es/MessageBanner/MessageBanner.js +1 -5
  93. package/es/MessageBanner/MessageBanner.module.css +2 -1
  94. package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  95. package/es/NewStar/NewStar.js +1 -5
  96. package/es/NewStar/NewStar.module.css +2 -3
  97. package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +37 -37
  98. package/es/Onboarding/CarouselDots/CarouselDot/CarouselDot.js +2 -1
  99. package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +1 -1
  100. package/es/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css +1 -2
  101. package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +7 -7
  102. package/es/Onboarding/CarouselDots/css/CarouselDots.module.css +1 -1
  103. package/es/Onboarding/Onboarding.js +9 -8
  104. package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +271 -271
  105. package/es/Onboarding/css/Onboarding.module.css +26 -39
  106. package/es/PlusIcon/PlusIcon.js +3 -7
  107. package/es/PlusIcon/PlusIcon.module.css +1 -1
  108. package/es/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +27 -27
  109. package/es/Separator/Separator.module.css +1 -1
  110. package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +118 -118
  111. package/es/TagWithIcon/TagWithIcon.js +1 -1
  112. package/es/TagWithIcon/TagWithIcon.module.css +1 -1
  113. package/es/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +2 -2
  114. package/es/ToastMessage/ToastMessage.js +4 -7
  115. package/es/ToastMessage/ToastMessage.module.css +10 -17
  116. package/es/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +12 -12
  117. package/es/Upload/Upload.js +6 -9
  118. package/es/Upload/Upload.module.css +8 -13
  119. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +38 -38
  120. package/es/VideoLookup/VideoLookup.js +4 -3
  121. package/es/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +17 -17
  122. package/es/VideoLookup/css/VideoLookup.module.css +3 -4
  123. package/es/alert/AlertHeader/AlertHeader.js +3 -7
  124. package/es/alert/AlertHeader/AlertHeader.module.css +2 -2
  125. package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +104 -104
  126. package/es/alert/AlertLookup/AlertLookup.js +4 -8
  127. package/es/alert/AlertLookup/AlertLookup.module.css +1 -1
  128. package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  129. package/es/avatar/AvatarClose/AvatarClose.js +5 -8
  130. package/es/avatar/AvatarClose/AvatarClose.module.css +3 -9
  131. package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  132. package/es/avatar/AvatarCollision/AvatarCollision.js +5 -8
  133. package/es/avatar/AvatarCollision/AvatarCollision.module.css +3 -9
  134. package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  135. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -3
  136. package/es/avatar/AvatarIcon/AvatarIcon.module.css +1 -2
  137. package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +3 -3
  138. package/es/avatar/AvatarStatus/AvatarStatus.js +4 -7
  139. package/es/avatar/AvatarStatus/AvatarStatus.module.css +2 -4
  140. package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +1 -1
  141. package/es/avatar/AvatarThread/AvatarThread.js +5 -8
  142. package/es/avatar/AvatarThread/AvatarThread.module.css +5 -6
  143. package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +1 -1
  144. package/es/avatar/AvatarUser/AvatarUser.js +7 -10
  145. package/es/avatar/AvatarUser/AvatarUser.module.css +3 -7
  146. package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  147. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +4 -7
  148. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +2 -3
  149. package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +1 -1
  150. package/es/deprecated/FreezeLayer/FreezeLayer.js +3 -2
  151. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +1 -2
  152. package/es/deprecated/SelectDropdown/SelectDropdown.js +4 -3
  153. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +2 -3
  154. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +7 -11
  155. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +11 -17
  156. package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +3 -3
  157. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +9 -12
  158. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +2 -2
  159. package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  160. package/es/emptystate/EditionPage/EditionPage.css +3 -4
  161. package/es/emptystate/EditionPage/EditionPage.js +10 -13
  162. package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  163. package/es/errorstate/EmptyStates.module.css +7 -12
  164. package/es/errorstate/Inconvenience/Inconvenience.js +5 -10
  165. package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  166. package/es/errorstate/LinkText/LinkText.js +1 -5
  167. package/es/errorstate/LinkText/LinkText.module.css +1 -2
  168. package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  169. package/es/errorstate/NoRequestFound/NoRequestFound.js +5 -8
  170. package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  171. package/es/errorstate/PermissionPlay/PermissionPlay.js +6 -9
  172. package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  173. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +5 -8
  174. package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  175. package/es/errorstate/UnableToProcess/UnableToProcess.js +5 -10
  176. package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  177. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +5 -8
  178. package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  179. package/es/errorstate/WillBack/WillBack.js +7 -10
  180. package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +6 -6
  181. package/es/form/fields/CheckBoxField/CheckBoxField.js +4 -8
  182. package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +22 -22
  183. package/es/form/fields/CurrencyField/CurrencyField.js +4 -8
  184. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +5 -5
  185. package/es/form/fields/DateField/DateField.js +5 -9
  186. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +8 -8
  187. package/es/form/fields/FieldContainer/FieldContainer.js +3 -7
  188. package/es/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +2 -2
  189. package/es/form/fields/Fields.module.css +16 -17
  190. package/es/form/fields/MultiSelectField/MultiSelectField.js +3 -7
  191. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +9 -9
  192. package/es/form/fields/PhoneField/PhoneField.js +1 -6
  193. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +8 -8
  194. package/es/form/fields/RadioField/RadioField.js +5 -9
  195. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +55 -55
  196. package/es/form/fields/SelectField/SelectField.js +4 -8
  197. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +9 -9
  198. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -8
  199. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -15
  200. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +7 -7
  201. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -7
  202. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +7 -7
  203. package/es/form/fields/TextBoxField/TextBoxField.js +4 -8
  204. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +5 -5
  205. package/es/form/fields/TextEditor/TextEditor.js +3 -7
  206. package/es/form/fields/TextEditor/TextEditor.module.css +5 -14
  207. package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js +1 -0
  208. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +3 -3
  209. package/es/form/fields/TextEditorField/TextEditorField.js +4 -7
  210. package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +1 -1
  211. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -2
  212. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +3 -5
  213. package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  214. package/es/form/fields/TextareaField/TextareaField.js +6 -10
  215. package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +1 -1
  216. package/es/form/fields/ValidationMessage/ValidationMessage.js +3 -7
  217. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +3 -3
  218. package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +1 -1
  219. package/es/form/layout/Field/Field.js +5 -8
  220. package/es/form/layout/Field/Field.module.css +4 -7
  221. package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +1 -1
  222. package/es/form/layout/Section/Section.js +5 -8
  223. package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  224. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +7 -11
  225. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +6 -10
  226. package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +2 -2
  227. package/es/layout/SubtabLayout/SubtabLayout.js +6 -9
  228. package/es/layout/SubtabLayout/SubtabLayout.module.css +3 -3
  229. package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +2 -2
  230. package/es/list/AvatarFlip/AvatarFlip.js +1 -6
  231. package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +5 -5
  232. package/es/list/BluePrintStatus/BluePrintStatus.js +3 -6
  233. package/es/list/BluePrintStatus/BluePrintStatus.module.css +1 -1
  234. package/es/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +2 -2
  235. package/es/list/Comment/Comment.js +3 -7
  236. package/es/list/Comment/Comment.module.css +2 -4
  237. package/es/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  238. package/es/list/DepartmentDropDown/DepartmentDropDown.js +1 -6
  239. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +1 -1
  240. package/es/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  241. package/es/list/Dot/Dot.js +2 -1
  242. package/es/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  243. package/es/list/DotNew/DotNew.js +3 -7
  244. package/es/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  245. package/es/list/GridStencils/GridStencils.js +7 -11
  246. package/es/list/GridStencils/GridStencils.module.css +3 -4
  247. package/es/list/GridStencils/__tests__/__snapshots__/GridStencils.spec.js.snap +1 -1
  248. package/es/list/Icons/AddNewIcon.js +2 -1
  249. package/es/list/Icons/CompleteIcon.js +2 -1
  250. package/es/list/Icons/DeleteIcon.js +2 -1
  251. package/es/list/Icons/EditIcon.js +2 -1
  252. package/es/list/Icons/FloatingIcons.js +3 -7
  253. package/es/list/Icons/Icons.module.css +1 -1
  254. package/es/list/Icons/ReadUnreadIcon.js +2 -1
  255. package/es/list/Icons/SmartIcon.js +2 -1
  256. package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  257. package/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  258. package/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  259. package/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  260. package/es/list/Icons/__tests__/__snapshots__/FloatingIcons.spec.js.snap +1 -1
  261. package/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  262. package/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  263. package/es/list/ListLayout/ListLayout.js +3 -7
  264. package/es/list/ListLayout/ListLayout.module.css +2 -2
  265. package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  266. package/es/list/ListStencils/ListStencils.js +9 -13
  267. package/es/list/ListStencils/ListStencils.module.css +2 -4
  268. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +1 -1
  269. package/es/list/SecondaryText/AccountName.js +1 -6
  270. package/es/list/SecondaryText/ContactName.js +1 -6
  271. package/es/list/SecondaryText/DepartmentText.js +1 -6
  272. package/es/list/SecondaryText/Email.js +1 -6
  273. package/es/list/SecondaryText/HappinessRating.js +5 -9
  274. package/es/list/SecondaryText/PhoneNumber.js +1 -6
  275. package/es/list/SecondaryText/PriorityText.js +1 -6
  276. package/es/list/SecondaryText/SecondaryText.js +1 -6
  277. package/es/list/SecondaryText/SecondaryText.module.css +11 -17
  278. package/es/list/SecondaryText/StatusText.js +1 -6
  279. package/es/list/SecondaryText/TicketId.js +3 -7
  280. package/es/list/SecondaryText/Website.js +1 -6
  281. package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +5 -5
  282. package/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +3 -3
  283. package/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  284. package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +1 -1
  285. package/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  286. package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +1 -1
  287. package/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  288. package/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  289. package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  290. package/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  291. package/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  292. package/es/list/SecondryPanel/SecondryPanel.js +3 -7
  293. package/es/list/SecondryPanel/SecondryPanel.module.css +1 -1
  294. package/es/list/SecondryPanel/__tests__/__snapshots__/SecondryPanel.spec.js.snap +1 -1
  295. package/es/list/SentimentStatus/SentimentStatus.js +3 -6
  296. package/es/list/SentimentStatus/SentimentStatus.module.css +2 -2
  297. package/es/list/SentimentStatus/__tests__/__snapshots__/SentimentStatus.spec.js.snap +1 -1
  298. package/es/list/Subject/Subject.js +1 -6
  299. package/es/list/Subject/Subject.module.css +2 -2
  300. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +1 -1
  301. package/es/list/TagNew/TagNew.js +3 -7
  302. package/es/list/TagNew/TagNew.module.css +2 -5
  303. package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  304. package/es/list/Thread/Thread.js +3 -7
  305. package/es/list/Thread/Thread.module.css +1 -2
  306. package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  307. package/es/list/listCommon.module.css +3 -11
  308. package/es/list/status/StatusDropdown/StatusDropdown.js +4 -8
  309. package/es/list/status/StatusDropdown/StatusDropdown.module.css +9 -12
  310. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +2 -1
  311. package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +4 -4
  312. package/es/list/status/StatusListItem/StatusListItem.js +3 -7
  313. package/es/list/status/StatusListItem/StatusListItem.module.css +4 -5
  314. package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +8 -8
  315. package/es/lookup/EmptyPage/EmptyPage.js +4 -7
  316. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +1 -1
  317. package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  318. package/es/lookup/Lookup/Lookup.js +3 -6
  319. package/es/lookup/Lookup/Lookup.module.css +5 -7
  320. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +19 -19
  321. package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +17 -17
  322. package/es/lookup/header/Close/Close.js +1 -5
  323. package/es/lookup/header/Close/LookupClose.module.css +1 -2
  324. package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +3 -3
  325. package/es/lookup/header/ModuleHeader/ModuleHeader.js +3 -2
  326. package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +76 -76
  327. package/es/lookup/header/Search/LookupSearch.module.css +2 -3
  328. package/es/lookup/header/Search/Search.js +3 -6
  329. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +38 -38
  330. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -7
  331. package/es/lookup/header/TicketHeader/TicketHeader.module.css +3 -1
  332. package/es/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  333. package/es/lookup/header/Title/LookupTitle.module.css +1 -2
  334. package/es/lookup/header/Title/Title.js +3 -6
  335. package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  336. package/es/lookup/header/ViewDropDown/ViewDropDown.js +8 -14
  337. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +2 -2
  338. package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  339. package/es/lookup/header/lookupHeaderCommon.module.css +3 -6
  340. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +1 -3
  341. package/es/setup/header/Button/Button.js +3 -7
  342. package/es/setup/header/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  343. package/es/setup/header/Link/Link.js +1 -6
  344. package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +4 -4
  345. package/es/setup/header/Search/Search.js +4 -8
  346. package/es/setup/header/Search/Search.module.css +3 -4
  347. package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +1 -1
  348. package/es/setup/header/Views/Views.js +5 -9
  349. package/es/setup/header/Views/Views.module.css +2 -4
  350. package/es/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  351. package/es/setup/helptips/Description/Description.js +3 -7
  352. package/es/setup/helptips/Description/__tests__/__snapshots__/Description.spec.js.snap +1 -1
  353. package/es/setup/helptips/Link/Link.js +3 -7
  354. package/es/setup/helptips/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  355. package/es/setup/helptips/ListGroup/ListGroup.js +6 -10
  356. package/es/setup/helptips/ListGroup/ListGroup.module.css +1 -2
  357. package/es/setup/helptips/ListGroup/__tests__/__snapshots__/ListGroup.spec.js.snap +1 -1
  358. package/es/setup/helptips/Title/Title.js +3 -7
  359. package/es/setup/helptips/Title/__tests__/__snapshots__/Title.spec.js.snap +1 -1
  360. package/es/setup/table/Table/Table.js +1 -6
  361. package/es/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +2 -2
  362. package/es/setup/table/TableBody/TableBody.js +1 -6
  363. package/es/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +2 -2
  364. package/es/setup/table/TableData/SetupTableData.module.css +5 -11
  365. package/es/setup/table/TableData/TableData.js +1 -6
  366. package/es/setup/table/TableData/Tablehover.module.css +1 -1
  367. package/es/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +2 -2
  368. package/es/setup/table/TableHead/TableHead.js +1 -6
  369. package/es/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +3 -3
  370. package/es/setup/table/TableRow/SetupTableRow.module.css +1 -1
  371. package/es/setup/table/TableRow/TableRow.js +1 -6
  372. package/es/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +2 -2
  373. package/es/setup/table/Text/TableText.module.css +4 -5
  374. package/es/setup/table/Text/Text.js +3 -7
  375. package/es/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +1 -1
  376. package/es/svg/PlusIcon.js +1 -5
  377. package/es/svg/SnippetIcon.js +1 -5
  378. package/es/svg/TemplateIcon.js +1 -5
  379. package/es/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  380. package/es/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  381. package/es/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  382. package/es/version2/AlertClose/AlertClose.js +1 -6
  383. package/es/version2/AlertClose/AlertClose.module.css +2 -2
  384. package/es/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +4 -4
  385. package/es/version2/GlobalNotification/GlobalNotification.js +5 -10
  386. package/es/version2/GlobalNotification/GlobalNotification.module.css +5 -18
  387. package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -8
  388. package/es/version2/alertIcons/AlarmAlertIcon.js +13 -12
  389. package/es/version2/alertIcons/AlertIcons.js +3 -7
  390. package/es/version2/alertIcons/AlertIcons.module.css +1 -2
  391. package/es/version2/alertIcons/DangerAlertIcon.js +13 -12
  392. package/es/version2/alertIcons/ErrorAlertIcon.js +14 -13
  393. package/es/version2/alertIcons/InfoAlertIcon.js +15 -14
  394. package/es/version2/alertIcons/NotificationAlertIcon.js +14 -13
  395. package/es/version2/alertIcons/SuccessAlertIcon.js +13 -12
  396. package/es/version2/alertIcons/WarningAlertIcon.js +13 -12
  397. package/es/version2/alertIcons/__tests__/__snapshots__/AlarmAlertIcon.spec.js.snap +1 -1
  398. package/es/version2/alertIcons/__tests__/__snapshots__/AlertIcons.spec.js.snap +1 -1
  399. package/es/version2/alertIcons/__tests__/__snapshots__/DangerAlertIcon.spec.js.snap +1 -1
  400. package/es/version2/alertIcons/__tests__/__snapshots__/ErrorAlertIcon.spec.js.snap +1 -1
  401. package/es/version2/alertIcons/__tests__/__snapshots__/InfoAlertIcon.spec.js.snap +1 -1
  402. package/es/version2/alertIcons/__tests__/__snapshots__/NotificationAlertIcon.spec.js.snap +1 -1
  403. package/es/version2/alertIcons/__tests__/__snapshots__/SuccessAlertIcon.spec.js.snap +1 -1
  404. package/es/version2/alertIcons/__tests__/__snapshots__/WarningAlertIcon.spec.js.snap +1 -1
  405. package/es/version2/errorstate/Inconvenience/Inconvenience.js +1 -5
  406. package/es/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +2 -2
  407. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -5
  408. package/es/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +2 -2
  409. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -5
  410. package/es/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +2 -2
  411. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -5
  412. package/es/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +2 -2
  413. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +1 -5
  414. package/es/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +2 -2
  415. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +1 -5
  416. package/es/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +2 -2
  417. package/es/version2/lookup/AlertHeader/AlertHeader.js +2 -1
  418. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +77 -77
  419. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +4 -6
  420. package/es/version2/lookup/AlertLookup/AlertLookup.js +5 -9
  421. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -3
  422. package/es/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  423. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -1
  424. package/es/version2/notification/DesktopNotification/DesktopNotification.js +8 -12
  425. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +6 -10
  426. package/es/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -13
  427. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -7
  428. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +2 -3
  429. package/es/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  430. package/lib/ActionButton/ActionButton.module.css +6 -11
  431. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +297 -297
  432. package/lib/AlphabeticList/AlphabeticList.js +4 -2
  433. package/lib/AlphabeticList/AlphabeticList.module.css +4 -7
  434. package/lib/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +29 -29
  435. package/lib/Attachment/Attachment.js +4 -6
  436. package/lib/Attachment/Attachment.module.css +4 -9
  437. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  438. package/lib/AttachmentViewer/AttachmentImage.js +4 -2
  439. package/lib/AttachmentViewer/AttachmentViewer.js +15 -17
  440. package/lib/AttachmentViewer/AttachmentViewer.module.css +29 -44
  441. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap +1 -1
  442. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +106 -106
  443. package/lib/AudioPlayer/AudioPlayer.js +5 -3
  444. package/lib/AudioPlayer/AudioPlayer.module.css +10 -10
  445. package/lib/AudioPlayer/Timer/Timer.module.css +1 -1
  446. package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +2 -2
  447. package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +222 -222
  448. package/lib/ChannelIcon/ChannelIcon.js +5 -7
  449. package/lib/ChannelIcon/ChannelIcon.module.css +3 -4
  450. package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  451. package/lib/DotProvider/__tests__/__snapshots__/DotProvider.spec.js.snap +1 -1
  452. package/lib/Drawer/Drawer.module.css +5 -6
  453. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +10 -10
  454. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  455. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +89 -89
  456. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +92 -92
  457. package/lib/ExternalLink/ExternalLink.js +4 -6
  458. package/lib/ExternalLink/ExternalLink.module.css +1 -2
  459. package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +1 -1
  460. package/lib/FlipCard/FlipCard.js +5 -7
  461. package/lib/FlipCard/FlipCard.module.css +2 -2
  462. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +326 -326
  463. package/lib/FormAction/FormAction.js +7 -9
  464. package/lib/FormAction/FormAction.module.css +2 -2
  465. package/lib/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +34 -34
  466. package/lib/FreezeLayer/FreezeLayer.js +4 -7
  467. package/lib/FreezeLayer/__tests__/__snapshots__/FreezeLayer.spec.js.snap +1 -1
  468. package/lib/FreezeLayer/css/FreezeLayer.module.css +1 -2
  469. package/lib/IconButton/IconButton.js +1 -5
  470. package/lib/IconButton/IconButton.module.css +1 -1
  471. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +29 -29
  472. package/lib/Image/Image.js +4 -6
  473. package/lib/Image/Image.module.css +2 -4
  474. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +1 -1
  475. package/lib/ImportantNotes/ImportantNotes.js +1 -6
  476. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +41 -41
  477. package/lib/Link/Link.js +4 -6
  478. package/lib/Link/Link.module.css +1 -2
  479. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  480. package/lib/Loader/Loader.js +4 -2
  481. package/lib/Loader/Loader.module.css +2 -4
  482. package/lib/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  483. package/lib/Message/Message.js +9 -11
  484. package/lib/Message/Message.module.css +6 -22
  485. package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap +3 -3
  486. package/lib/MessageBanner/MessageBanner.js +1 -5
  487. package/lib/MessageBanner/MessageBanner.module.css +2 -1
  488. package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  489. package/lib/NewStar/NewStar.js +1 -5
  490. package/lib/NewStar/NewStar.module.css +2 -3
  491. package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +37 -37
  492. package/lib/Onboarding/CarouselDots/CarouselDot/CarouselDot.js +3 -1
  493. package/lib/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +1 -1
  494. package/lib/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css +1 -2
  495. package/lib/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +7 -7
  496. package/lib/Onboarding/CarouselDots/css/CarouselDots.module.css +1 -1
  497. package/lib/Onboarding/Onboarding.js +10 -8
  498. package/lib/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +271 -271
  499. package/lib/Onboarding/css/Onboarding.module.css +26 -39
  500. package/lib/PlusIcon/PlusIcon.js +4 -7
  501. package/lib/PlusIcon/PlusIcon.module.css +1 -1
  502. package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +27 -27
  503. package/lib/Separator/Separator.module.css +1 -1
  504. package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +118 -118
  505. package/lib/TagWithIcon/TagWithIcon.js +1 -1
  506. package/lib/TagWithIcon/TagWithIcon.module.css +1 -1
  507. package/lib/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +2 -2
  508. package/lib/ToastMessage/ToastMessage.js +5 -7
  509. package/lib/ToastMessage/ToastMessage.module.css +10 -17
  510. package/lib/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +12 -12
  511. package/lib/Upload/Upload.js +7 -9
  512. package/lib/Upload/Upload.module.css +8 -13
  513. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +38 -38
  514. package/lib/VideoLookup/VideoLookup.js +5 -3
  515. package/lib/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +17 -17
  516. package/lib/VideoLookup/css/VideoLookup.module.css +3 -4
  517. package/lib/alert/AlertHeader/AlertHeader.js +4 -7
  518. package/lib/alert/AlertHeader/AlertHeader.module.css +2 -2
  519. package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +104 -104
  520. package/lib/alert/AlertLookup/AlertLookup.js +5 -8
  521. package/lib/alert/AlertLookup/AlertLookup.module.css +1 -1
  522. package/lib/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  523. package/lib/avatar/AvatarClose/AvatarClose.js +6 -8
  524. package/lib/avatar/AvatarClose/AvatarClose.module.css +3 -9
  525. package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  526. package/lib/avatar/AvatarCollision/AvatarCollision.js +6 -8
  527. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +3 -9
  528. package/lib/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  529. package/lib/avatar/AvatarIcon/AvatarIcon.js +1 -3
  530. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +1 -2
  531. package/lib/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +3 -3
  532. package/lib/avatar/AvatarStatus/AvatarStatus.js +5 -7
  533. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +2 -4
  534. package/lib/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +1 -1
  535. package/lib/avatar/AvatarThread/AvatarThread.js +6 -8
  536. package/lib/avatar/AvatarThread/AvatarThread.module.css +5 -6
  537. package/lib/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +1 -1
  538. package/lib/avatar/AvatarUser/AvatarUser.js +8 -10
  539. package/lib/avatar/AvatarUser/AvatarUser.module.css +3 -7
  540. package/lib/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  541. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +5 -7
  542. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +2 -3
  543. package/lib/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +1 -1
  544. package/lib/deprecated/FreezeLayer/FreezeLayer.js +3 -1
  545. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +1 -2
  546. package/lib/deprecated/SelectDropdown/SelectDropdown.js +5 -3
  547. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +2 -3
  548. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +8 -11
  549. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +11 -17
  550. package/lib/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +3 -3
  551. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +10 -12
  552. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +2 -2
  553. package/lib/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  554. package/lib/emptystate/EditionPage/EditionPage.css +3 -4
  555. package/lib/emptystate/EditionPage/EditionPage.js +11 -13
  556. package/lib/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  557. package/lib/errorstate/EmptyStates.module.css +7 -12
  558. package/lib/errorstate/Inconvenience/Inconvenience.js +6 -10
  559. package/lib/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  560. package/lib/errorstate/LinkText/LinkText.js +1 -5
  561. package/lib/errorstate/LinkText/LinkText.module.css +1 -2
  562. package/lib/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  563. package/lib/errorstate/NoRequestFound/NoRequestFound.js +6 -8
  564. package/lib/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  565. package/lib/errorstate/PermissionPlay/PermissionPlay.js +7 -9
  566. package/lib/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  567. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +6 -8
  568. package/lib/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  569. package/lib/errorstate/UnableToProcess/UnableToProcess.js +6 -10
  570. package/lib/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  571. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +6 -8
  572. package/lib/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  573. package/lib/errorstate/WillBack/WillBack.js +8 -10
  574. package/lib/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +6 -6
  575. package/lib/form/fields/CheckBoxField/CheckBoxField.js +5 -8
  576. package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +22 -22
  577. package/lib/form/fields/CurrencyField/CurrencyField.js +5 -8
  578. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +5 -5
  579. package/lib/form/fields/DateField/DateField.js +6 -9
  580. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +8 -8
  581. package/lib/form/fields/FieldContainer/FieldContainer.js +4 -7
  582. package/lib/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +2 -2
  583. package/lib/form/fields/Fields.module.css +16 -17
  584. package/lib/form/fields/MultiSelectField/MultiSelectField.js +4 -7
  585. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +9 -9
  586. package/lib/form/fields/PhoneField/PhoneField.js +1 -6
  587. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +8 -8
  588. package/lib/form/fields/RadioField/RadioField.js +6 -9
  589. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +55 -55
  590. package/lib/form/fields/SelectField/SelectField.js +5 -8
  591. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +9 -9
  592. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -7
  593. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -15
  594. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +7 -7
  595. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +4 -7
  596. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +7 -7
  597. package/lib/form/fields/TextBoxField/TextBoxField.js +5 -8
  598. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +5 -5
  599. package/lib/form/fields/TextEditor/TextEditor.js +4 -7
  600. package/lib/form/fields/TextEditor/TextEditor.module.css +5 -14
  601. package/lib/form/fields/TextEditor/__tests__/TextEditor.spec.js +1 -0
  602. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +3 -3
  603. package/lib/form/fields/TextEditorField/TextEditorField.js +5 -7
  604. package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +1 -1
  605. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +4 -2
  606. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +3 -5
  607. package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  608. package/lib/form/fields/TextareaField/TextareaField.js +7 -10
  609. package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +1 -1
  610. package/lib/form/fields/ValidationMessage/ValidationMessage.js +4 -7
  611. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +3 -3
  612. package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +1 -1
  613. package/lib/form/layout/Field/Field.js +6 -8
  614. package/lib/form/layout/Field/Field.module.css +4 -7
  615. package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +1 -1
  616. package/lib/form/layout/Section/Section.js +6 -8
  617. package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  618. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +8 -10
  619. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +6 -10
  620. package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +2 -2
  621. package/lib/layout/SubtabLayout/SubtabLayout.js +7 -9
  622. package/lib/layout/SubtabLayout/SubtabLayout.module.css +3 -3
  623. package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +2 -2
  624. package/lib/list/AvatarFlip/AvatarFlip.js +1 -6
  625. package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +5 -5
  626. package/lib/list/BluePrintStatus/BluePrintStatus.js +4 -6
  627. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +1 -1
  628. package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +2 -2
  629. package/lib/list/Comment/Comment.js +4 -7
  630. package/lib/list/Comment/Comment.module.css +2 -4
  631. package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  632. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +1 -7
  633. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +1 -1
  634. package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  635. package/lib/list/Dot/Dot.js +3 -1
  636. package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  637. package/lib/list/DotNew/DotNew.js +4 -7
  638. package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  639. package/lib/list/GridStencils/GridStencils.js +8 -11
  640. package/lib/list/GridStencils/GridStencils.module.css +3 -4
  641. package/lib/list/GridStencils/__tests__/__snapshots__/GridStencils.spec.js.snap +1 -1
  642. package/lib/list/Icons/AddNewIcon.js +3 -1
  643. package/lib/list/Icons/CompleteIcon.js +3 -1
  644. package/lib/list/Icons/DeleteIcon.js +3 -1
  645. package/lib/list/Icons/EditIcon.js +3 -1
  646. package/lib/list/Icons/FloatingIcons.js +4 -7
  647. package/lib/list/Icons/Icons.module.css +1 -1
  648. package/lib/list/Icons/ReadUnreadIcon.js +3 -1
  649. package/lib/list/Icons/SmartIcon.js +3 -1
  650. package/lib/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  651. package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  652. package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  653. package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  654. package/lib/list/Icons/__tests__/__snapshots__/FloatingIcons.spec.js.snap +1 -1
  655. package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  656. package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  657. package/lib/list/ListLayout/ListLayout.js +4 -7
  658. package/lib/list/ListLayout/ListLayout.module.css +2 -2
  659. package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  660. package/lib/list/ListStencils/ListStencils.js +10 -13
  661. package/lib/list/ListStencils/ListStencils.module.css +2 -4
  662. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +1 -1
  663. package/lib/list/SecondaryText/AccountName.js +1 -6
  664. package/lib/list/SecondaryText/ContactName.js +1 -6
  665. package/lib/list/SecondaryText/DepartmentText.js +1 -6
  666. package/lib/list/SecondaryText/Email.js +1 -6
  667. package/lib/list/SecondaryText/HappinessRating.js +6 -9
  668. package/lib/list/SecondaryText/PhoneNumber.js +1 -6
  669. package/lib/list/SecondaryText/PriorityText.js +1 -6
  670. package/lib/list/SecondaryText/SecondaryText.js +1 -6
  671. package/lib/list/SecondaryText/SecondaryText.module.css +11 -17
  672. package/lib/list/SecondaryText/StatusText.js +1 -6
  673. package/lib/list/SecondaryText/TicketId.js +4 -7
  674. package/lib/list/SecondaryText/Website.js +1 -6
  675. package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +5 -5
  676. package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +3 -3
  677. package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  678. package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +1 -1
  679. package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  680. package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +1 -1
  681. package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  682. package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  683. package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  684. package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  685. package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  686. package/lib/list/SecondryPanel/SecondryPanel.js +4 -7
  687. package/lib/list/SecondryPanel/SecondryPanel.module.css +1 -1
  688. package/lib/list/SecondryPanel/__tests__/__snapshots__/SecondryPanel.spec.js.snap +1 -1
  689. package/lib/list/SentimentStatus/SentimentStatus.js +4 -6
  690. package/lib/list/SentimentStatus/SentimentStatus.module.css +2 -2
  691. package/lib/list/SentimentStatus/__tests__/__snapshots__/SentimentStatus.spec.js.snap +1 -1
  692. package/lib/list/Subject/Subject.js +1 -6
  693. package/lib/list/Subject/Subject.module.css +2 -2
  694. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +1 -1
  695. package/lib/list/TagNew/TagNew.js +4 -7
  696. package/lib/list/TagNew/TagNew.module.css +2 -5
  697. package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  698. package/lib/list/Thread/Thread.js +4 -7
  699. package/lib/list/Thread/Thread.module.css +1 -2
  700. package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  701. package/lib/list/listCommon.module.css +3 -11
  702. package/lib/list/status/StatusDropdown/StatusDropdown.js +5 -8
  703. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +9 -12
  704. package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -1
  705. package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +4 -4
  706. package/lib/list/status/StatusListItem/StatusListItem.js +4 -7
  707. package/lib/list/status/StatusListItem/StatusListItem.module.css +4 -5
  708. package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +8 -8
  709. package/lib/lookup/EmptyPage/EmptyPage.js +5 -7
  710. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +1 -1
  711. package/lib/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  712. package/lib/lookup/Lookup/Lookup.js +4 -6
  713. package/lib/lookup/Lookup/Lookup.module.css +5 -7
  714. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +19 -19
  715. package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +17 -17
  716. package/lib/lookup/header/Close/Close.js +1 -5
  717. package/lib/lookup/header/Close/LookupClose.module.css +1 -2
  718. package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +3 -3
  719. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +4 -2
  720. package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +76 -76
  721. package/lib/lookup/header/Search/LookupSearch.module.css +2 -3
  722. package/lib/lookup/header/Search/Search.js +4 -6
  723. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +38 -38
  724. package/lib/lookup/header/TicketHeader/TicketHeader.js +5 -8
  725. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +3 -1
  726. package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  727. package/lib/lookup/header/Title/LookupTitle.module.css +1 -2
  728. package/lib/lookup/header/Title/Title.js +4 -6
  729. package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  730. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +9 -14
  731. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +2 -2
  732. package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  733. package/lib/lookup/header/lookupHeaderCommon.module.css +3 -6
  734. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +1 -3
  735. package/lib/setup/header/Button/Button.js +4 -7
  736. package/lib/setup/header/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  737. package/lib/setup/header/Link/Link.js +1 -6
  738. package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +4 -4
  739. package/lib/setup/header/Search/Search.js +5 -8
  740. package/lib/setup/header/Search/Search.module.css +3 -4
  741. package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +1 -1
  742. package/lib/setup/header/Views/Views.js +6 -9
  743. package/lib/setup/header/Views/Views.module.css +2 -4
  744. package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  745. package/lib/setup/helptips/Description/Description.js +4 -7
  746. package/lib/setup/helptips/Description/__tests__/__snapshots__/Description.spec.js.snap +1 -1
  747. package/lib/setup/helptips/Link/Link.js +4 -7
  748. package/lib/setup/helptips/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  749. package/lib/setup/helptips/ListGroup/ListGroup.js +7 -10
  750. package/lib/setup/helptips/ListGroup/ListGroup.module.css +1 -2
  751. package/lib/setup/helptips/ListGroup/__tests__/__snapshots__/ListGroup.spec.js.snap +1 -1
  752. package/lib/setup/helptips/Title/Title.js +4 -7
  753. package/lib/setup/helptips/Title/__tests__/__snapshots__/Title.spec.js.snap +1 -1
  754. package/lib/setup/table/Table/Table.js +1 -6
  755. package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +2 -2
  756. package/lib/setup/table/TableBody/TableBody.js +1 -6
  757. package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +2 -2
  758. package/lib/setup/table/TableData/SetupTableData.module.css +5 -11
  759. package/lib/setup/table/TableData/TableData.js +1 -6
  760. package/lib/setup/table/TableData/Tablehover.module.css +1 -1
  761. package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +2 -2
  762. package/lib/setup/table/TableHead/TableHead.js +1 -6
  763. package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +3 -3
  764. package/lib/setup/table/TableRow/SetupTableRow.module.css +1 -1
  765. package/lib/setup/table/TableRow/TableRow.js +1 -6
  766. package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +2 -2
  767. package/lib/setup/table/Text/TableText.module.css +4 -5
  768. package/lib/setup/table/Text/Text.js +4 -7
  769. package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +1 -1
  770. package/lib/svg/PlusIcon.js +1 -5
  771. package/lib/svg/SnippetIcon.js +1 -5
  772. package/lib/svg/TemplateIcon.js +1 -5
  773. package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  774. package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  775. package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  776. package/lib/version2/AlertClose/AlertClose.js +1 -6
  777. package/lib/version2/AlertClose/AlertClose.module.css +2 -2
  778. package/lib/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +4 -4
  779. package/lib/version2/GlobalNotification/GlobalNotification.js +5 -8
  780. package/lib/version2/GlobalNotification/GlobalNotification.module.css +5 -18
  781. package/lib/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -8
  782. package/lib/version2/alertIcons/AlarmAlertIcon.js +14 -12
  783. package/lib/version2/alertIcons/AlertIcons.js +4 -7
  784. package/lib/version2/alertIcons/AlertIcons.module.css +1 -2
  785. package/lib/version2/alertIcons/DangerAlertIcon.js +14 -12
  786. package/lib/version2/alertIcons/ErrorAlertIcon.js +15 -13
  787. package/lib/version2/alertIcons/InfoAlertIcon.js +16 -14
  788. package/lib/version2/alertIcons/NotificationAlertIcon.js +15 -13
  789. package/lib/version2/alertIcons/SuccessAlertIcon.js +14 -12
  790. package/lib/version2/alertIcons/WarningAlertIcon.js +14 -12
  791. package/lib/version2/alertIcons/__tests__/__snapshots__/AlarmAlertIcon.spec.js.snap +1 -1
  792. package/lib/version2/alertIcons/__tests__/__snapshots__/AlertIcons.spec.js.snap +1 -1
  793. package/lib/version2/alertIcons/__tests__/__snapshots__/DangerAlertIcon.spec.js.snap +1 -1
  794. package/lib/version2/alertIcons/__tests__/__snapshots__/ErrorAlertIcon.spec.js.snap +1 -1
  795. package/lib/version2/alertIcons/__tests__/__snapshots__/InfoAlertIcon.spec.js.snap +1 -1
  796. package/lib/version2/alertIcons/__tests__/__snapshots__/NotificationAlertIcon.spec.js.snap +1 -1
  797. package/lib/version2/alertIcons/__tests__/__snapshots__/SuccessAlertIcon.spec.js.snap +1 -1
  798. package/lib/version2/alertIcons/__tests__/__snapshots__/WarningAlertIcon.spec.js.snap +1 -1
  799. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +1 -5
  800. package/lib/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +2 -2
  801. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -5
  802. package/lib/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +2 -2
  803. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -5
  804. package/lib/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +2 -2
  805. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -5
  806. package/lib/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +2 -2
  807. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +1 -5
  808. package/lib/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +2 -2
  809. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +1 -5
  810. package/lib/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +2 -2
  811. package/lib/version2/lookup/AlertHeader/AlertHeader.js +3 -1
  812. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +77 -77
  813. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +4 -6
  814. package/lib/version2/lookup/AlertLookup/AlertLookup.js +6 -9
  815. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -3
  816. package/lib/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  817. package/lib/version2/lookup/alertLookupCommonNew.module.css +1 -1
  818. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +9 -12
  819. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +6 -10
  820. package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -13
  821. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +4 -7
  822. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +2 -3
  823. package/lib/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  824. package/package.json +33 -28
  825. package/ut.config.js +106 -0
package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css CHANGED
@@ -1,593 +1,590 @@
1
- [data-mode='pureDark'], :global(.zd-bluePureDarkTheme) [data-theme="blue"]{
1
+ [data-mode='pureDark'], :global(.zd-bluePureDarkTheme) [data-theme="blue"] {
2
2
  /* action button */
3
- --zdt_actionButton_primaryFilled_bg:var(--zdt_cta_primary_bg);
4
- --zdt_actionButton_primaryFilled_hover_bg:var(--zdt_cta_primary_hover_bg);
5
- --zdt_actionButton_primary_border:var(--zdt_cta_primary_border);
6
- --zdt_actionButton_primary_hover_border:var(--zdt_cta_primary_hover_border);
7
- --zdt_actionButton_separator_border:var(--zdtm_cta_secondary_border_darker_low);
8
- --zdt_actionButton_separator_hover_border:var(--zdt_cta_primary_border);
9
- --zdt_actionButton_primaryFilled_text:var(--zdt_cta_secondary_text);
10
- --zdt_actionButton_primary_text:var(--zdt_cta_primary_text);
11
- --zdt_actionButton_primary_hover_text:var(--zdt_cta_primary_text);
3
+ --zdt_actionButton_primaryFilled_bg: var(--zdt_cta_primary_bg);
4
+ --zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
5
+ --zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
6
+ --zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
7
+ --zdt_actionButton_separator_border: var(--zdtm_cta_secondary_border_darker_low);
8
+ --zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
9
+ --zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
10
+ --zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
11
+ --zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
12
12
 
13
13
  /* alert header */
14
- --zdt_alertheader_default_bg:hsla(216, calc(var(--zd-saturation, 1) * 29.41%), calc(96.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --zdt_alertheader_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --zdt_alertheader_primary_bg:hsla(191, calc(var(--zd-saturation, 1) * 89.47%), calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --zdt_alertheader_primary_text:hsla(204, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --zdt_alertheader_danger_bg:hsla(0, calc(var(--zd-saturation, 1) * 89.47%), calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --zdt_alertheader_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
+ --zdt_alertheader_default_bg: hsla(216, calc(var(--zd-saturation, 1) * 29.41%), calc(96.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_alertheader_default_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
+ --zdt_alertheader_primary_bg: hsla(191, calc(var(--zd-saturation, 1) * 89.47%), calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
+ --zdt_alertheader_primary_text: hsla(204, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
+ --zdt_alertheader_danger_bg: hsla(0, calc(var(--zd-saturation, 1) * 89.47%), calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
+ --zdt_alertheader_danger_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
20
20
 
21
21
  /* alert lookup */
22
- --zdt_alertlookup_innersection_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_alertlookup_innersection_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
23
23
 
24
24
  /* alphabetic list */
25
- --zdt_alphabeticList_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
26
- --zdt_alphabeticList_hover_text:var(--zdt_cta_primary_text);
25
+ --zdt_alphabeticList_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
26
+ --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
27
27
 
28
28
  /* attachment */
29
- --zdt_attachment_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
30
- --zdt_attachment_default_border:var(--zdt_cta_grey_40_border);
31
- --zdt_attachment_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --zdt_attachment_default_hover_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
33
- --zdt_attachment_download_bg:var(--zdt_cta_grey_10_bg);
34
- --zdt_attachment_download_hover_bg:var(--zdt_cta_grey_35_bg);
35
- --zdt_avataruser_delete_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
29
+ --zdt_attachment_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
30
+ --zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
31
+ --zdt_attachment_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
+ --zdt_attachment_default_hover_border: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
33
+ --zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
34
+ --zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
35
+ --zdt_avataruser_delete_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
36
 
37
37
  /* audio player */
38
- --zdt_audioplayer_default_bg:var(--zdt_cta_grey_15_bg);
39
- --zdt_audioplayer_line_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
- --zdt_audioplayer_input_bg:var(--zdt_cta_grey_35_bg);
41
- --zdt_audioplayer_pauseicon_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
42
- --zdt_audioplayer_loading_bg:var(--zdtm_cta_primary_bg_default_inverse_lower);
38
+ --zdt_audioplayer_default_bg: var(--zdt_cta_grey_15_bg);
39
+ --zdt_audioplayer_line_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
+ --zdt_audioplayer_input_bg: var(--zdt_cta_grey_35_bg);
41
+ --zdt_audioplayer_pauseicon_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
42
+ --zdt_audioplayer_loading_bg: var(--zdtm_cta_primary_bg_default_inverse_lower);
43
43
 
44
44
  /* timer */
45
- --zdt_timer_default_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
45
+ --zdt_timer_default_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
46
 
47
47
  /* avatar close */
48
- --zdt_avatarclose_pop_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
49
- --zdt_avatarclose_pop_text:hsla(30, calc(var(--zd-saturation, 1) * 1.64%), calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
48
+ --zdt_avatarclose_pop_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
49
+ --zdt_avatarclose_pop_text: hsla(30, calc(var(--zd-saturation, 1) * 1.64%), calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
50
50
 
51
51
  /* avatar collision */
52
- --zdt_avatarcollision_on_border:var(--zdt_cta_primary_border);
53
- --zdt_avatarcollision_off_border:var(--zdt_cta_grey_35_border);
54
- --zdt_avatarcollision_off_after_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
55
- --zdt_avatarcollision_off_after_bg:var(--zdt_cta_grey_35_bg);
56
- --zdt_avatarcollision_pop_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
57
- --zdt_avatarcollision_pop_text:hsla(30, calc(var(--zd-saturation, 1) * 1.64%), calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
58
- --zdt_avatarcollision_icon_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
52
+ --zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
53
+ --zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
54
+ --zdt_avatarcollision_off_after_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
55
+ --zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
56
+ --zdt_avatarcollision_pop_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
57
+ --zdt_avatarcollision_pop_text: hsla(30, calc(var(--zd-saturation, 1) * 1.64%), calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
58
+ --zdt_avatarcollision_icon_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
59
59
 
60
60
  /* avatar with team */
61
- --zdt_avatarwithteam_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
61
+ --zdt_avatarwithteam_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
62
62
 
63
63
  /* avatar icon */
64
- --zdt_avatarIcon_dark_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
65
- --zdt_avatarIcon_danger_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
66
- --zdt_avatarIcon_primary_icon:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
67
- --zdt_avatarIcon_grey_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
68
- --zdt_avatarIcon_success_icon:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
69
- --zdt_avatarIcon_smoke_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
70
- --zdt_avatarIcon_default_border:var(--zdt_cta_grey_40_border);
71
- --zdt_avatarIcon_default_hover_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
72
- --zdt_avatarIcon_primary_border:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
73
- --zdt_avatarIcon_primary_hover_border:hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
74
- --zdt_avatarIcon_secondary_border:hsla(201, calc(var(--zd-saturation, 1) * 100.00%), calc(49.80% + var(--zdc_default_inverse_medium)), calc( 0.3 + var(--zdc_alpha_low)));
75
- --zdt_avatarIcon_secondary_hover_border:hsla(201, calc(var(--zd-saturation, 1) * 100.00%), calc(49.80% + var(--zdc_default_inverse_medium)), calc( 0.3 + var(--zdc_alpha_low)));
76
- --zdt_avatarIcon_success_border:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
77
- --zdt_avatarIcon_success_hover_border:hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
78
- --zdt_avatarIcon_danger_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
79
- --zdt_avatarIcon_danger_hover_border:hsla(1, calc(var(--zd-saturation, 1) * 63.86%), calc(48.82% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
64
+ --zdt_avatarIcon_dark_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
65
+ --zdt_avatarIcon_danger_icon: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
66
+ --zdt_avatarIcon_primary_icon: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
67
+ --zdt_avatarIcon_grey_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
68
+ --zdt_avatarIcon_success_icon: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
69
+ --zdt_avatarIcon_smoke_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
70
+ --zdt_avatarIcon_default_border: var(--zdt_cta_grey_40_border);
71
+ --zdt_avatarIcon_default_hover_border: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
72
+ --zdt_avatarIcon_primary_border: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
73
+ --zdt_avatarIcon_primary_hover_border: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
74
+ --zdt_avatarIcon_secondary_border: hsla(201, calc(var(--zd-saturation, 1) * 100.00%), calc(49.80% + var(--zdc_default_inverse_medium)), calc( 0.3 + var(--zdc_alpha_low)));
75
+ --zdt_avatarIcon_secondary_hover_border: hsla(201, calc(var(--zd-saturation, 1) * 100.00%), calc(49.80% + var(--zdc_default_inverse_medium)), calc( 0.3 + var(--zdc_alpha_low)));
76
+ --zdt_avatarIcon_success_border: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
77
+ --zdt_avatarIcon_success_hover_border: hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
78
+ --zdt_avatarIcon_danger_border: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
79
+ --zdt_avatarIcon_danger_hover_border: hsla(1, calc(var(--zd-saturation, 1) * 63.86%), calc(48.82% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
80
80
 
81
81
  /* avatar status */
82
- --zdt_avatarstatus_size_border:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
83
- --zdt_avatarstatus_online_bg:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
84
- --zdt_avatarstatus_offline_bg:hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
85
- --zdt_avatarstatus_idle_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
82
+ --zdt_avatarstatus_size_border: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
83
+ --zdt_avatarstatus_online_bg: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
84
+ --zdt_avatarstatus_offline_bg: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
85
+ --zdt_avatarstatus_idle_bg: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
86
86
 
87
87
  /* avatar thread */
88
- --zdt_avatarthread_bg:hsla(217, calc(var(--zd-saturation, 1) * 22.81%), calc(11.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
89
- --zdt_avatarthread_default_border:var(--zdt_cta_grey_35_border);
90
- --zdt_avatarthread_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
91
- --zdt_avatarthread_primary_border:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
92
- --zdt_avatarthread_primary_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
93
- --zdt_avatarthread_success_border:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
94
- --zdt_avatarthread_success_text:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
95
- --zdt_avatarthread_danger_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
96
- --zdt_avatarthread_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
97
- --zdt_avatarthread_orange_border:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
98
- --zdt_avatarthread_orange_text:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
88
+ --zdt_avatarthread_bg: hsla(217, calc(var(--zd-saturation, 1) * 22.81%), calc(11.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
89
+ --zdt_avatarthread_default_border: var(--zdt_cta_grey_35_border);
90
+ --zdt_avatarthread_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
91
+ --zdt_avatarthread_primary_border: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
92
+ --zdt_avatarthread_primary_text: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
93
+ --zdt_avatarthread_success_border: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
94
+ --zdt_avatarthread_success_text: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
95
+ --zdt_avatarthread_danger_border: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
96
+ --zdt_avatarthread_danger_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
97
+ --zdt_avatarthread_orange_border: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
98
+ --zdt_avatarthread_orange_text: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
99
99
 
100
100
  /* avatar user */
101
- --zdt_avataruser_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
102
- --zdt_avataruser_delete_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
103
- --zdt_avataruser_delete_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
101
+ --zdt_avataruser_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
102
+ --zdt_avataruser_delete_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
103
+ --zdt_avataruser_delete_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
104
104
 
105
105
  /* avatar with team */
106
- --zdt_avatarteam_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
106
+ --zdt_avatarteam_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
107
107
 
108
108
  /* channel icon */
109
- --zdt_channelIcon_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
110
- --zdt_channelIcon_topIcon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
111
- --zdt_channelIcon_topIcon_iconGreen:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
112
- --zdt_channelIcon_topIcon_iconYellow:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
113
- --zdt_channelIcon_topIcon_border:var(--zdt_cta_grey_35_border);
109
+ --zdt_channelIcon_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
110
+ --zdt_channelIcon_topIcon_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
111
+ --zdt_channelIcon_topIcon_iconGreen: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
112
+ --zdt_channelIcon_topIcon_iconYellow: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
113
+ --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
114
114
 
115
115
  /* drawer */
116
- --zdt_drawer_default_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
117
- --zdt_drawer_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
118
- --zdt_drawer_header_bg:var(--zdtm_cta_grey_10_bg_default_inverse_low);
119
- --zdt_drawer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
120
- --zdt_drawer_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
116
+ --zdt_drawer_default_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
117
+ --zdt_drawer_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
118
+ --zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
119
+ --zdt_drawer_header_border: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
120
+ --zdt_drawer_title_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
121
121
 
122
122
  /* toggle dropdown */
123
- --zdt_toggledropdown_line_border:var(--zdt_cta_grey_15_border);
123
+ --zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
124
124
 
125
125
  /* common empty state */
126
- --zdt_commonEmptyState_default_title:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
127
- --zdt_commonEmptyState_default_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
128
- --zdt_commonEmptyState_default_link:var(--zdt_cta_primary_text);
129
- --zdt_commonEmptyState_default_link_hover:var(--zdt_cta_primary_hover_text);
126
+ --zdt_commonEmptyState_default_title: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
127
+ --zdt_commonEmptyState_default_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
128
+ --zdt_commonEmptyState_default_link: var(--zdt_cta_primary_text);
129
+ --zdt_commonEmptyState_default_link_hover: var(--zdt_cta_primary_hover_text);
130
130
 
131
131
  /* edition page */
132
- --zdt_editionpage_footer_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
133
- --zdt_editionpage_primary_text:var(--zdt_cta_primary_text);
132
+ --zdt_editionpage_footer_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
133
+ --zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
134
134
 
135
135
  /* error state empty */
136
- --zdt_emptystate_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
137
- --zdt_emptystate_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
136
+ --zdt_emptystate_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
137
+ --zdt_emptystate_title_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
138
138
 
139
139
  /* link text */
140
- --zdt_linktext_default_text:var(--zdt_cta_primary_text);
140
+ --zdt_linktext_default_text: var(--zdt_cta_primary_text);
141
141
 
142
142
  /* permission play */
143
- --zdt_permissionplay_title_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
143
+ --zdt_permissionplay_title_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
144
144
 
145
145
  /* will back */
146
- --zdt_willback_title_text:hsla(220, calc(var(--zd-saturation, 1) * 1.82%), calc(67.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
146
+ --zdt_willback_title_text: hsla(220, calc(var(--zd-saturation, 1) * 1.82%), calc(67.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
147
147
 
148
148
  /* flip card */
149
- --zdt_flipcard_default_bg:var(--dot_mirror);
150
- --zdt_flipcard_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(46.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
149
+ --zdt_flipcard_default_bg: var(--dot_mirror);
150
+ --zdt_flipcard_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(46.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
151
151
 
152
152
  /* form fields */
153
- --zdt_radiofield_box_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
154
- --zdt_radiofield_box_active_border:var(--zdt_cta_primary_border);
155
- --zdt_radiofield_box_active_bg:var(--zdt_cta_primary_light_bg);
156
- --zdt_fields_phoneicon_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
157
- --zdt_fields_phoneicon_hover_icon:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
158
- --zdt_fields_lockicon_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
159
- --zdt_fields_lockicon_hover_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
160
- --zdt_fields_phitag_text:hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
161
- --zdt_fields_phitag_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
162
- --zdt_fields_phitag_border:hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
163
- --zdt_fields_newtabicon_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
164
- --zdt_fields_newtabicon_hover_icon:var(--zdt_cta_primary_text);
153
+ --zdt_radiofield_box_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
154
+ --zdt_radiofield_box_active_border: var(--zdt_cta_primary_border);
155
+ --zdt_radiofield_box_active_bg: var(--zdt_cta_primary_light_bg);
156
+ --zdt_fields_phoneicon_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
157
+ --zdt_fields_phoneicon_hover_icon: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
158
+ --zdt_fields_lockicon_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
159
+ --zdt_fields_lockicon_hover_icon: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
160
+ --zdt_fields_phitag_text: hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
161
+ --zdt_fields_phitag_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
162
+ --zdt_fields_phitag_border: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
163
+ --zdt_fields_newtabicon_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
164
+ --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
165
165
 
166
166
  /* form action */
167
- --zdt_formAction_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
168
- --zdt_formAction_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
167
+ --zdt_formAction_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
168
+ --zdt_formAction_border: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
169
169
 
170
170
  /* freezelayer */
171
- --zdt_freezelayer_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
172
- --zdt_freezelayer_dark_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
173
- --zdt_freezelayer_plain_bg:var(--dot_mirror);
174
- --zdt_freezelayer_snow_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
171
+ --zdt_freezelayer_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
172
+ --zdt_freezelayer_dark_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
173
+ --zdt_freezelayer_plain_bg: var(--dot_mirror);
174
+ --zdt_freezelayer_snow_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
175
175
 
176
176
  /* icon button */
177
- --zdt_iconButton_icon_black:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
178
- --zdt_iconButton_icon_primary:var(--zdt_cta_alpha_text);
179
- --zdt_iconButton_icon_primaryHover:var(--zdt_cta_alpha_hover_text);
180
- --zdt_iconButton_icon_primaryActive:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
177
+ --zdt_iconButton_icon_black: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
178
+ --zdt_iconButton_icon_primary: var(--zdt_cta_alpha_text);
179
+ --zdt_iconButton_icon_primaryHover: var(--zdt_cta_alpha_hover_text);
180
+ --zdt_iconButton_icon_primaryActive: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
181
181
 
182
182
  /* important notes */
183
- --zdt_importantnotes_bg:hsla(28, calc(var(--zd-saturation, 1) * 93.75%), calc(56.08% + var(--zdc_darker_low)), calc( 0.1 + var(--zdc_alpha_low)));
184
- --zdt_importantnotes_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
185
- --zdt_importantnotes_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
183
+ --zdt_importantnotes_bg: hsla(28, calc(var(--zd-saturation, 1) * 93.75%), calc(56.08% + var(--zdc_darker_low)), calc( 0.1 + var(--zdc_alpha_low)));
184
+ --zdt_importantnotes_title_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
185
+ --zdt_importantnotes_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
186
186
 
187
187
  /* setup detail layout */
188
- --zdt_setupdetail_header_border:hsla(200, calc(var(--zd-saturation, 1) * 7.32%), calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
189
- --zdt_setupdetail_backicon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
190
- --zdt_setupdetail_hover_backicon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
191
- --zdt_setupdetail_helpinfo:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
192
- --zdt_setupdetail_helpinfo_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
193
- --zdt_setupdetail_popup_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(91.37% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
194
- --zdt_setupdetail_popup_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
195
- --zdt_setupdetail_infoheader_bg:hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default)), calc( 0.1 + var(--zdc_alpha_high)));
196
- --zdt_setupdetail_infoheader_text:hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
197
- --zdt_setupdetail_infoicon_border:hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
198
- --zdt_setupdetail_infoclose:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(53.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
188
+ --zdt_setupdetail_header_border: hsla(200, calc(var(--zd-saturation, 1) * 7.32%), calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
189
+ --zdt_setupdetail_backicon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
190
+ --zdt_setupdetail_hover_backicon_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
191
+ --zdt_setupdetail_helpinfo: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
192
+ --zdt_setupdetail_helpinfo_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
193
+ --zdt_setupdetail_popup_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(91.37% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
194
+ --zdt_setupdetail_popup_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
195
+ --zdt_setupdetail_infoheader_bg: hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default)), calc( 0.1 + var(--zdc_alpha_high)));
196
+ --zdt_setupdetail_infoheader_text: hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdt_setupdetail_infoicon_border: hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
198
+ --zdt_setupdetail_infoclose: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(53.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
199
199
 
200
200
  /* subtab layout */
201
- --zdt_subtablayout_border:var(--zdt_cta_grey_15_border);
202
- --zdt_subtablayout_tabhead_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
203
- --zdt_subtablayout_plusicon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
204
- --zdt_subtablayout_primary_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
205
- --zdt_subtablayout_shadowstyle_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.15);
206
- --zdt_subtablayout_title_text:var(--zdt_cta_primary_text);
207
- --zdt_subtablayout_label_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
201
+ --zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
202
+ --zdt_subtablayout_tabhead_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
203
+ --zdt_subtablayout_plusicon_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdt_subtablayout_primary_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdt_subtablayout_shadowstyle_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.15);
206
+ --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
207
+ --zdt_subtablayout_label_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
208
 
209
209
  /* avatar flip */
210
- --zdt_avatarflip_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
210
+ --zdt_avatarflip_default_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
211
211
 
212
212
  /* comment icon */
213
- --zdt_comment_iconText:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
214
- --zdt_comment_hover_iconText:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
213
+ --zdt_comment_iconText: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
214
+ --zdt_comment_hover_iconText: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
215
215
 
216
216
  /* department dropdown */
217
- --zdt_departmentdropdown_default_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
218
- --zdt_departmentdropdown_default_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
217
+ --zdt_departmentdropdown_default_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
218
+ --zdt_departmentdropdown_default_hover_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
219
219
 
220
220
  /* dot */
221
- --zdt_dot_text:var(--zdt_cta_grey_40_text);
221
+ --zdt_dot_text: var(--zdt_cta_grey_40_text);
222
222
 
223
223
  /* dot new */
224
- --zdt_dotnew_default_bg:var(--zdtm_cta_primary_bg_default);
225
- --zdt_dotnew_default_box_shadow:hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 0.6);
226
- --zdt_dotnew_animate_box_shadow:var(--dot_mirror);
227
- --zdt_dotnew_animate_to_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 0);
224
+ --zdt_dotnew_default_bg: var(--zdtm_cta_primary_bg_default);
225
+ --zdt_dotnew_default_box_shadow: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 0.6);
226
+ --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
227
+ --zdt_dotnew_animate_to_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 0);
228
228
 
229
229
  /* grid stencils */
230
- --zdt_gridstencils_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
231
- --zdt_gridstencils_default_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
232
- --zdt_gridstencils_after_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
233
- --zdt_gridstencils_listbar_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
230
+ --zdt_gridstencils_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
231
+ --zdt_gridstencils_default_border: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
232
+ --zdt_gridstencils_after_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
233
+ --zdt_gridstencils_listbar_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
234
+ --zdt_gridstencils_listbar_gradient_bg /* rtl:as:background-image */: var(--zd-gradient-saturation, linear-gradient(to left, #212121 0, #262626 20%, #262626 40%, #212121 100%));
234
235
 
235
236
  /* icons */
236
- --zdt_icons_default:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
237
- --zdt_icons_hover_blue:var(--zdt_cta_primary_text);
238
- --zdt_icons_hover_red:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
237
+ --zdt_icons_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
238
+ --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
239
+ --zdt_icons_hover_red: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
239
240
 
240
241
  /* list layout */
241
- --zdt_listLayout_border:var(--zdt_cta_grey_15_border);
242
- --zdt_listLayout_hover_bg:var(--dot_listItemHover);
243
- --zdt_listLayout_active_bg:var(--dot_listItemActive);
244
- --zdt_listLayout_active_border:var(--zdt_cta_primary_border);
245
- --zdt_listLayout_keyboard_active_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
242
+ --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
243
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
244
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
245
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
246
+ --zdt_listLayout_keyboard_active_border: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
246
247
 
247
248
  /* list stencils */
248
- --zdt_liststencils_innercontainer_border:var(--zdt_cta_grey_15_border);
249
+ --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
249
250
 
250
251
  /* secondary text */
251
- --zdt_secondaryText_gray_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
252
- --zdt_secondaryText_orage_text:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
253
- --zdt_secondaryText_green_text:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
254
- --zdt_secondaryText_red_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
255
- --zdt_secondaryText_blue_text:var(--zdt_cta_primary_text);
256
- --zdt_secondaryText_blue_hover_text:var(--zdt_cta_primary_hover_text);
257
- --zdt_secondaryText_black_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
258
- --zdt_secondaryText_secondaryText_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
252
+ --zdt_secondaryText_gray_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
253
+ --zdt_secondaryText_orage_text: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
254
+ --zdt_secondaryText_green_text: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
255
+ --zdt_secondaryText_red_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
256
+ --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
257
+ --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
258
+ --zdt_secondaryText_black_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
259
+ --zdt_secondaryText_secondaryText_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
259
260
 
260
261
  /* status dropdown */
261
- --zdt_statusdropdown_line_border:var(--zdt_cta_grey_15_border);
262
+ --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
262
263
 
263
264
  /* status listitem */
264
- --zdt_statuslistitem_list_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
265
- --zdt_statuslistitem_default_border:var(--dot_mirror);
266
- --zdt_statuslistitem_default_active_border:var(--zdt_cta_primary_border);
267
- --zdt_statuslistitem_default_effect_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
268
- --zdt_statuslistitem_primary_efffect_bg:var(--dot_listItemActive);
269
- --zdt_statuslistitem_secondary_effect_bg:var(--zdtm_cta_primary_bg_default);
270
- --zdt_statuslistitem_secondary_effect_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
271
- --zdt_statuslistitem_tickicon:var(--zdt_cta_primary_text);
272
- --zdt_statuslistitem_black_bg:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
273
- --zdt_statuslistitem_orange_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
274
- --zdt_statuslistitem_green_bg:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
265
+ --zdt_statuslistitem_list_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
266
+ --zdt_statuslistitem_default_border: var(--dot_mirror);
267
+ --zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
268
+ --zdt_statuslistitem_default_effect_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
269
+ --zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
270
+ --zdt_statuslistitem_secondary_effect_bg: var(--zdtm_cta_primary_bg_default);
271
+ --zdt_statuslistitem_secondary_effect_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
272
+ --zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
273
+ --zdt_statuslistitem_black_bg: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
274
+ --zdt_statuslistitem_orange_bg: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
275
+ --zdt_statuslistitem_green_bg: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
275
276
 
276
277
  /* subject */
277
- --zdt_subject_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
278
+ --zdt_subject_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
278
279
 
279
280
  /* tag new */
280
- --zdt_tagnew_default_bg:var(--zdtm_cta_primary_bg_default);
281
- --zdt_tagnew_default_box_shadow:var(--zdt_cta_primary_box_shadow);
282
- --zdt_tagnew_default_text:var(--zdtm_cta_secondary_text_lighter);
281
+ --zdt_tagnew_default_bg: var(--zdtm_cta_primary_bg_default);
282
+ --zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
283
+ --zdt_tagnew_default_text: var(--zdtm_cta_secondary_text_lighter);
283
284
 
284
285
  /* thread */
285
- --zdt_thread_iconText:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
286
- --zdt_thread_hover_iconText:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
286
+ --zdt_thread_iconText: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
287
+ --zdt_thread_hover_iconText: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
287
288
 
288
289
  /* lookup header common */
289
- --zdt_lookupheader_default_bg:var(--zdt_cta_grey_10_bg);
290
- --zdt_lookupheader_white_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
291
- --zdt_lookupheader_default_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
292
- --zdt_lookupheader_white_border:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
293
- --zdt_lookupheader_para_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
294
- --zdt_lookupheader_input_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
290
+ --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
291
+ --zdt_lookupheader_white_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
292
+ --zdt_lookupheader_default_border: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
293
+ --zdt_lookupheader_white_border: hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
294
+ --zdt_lookupheader_para_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
295
+ --zdt_lookupheader_input_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
295
296
 
296
297
  /* lookup close */
297
- --zdt_lookupclose_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
298
- --zdt_lookupclose_default_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
299
- --zdt_lookupclose_default_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
298
+ --zdt_lookupclose_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
299
+ --zdt_lookupclose_default_hover_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
300
+ --zdt_lookupclose_default_hover_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
300
301
 
301
302
  /* lookup search */
302
- --zdt_lookupsearch_boxstyle_border:var(--zdt_cta_grey_35_border);
303
- --zdt_lookupsearch_boxstyle_hover_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
304
- --zdt_lookupsearch_boxstyle_activer_border:var(--dot_inputLineFocus);
303
+ --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
304
+ --zdt_lookupsearch_boxstyle_hover_border: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
305
+ --zdt_lookupsearch_boxstyle_activer_border: var(--dot_inputLineFocus);
305
306
 
306
307
  /* lookup ticket header */
307
- --zdt_lookupticketheader_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
308
+ --zdt_lookupticketheader_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
308
309
 
309
310
  /* lookup title */
310
- --zdt_lookuptitle_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
311
- --zdt_lookuptitle_primary_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
312
- --zdt_lookuptitle_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
311
+ --zdt_lookuptitle_default_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
312
+ --zdt_lookuptitle_primary_text: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
313
+ --zdt_lookuptitle_danger_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
313
314
 
314
315
  /* view dropdown */
315
- --zdt_viewdropdown_empty_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
316
- --zdt_viewdropdown_label_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
317
- --zdt_viewdropdown_hover_label_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
316
+ --zdt_viewdropdown_empty_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
317
+ --zdt_viewdropdown_label_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
318
+ --zdt_viewdropdown_hover_label_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
318
319
 
319
320
  /* lookup section */
320
- --zdt_lookupsection_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
321
- --zdt_lookupsection_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
321
+ --zdt_lookupsection_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
322
+ --zdt_lookupsection_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
322
323
 
323
324
  /* message */
324
- --zdt_message_default_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.15);
325
- --zdt_message_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
326
- --zdt_message_success_bg:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
327
- --zdt_message_alert_bg:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
328
- --zdt_message_info_bg:hsla(187, calc(var(--zd-saturation, 1) * 100.00%), calc(42.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
329
- --zdt_message_tickicon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
330
- --zdt_message_close_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
325
+ --zdt_message_default_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.15);
326
+ --zdt_message_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
327
+ --zdt_message_success_bg: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
328
+ --zdt_message_alert_bg: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
329
+ --zdt_message_info_bg: hsla(187, calc(var(--zd-saturation, 1) * 100.00%), calc(42.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
330
+ --zdt_message_tickicon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
331
+ --zdt_message_close_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
331
332
 
332
333
  /* new star */
333
- --zdt_newstar_green_text:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
334
- --zdt_newstar_yellow_text:hsla(50, calc(var(--zd-saturation, 1) * 89.92%), calc(46.67% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
335
- --zdt_newstar_blue_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
334
+ --zdt_newstar_green_text: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
335
+ --zdt_newstar_yellow_text: hsla(50, calc(var(--zd-saturation, 1) * 89.92%), calc(46.67% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
336
+ --zdt_newstar_blue_text: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
336
337
 
337
338
  /* plus icon */
338
- --zdt_plusicon_box_shadow:var(--zdt_cta_primary_box_shadow);
339
- --zdt_plusicon_bg:var(--zdtm_cta_primary_light_bg_default);
340
- --zdt_plusicon_border:var(--zdt_cta_primary_light_border);
341
- --zdt_plusicon_hover_border:var(--zdt_cta_primary_light_border);
342
- --zdt_plusicon_text:var(--zdt_cta_primary_text);
339
+ --zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
340
+ --zdt_plusicon_bg: var(--zdtm_cta_primary_light_bg_default);
341
+ --zdt_plusicon_border: var(--zdt_cta_primary_light_border);
342
+ --zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
343
+ --zdt_plusicon_text: var(--zdt_cta_primary_text);
343
344
 
344
345
  /* header link */
345
- --zdt_headerlink_text:var(--zdt_cta_primary_text);
346
- --zdt_headerlink_hover_text:var(--zdtm_cta_primary_border_default_inverse);
346
+ --zdt_headerlink_text: var(--zdt_cta_primary_text);
347
+ --zdt_headerlink_hover_text: var(--zdtm_cta_primary_border_default_inverse);
347
348
 
348
349
  /* search */
349
- --zdt_search_input_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
350
- --zdt_search_input_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
351
- --zdt_search_input_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
352
- --zdt_search_input_focus_border:var(--zdt_cta_primary_border);
353
- --zdt_search_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
354
- --zdt_search_hover_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
355
- --zdt_search_placeholder_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(79.22% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
350
+ --zdt_search_input_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
351
+ --zdt_search_input_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
352
+ --zdt_search_input_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
353
+ --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
354
+ --zdt_search_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
355
+ --zdt_search_hover_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
356
+ --zdt_search_placeholder_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(79.22% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
356
357
 
357
358
  /* views */
358
- --zdt_views_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
359
- --zdt_views_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
360
- --zdt_views_hover_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
361
- --zdt_views_active_icon:var(--zdt_cta_primary_text);
362
- --zdt_message_info_bg:hsla(187, calc(var(--zd-saturation, 1) * 100.00%), calc(42.75% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
363
- --zdt_message_tickicon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
364
- --zdt_message_close_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
359
+ --zdt_views_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
360
+ --zdt_views_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
361
+ --zdt_views_hover_icon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
362
+ --zdt_views_active_icon: var(--zdt_cta_primary_text);
363
+ --zdt_message_info_bg: hsla(187, calc(var(--zd-saturation, 1) * 100.00%), calc(42.75% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
364
+ --zdt_message_tickicon: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
365
+ --zdt_message_close_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
365
366
 
366
367
  /* message banner */
367
- --zdt_messagebanner_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
368
- --zdt_messagebanner_link_text:var(--zdt_cta_primary_text);
369
- --zdt_messagebanner_close_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
370
- --zdt_messagebanner_close_hover_bg:hsla(60, calc(var(--zd-saturation, 1) * 50.00%), calc(85.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
371
- --zdt_messagebanner_close_hover_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
372
- --zdt_messagebanner_default_bg:hsla(62, calc(var(--zd-saturation, 1) * 100.00%), calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
373
- --zdt_messagebanner_blue_bg:hsla(210, calc(var(--zd-saturation, 1) * 90.91%), calc(95.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
374
- --zdt_messagebanner_white_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
368
+ --zdt_messagebanner_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
369
+ --zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
370
+ --zdt_messagebanner_close_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
371
+ --zdt_messagebanner_close_hover_bg: hsla(60, calc(var(--zd-saturation, 1) * 50.00%), calc(85.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
372
+ --zdt_messagebanner_close_hover_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
373
+ --zdt_messagebanner_default_bg: hsla(62, calc(var(--zd-saturation, 1) * 100.00%), calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
374
+ --zdt_messagebanner_blue_bg: hsla(210, calc(var(--zd-saturation, 1) * 90.91%), calc(95.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
375
+ --zdt_messagebanner_white_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
375
376
 
376
377
  /* help tips description */
377
- --zdt_helptips_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
378
+ --zdt_helptips_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
378
379
 
379
380
  /* help tips link */
380
- --zdt_helptipslink_text:var(--zdt_cta_primary_text);
381
+ --zdt_helptipslink_text: var(--zdt_cta_primary_text);
381
382
 
382
383
  /* list group */
383
- --zdt_listgroup_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
384
+ --zdt_listgroup_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
384
385
 
385
386
  /* help tips title */
386
- --zdt_helptipstitle_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
387
+ --zdt_helptipstitle_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
387
388
 
388
389
  /* setup table head */
389
- --zdt_setuptablehead_border:hsla(200, calc(var(--zd-saturation, 1) * 7.32%), calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
390
+ --zdt_setuptablehead_border: hsla(200, calc(var(--zd-saturation, 1) * 7.32%), calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
390
391
 
391
392
  /* setup table row */
392
- --zdt_setuptablerow_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
393
- --zdt_setuptablerow_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.82% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
393
+ --zdt_setuptablerow_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
394
+ --zdt_setuptablerow_hover_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.82% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
394
395
 
395
396
  /* table text */
396
- --zdt_tabletext_primary_text:var(--zdt_cta_primary_text);
397
- --zdt_tabletext_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
398
- --zdt_tabletext_green_text:hsla(107, calc(var(--zd-saturation, 1) * 100.00%), calc(36.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
399
- --zdt_tabletext_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
400
- --zdt_tabletext_heading_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
397
+ --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
398
+ --zdt_tabletext_default_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
399
+ --zdt_tabletext_green_text: hsla(107, calc(var(--zd-saturation, 1) * 100.00%), calc(36.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
400
+ --zdt_tabletext_danger_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
401
+ --zdt_tabletext_heading_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
401
402
 
402
403
  /* toast message */
403
- --zdt_toastmessage_default_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.3);
404
- --zdt_toastmessage_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
405
- --zdt_toastmessage_alert_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
406
- --zdt_toastmessage_alert_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
407
- --zdt_toastmessage_alerttitle_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
408
- --zdt_toastmessage_popbutton_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
409
- --zdt_toastmessage_submit_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
410
- --zdt_toastmessage_primary_text:var(--zdt_cta_primary_text);
411
- --zdt_toastmessage_primary_hover_bg:var(--zdtm_cta_primary_bg_default);
412
- --zdt_toastmessage_primary_hover_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
413
- --zdt_toastmessage_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
414
- --zdt_toastmessage_danger_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
415
- --zdt_toastmessage_danger_text_shadow:hsla(359, calc(var(--zd-saturation, 1) * 73.21%), calc(59.02% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
416
- --zdt_toastmessage_success_text:hsla(142, calc(var(--zd-saturation, 1) * 55.36%), calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
417
- --zdt_toastmessage_success_hover_bg:hsla(142, calc(var(--zd-saturation, 1) * 55.36%), calc(45.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
418
- --zdt_toastmessage_successfill_bg:hsla(141, calc(var(--zd-saturation, 1) * 53.73%), calc(50.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
419
- --zdt_toastmessage_successplain_text:hsla(141, calc(var(--zd-saturation, 1) * 53.73%), calc(50.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
420
- --zdt_toastmessage_cancel_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
421
- --zdt_toastmessage_closeicon:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
422
- --zdt_toastmessage_closeicon_hover_bg:var(--zdtm_cta_primary_hover_bg_default);
423
- --zdt_toastmessage_closeicon_hover_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
424
- --zdt_toastmessage_dropdown_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
425
- --zdt_toastmessage_dropdown_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
426
- --zdt_toastmessage_message_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
404
+ --zdt_toastmessage_default_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.3);
405
+ --zdt_toastmessage_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
406
+ --zdt_toastmessage_alert_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
407
+ --zdt_toastmessage_alert_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
408
+ --zdt_toastmessage_alerttitle_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
409
+ --zdt_toastmessage_popbutton_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
410
+ --zdt_toastmessage_submit_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
411
+ --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
412
+ --zdt_toastmessage_primary_hover_bg: var(--zdtm_cta_primary_bg_default);
413
+ --zdt_toastmessage_primary_hover_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
414
+ --zdt_toastmessage_danger_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
415
+ --zdt_toastmessage_danger_hover_bg: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
416
+ --zdt_toastmessage_danger_text_shadow: hsla(359, calc(var(--zd-saturation, 1) * 73.21%), calc(59.02% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
417
+ --zdt_toastmessage_success_text: hsla(142, calc(var(--zd-saturation, 1) * 55.36%), calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
418
+ --zdt_toastmessage_success_hover_bg: hsla(142, calc(var(--zd-saturation, 1) * 55.36%), calc(45.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
419
+ --zdt_toastmessage_successfill_bg: hsla(141, calc(var(--zd-saturation, 1) * 53.73%), calc(50.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
420
+ --zdt_toastmessage_successplain_text: hsla(141, calc(var(--zd-saturation, 1) * 53.73%), calc(50.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
421
+ --zdt_toastmessage_cancel_hover_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
422
+ --zdt_toastmessage_closeicon: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
423
+ --zdt_toastmessage_closeicon_hover_bg: var(--zdtm_cta_primary_hover_bg_default);
424
+ --zdt_toastmessage_closeicon_hover_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
425
+ --zdt_toastmessage_dropdown_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
426
+ --zdt_toastmessage_dropdown_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
427
+ --zdt_toastmessage_message_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
427
428
 
428
429
  /* upload */
429
- --zdt_upload_default_bg:hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
430
- --zdt_upload_overlay_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.2);
431
- --zdt_upload_loader_default_bg:hsla(223, calc(var(--zd-saturation, 1) * 9.09%), calc(30.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
432
- --zdt_upload_attachsize_default_text:hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
433
- --zdt_upload_uploadclose_default_bg:hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
434
- --zdt_upload_uploadclose_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
435
- --zdt_upload_uploadclose_default_hover_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc( 0.7 + var(--zdc_alpha_high)));
436
- --zdt_upload_night_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
437
- --zdt_upload_loader_night_bg:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
438
- --zdt_upload_attachsize_night_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
439
- --zdt_upload_uploadclose_night_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
440
- --zdt_upload_uploadclose_night_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
441
- --zdt_upload_uploadclose_night_hover_text:hsla(201, calc(var(--zd-saturation, 1) * 22.33%), calc(20.20% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
430
+ --zdt_upload_default_bg: hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
431
+ --zdt_upload_overlay_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.2);
432
+ --zdt_upload_loader_default_bg: hsla(223, calc(var(--zd-saturation, 1) * 9.09%), calc(30.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
433
+ --zdt_upload_attachsize_default_text: hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
434
+ --zdt_upload_uploadclose_default_bg: hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
435
+ --zdt_upload_uploadclose_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
436
+ --zdt_upload_uploadclose_default_hover_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc( 0.7 + var(--zdc_alpha_high)));
437
+ --zdt_upload_night_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
438
+ --zdt_upload_loader_night_bg: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
439
+ --zdt_upload_attachsize_night_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
440
+ --zdt_upload_uploadclose_night_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
441
+ --zdt_upload_uploadclose_night_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
442
+ --zdt_upload_uploadclose_night_hover_text: hsla(201, calc(var(--zd-saturation, 1) * 22.33%), calc(20.20% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
442
443
 
443
444
  /* common alerts */
444
- --zdt_commonalert_default_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
445
- --zdt_commonalert_success_border:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
446
- --zdt_commonalert_info_border:var(--zdt_cta_primary_border);
447
- --zdt_commonalert_primary_border:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
448
- --zdt_commonalert_danger_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
449
- --zdt_commonalert_warning_border:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
450
- --zdt_commonalert_close_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
451
- --zdt_commonalert_close_light_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
452
- --zdt_commonalert_close_hover_bg:hsla(338, calc(var(--zd-saturation, 1) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
453
- --zdt_commonalert_success_hover_bg:hsla(159, calc(var(--zd-saturation, 1) * 27.87%), calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
454
- --zdt_commonalert_info_hover_bg:var(--zdt_cta_primary_light_bg);
455
- --zdt_commonalert_primary_hover_bg:hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
456
- --zdt_commonalert_plaininfo_hover_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
457
- --zdt_commonalert_danger_hover_bg:hsla(338, calc(var(--zd-saturation, 1) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
458
- --zdt_commonalert_warning_hover_bg:hsla(22, calc(var(--zd-saturation, 1) * 33.33%), calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
459
- --zdt_commonalert_light_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
460
- --zdt_commonalert_secondlayer_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 15.69%, 1);
461
- --zdt_commonalert_default_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
462
- --zdt_commonalert_success_icon:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
463
- --zdt_commonalert_info_icon:var(--zdt_cta_primary_border);
464
- --zdt_commonalert_primary_icon:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
465
- --zdt_commonalert_danger_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
466
- --zdt_commonalert_warning_icon:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
445
+ --zdt_commonalert_default_border: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
446
+ --zdt_commonalert_success_border: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
447
+ --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
448
+ --zdt_commonalert_primary_border: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
449
+ --zdt_commonalert_danger_border: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
450
+ --zdt_commonalert_warning_border: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
451
+ --zdt_commonalert_close_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
452
+ --zdt_commonalert_close_light_icon: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
453
+ --zdt_commonalert_close_hover_bg: hsla(338, calc(var(--zd-saturation, 1) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
454
+ --zdt_commonalert_success_hover_bg: hsla(159, calc(var(--zd-saturation, 1) * 27.87%), calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
455
+ --zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
456
+ --zdt_commonalert_primary_hover_bg: hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
457
+ --zdt_commonalert_plaininfo_hover_bg: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
458
+ --zdt_commonalert_danger_hover_bg: hsla(338, calc(var(--zd-saturation, 1) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
459
+ --zdt_commonalert_warning_hover_bg: hsla(22, calc(var(--zd-saturation, 1) * 33.33%), calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
460
+ --zdt_commonalert_light_hover_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
461
+ --zdt_commonalert_secondlayer_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 15.69%, 1);
462
+ --zdt_commonalert_default_icon: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
463
+ --zdt_commonalert_success_icon: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
464
+ --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
465
+ --zdt_commonalert_primary_icon: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
466
+ --zdt_commonalert_danger_icon: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
467
+ --zdt_commonalert_warning_icon: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
467
468
 
468
469
  /* alert icons */
469
- --zdt_alerticons_green_fill:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
470
- --zdt_alerticons_primary_fill:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
471
- --zdt_alerticons_orange_fill:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
470
+ --zdt_alerticons_green_fill: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
471
+ --zdt_alerticons_primary_fill: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
472
+ --zdt_alerticons_orange_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
472
473
 
473
474
  /* global notification */
474
- --zdt_globalnotification_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
475
- --zdt_globalnotification_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
476
- --zdt_globalnotification_success_bg:hsla(133, calc(var(--zd-saturation, 1) * 10.84%), calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
477
- --zdt_globalnotification_success_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
478
- --zdt_globalnotification_info_bg:var(--zdtm_cta_primary_light_bg_darker_lowest);
479
- --zdt_globalnotification_primary_bg:hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
480
- --zdt_globalnotification_info_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
481
- --zdt_globalnotification_primary_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
482
- --zdt_globalnotification_danger_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
483
- --zdt_globalnotification_danger_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
484
- --zdt_globalnotification_warning_bg:hsla(229, calc(var(--zd-saturation, 1) * 10.09%), calc(21.37% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
485
- --zdt_globalnotification_warning_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
475
+ --zdt_globalnotification_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
476
+ --zdt_globalnotification_default_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
477
+ --zdt_globalnotification_success_bg: hsla(133, calc(var(--zd-saturation, 1) * 10.84%), calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
478
+ --zdt_globalnotification_success_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
479
+ --zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
480
+ --zdt_globalnotification_primary_bg: hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
481
+ --zdt_globalnotification_info_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
482
+ --zdt_globalnotification_primary_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
483
+ --zdt_globalnotification_danger_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
484
+ --zdt_globalnotification_danger_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
485
+ --zdt_globalnotification_warning_bg: hsla(229, calc(var(--zd-saturation, 1) * 10.09%), calc(21.37% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
486
+ --zdt_globalnotification_warning_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
486
487
 
487
488
  /* alert lookup */
488
- --zdt_alertlookup_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
489
- --zdt_alertlookup_border:var(--zdt_cta_grey_15_border);
490
- --zdt_alertlookuop_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
489
+ --zdt_alertlookup_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
490
+ --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
491
+ --zdt_alertlookuop_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
491
492
 
492
493
  /* alert lookup new */
493
- --zdt_alertlookupnew_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
494
+ --zdt_alertlookupnew_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
494
495
 
495
496
  /* tagsmultiselect */
496
- --zdt_tagsmultiselect_labelt_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
497
- --zdt_tagsmultiselect_default_border:var(--dot_inputLine);
498
- --zdt_tagsmultiselect_transparent_border:var(--dot_mirror);
499
- --zdt_tagsmultiselect_dark_border:hsla(228, calc(var(--zd-saturation, 1) * 16.20%), calc(35.10% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
500
- --zdt_tagsmultiselect_default_hover_border:var(--dot_inputLineHover);
501
- --zdt_tagsmultiselect_transparent_hover_border:var(--dot_inputLineHover);
502
- --zdt_tagsmultiselect_dark_hover_border:hsla(229, calc(var(--zd-saturation, 1) * 8.25%), calc(61.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
503
- --zdt_tagsmultiselect_default_active_border:var(--dot_inputLineFocus);
504
- --zdt_tagsmultiselect_transparent_active_border:var(--dot_inputLineFocus);
505
- --zdt_tagsmultiselect_dark_active_border:hsla(229, calc(var(--zd-saturation, 1) * 8.25%), calc(61.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
506
- --zdt_tagsmultiselect_more_text:var(--zdt_cta_primary_text);
507
- --zdt_tagsmultiselect_more_hover_text:var(--zdt_cta_primary_hover_text);
497
+ --zdt_tagsmultiselect_labelt_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
498
+ --zdt_tagsmultiselect_default_border: var(--dot_inputLine);
499
+ --zdt_tagsmultiselect_transparent_border: var(--dot_mirror);
500
+ --zdt_tagsmultiselect_dark_border: hsla(228, calc(var(--zd-saturation, 1) * 16.20%), calc(35.10% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
501
+ --zdt_tagsmultiselect_default_hover_border: var(--dot_inputLineHover);
502
+ --zdt_tagsmultiselect_transparent_hover_border: var(--dot_inputLineHover);
503
+ --zdt_tagsmultiselect_dark_hover_border: hsla(229, calc(var(--zd-saturation, 1) * 8.25%), calc(61.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
504
+ --zdt_tagsmultiselect_default_active_border: var(--dot_inputLineFocus);
505
+ --zdt_tagsmultiselect_transparent_active_border: var(--dot_inputLineFocus);
506
+ --zdt_tagsmultiselect_dark_active_border: hsla(229, calc(var(--zd-saturation, 1) * 8.25%), calc(61.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
507
+ --zdt_tagsmultiselect_more_text: var(--zdt_cta_primary_text);
508
+ --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
508
509
 
509
510
  /* text editor */
510
- --zdt_texteditor_menu_bg:hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
511
- --zdt_texteditor_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
512
- --zdt_texteditor_default_border:hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
513
- --zdt_texteditor_menu_li_bg:hsla(217, calc(var(--zd-saturation, 1) * 37.14%), calc(93.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
514
- --zdt_texteditor_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
515
- --zdt_texteditor_more_icon_fill:hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
516
- --zdt_texteditor_menu_after_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.08);
517
- --zdt_texteditor_menu_after_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
518
- --zdt_texteditor_input_placeholder_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
519
- --zdt_texteditor_dropdown_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.2);
520
- --zdt_texteditor_night_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
521
- --zdt_texteditor_night_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
511
+ --zdt_texteditor_menu_bg: hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
512
+ --zdt_texteditor_default_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
513
+ --zdt_texteditor_default_border: hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
514
+ --zdt_texteditor_menu_li_bg: hsla(217, calc(var(--zd-saturation, 1) * 37.14%), calc(93.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
515
+ --zdt_texteditor_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
516
+ --zdt_texteditor_more_icon_fill: hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
517
+ --zdt_texteditor_menu_after_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.08);
518
+ --zdt_texteditor_menu_after_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
519
+ --zdt_texteditor_input_placeholder_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
520
+ --zdt_texteditor_dropdown_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.2);
521
+ --zdt_texteditor_night_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
522
+ --zdt_texteditor_night_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
522
523
 
523
524
  /* desktop notification */
524
- --zdt_desktopnotification_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
525
- --zdt_desktopnotification_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
526
- --zdt_desktopnotification_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
527
- --zdt_desktopnotification_message_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
528
- --zdt_desktopnotification_message_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
529
- --zdt_desktopnotification_message_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
525
+ --zdt_desktopnotification_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(16.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
526
+ --zdt_desktopnotification_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
527
+ --zdt_desktopnotification_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
528
+ --zdt_desktopnotification_message_hover_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
529
+ --zdt_desktopnotification_message_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
530
+ --zdt_desktopnotification_message_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
530
531
 
531
532
  /* tagsmultiselect field */
532
- --zdt_tagsmultiselectField_count_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
533
+ --zdt_tagsmultiselectField_count_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
533
534
 
534
535
  /* attachment viewer */
535
- --zdt_attachmentviewer_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
536
- --zdt_attachmentviewer_button_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
537
- --zdt_attachmentviewer_hover_border:var(--zdt_cta_grey_40_border);
538
- --zdt_attachmentviewer_selected_border:var(--zdt_cta_primary_border);
539
- --zdt_attachmentviewer_selected_after_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
540
- --zdt_attachmentviewer_selected_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.34);
541
- --zdt_attachmentviewer_loader_border:hsla(223, calc(var(--zd-saturation, 1) * 14.29%), calc(19.22% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
542
- --zdt_attachmentviewer_loader_border_top:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
543
- --zdt_attachmentviewer_alt_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
536
+ --zdt_attachmentviewer_title_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
537
+ --zdt_attachmentviewer_button_border: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
538
+ --zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
539
+ --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
540
+ --zdt_attachmentviewer_selected_after_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
541
+ --zdt_attachmentviewer_selected_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.34);
542
+ --zdt_attachmentviewer_loader_border: hsla(223, calc(var(--zd-saturation, 1) * 14.29%), calc(19.22% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
543
+ --zdt_attachmentviewer_loader_border_top: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
544
+ --zdt_attachmentviewer_alt_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
544
545
 
545
546
  /* separator */
546
- --zdt_separator_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
547
- --zdt_separator_primary_text:var(--zdt_cta_primary_text);
548
- --zdt_separator_secondary_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
547
+ --zdt_separator_default_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
548
+ --zdt_separator_primary_text: var(--zdt_cta_primary_text);
549
+ --zdt_separator_secondary_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
549
550
 
550
551
  /* tag with icon */
551
- --zdt_tagWithIconGrey_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
552
- --zdt_tagWithIconGrey_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.2 + var(--zdc_alpha_low)));
553
- --zdt_tagWithIconGrey_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
554
- --zdt_tagWithIconBlue_bg:hsla(215, calc(var(--zd-saturation, 1) * 28.16%), calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
555
- --zdt_tagWithIconBlue_border:hsla(213, calc(var(--zd-saturation, 1) * 40.00%), calc(29.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
556
- --zdt_tagWithIconBlue_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
557
- --zdt_tagWithIconYellow_bg:hsla(215, calc(var(--zd-saturation, 1) * 11.76%), calc(20.00% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
558
- --zdt_tagWithIconYellow_border:hsla(35, calc(var(--zd-saturation, 1) * 17.57%), calc(29.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
559
- --zdt_tagWithIconYellow_text:hsla(37, calc(var(--zd-saturation, 1) * 90.95%), calc(60.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
552
+ --zdt_tagWithIconGrey_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(9.02% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
553
+ --zdt_tagWithIconGrey_border: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.2 + var(--zdc_alpha_low)));
554
+ --zdt_tagWithIconGrey_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
555
+ --zdt_tagWithIconBlue_bg: hsla(215, calc(var(--zd-saturation, 1) * 28.16%), calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
556
+ --zdt_tagWithIconBlue_border: hsla(213, calc(var(--zd-saturation, 1) * 40.00%), calc(29.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
557
+ --zdt_tagWithIconBlue_text: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
558
+ --zdt_tagWithIconYellow_bg: hsla(215, calc(var(--zd-saturation, 1) * 11.76%), calc(20.00% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
559
+ --zdt_tagWithIconYellow_border: hsla(35, calc(var(--zd-saturation, 1) * 17.57%), calc(29.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
560
+ --zdt_tagWithIconYellow_text: hsla(37, calc(var(--zd-saturation, 1) * 90.95%), calc(60.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
560
561
 
561
562
  /* onboarding */
562
- --zdt_onboarding_primary_bg:var(--zdtm_cta_primary_bg_default);
563
- --zdt_onboarding_header_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
564
- --zdt_onboarding_header_border:var(--zdtm_cta_secondary_light_border_default);
565
- --zdt_onboarding_description_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
566
- --zdt_onboarding_close_icon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
567
- --zdt_onboarding_close_icon_hover_bg:var(--zdt_cta_primary_light_bg);
568
- --zdt_onboarding_close_icon_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
569
- --zdt_onboarding_play_icon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
570
- --zdt_onboarding_play_icon_border:var(--zdt_cta_primary_bg);
571
- --zdt_onboarding_play_icon_text:var(--zdt_cta_primary_bg);
572
- --zdt_onboarding_ribbon_bg:var(--zdt_cta_primary_bg);
573
- --zdt_onboarding_ribbon_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
574
- --zdt_onboarding_ribbon_primary_border:var(--zdt_cta_primary_bg);
575
- --zdt_onboarding_ribbon_secondary_border:var(--zdt_cta_primary_hover_border);
576
- --zdt_onboarding_learnmore_bg:var(--zdt_cta_alpha_bg);
577
- --zdt_onboarding_learnmore_border:var(--zdt_cta_alpha_border);
578
- --zdt_onboarding_learnmore_text:var(--zdt_cta_alpha_text);
579
- --zdt_onboarding_learnmore_hover_border:var(--zdt_cta_alpha_hover_border);
580
- --zdt_onboarding_learnmore_hover_text:var(--zdt_cta_alpha_text);
581
- --zdt_onboarding_bg_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
582
- --zdt_onboarding_collision_unread_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
583
- --zdt_onboarding_light_gradient_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 12.94%, 1);
563
+ --zdt_onboarding_primary_bg: var(--zdtm_cta_primary_bg_default);
564
+ --zdt_onboarding_header_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
565
+ --zdt_onboarding_header_border: var(--zdtm_cta_secondary_light_border_default);
566
+ --zdt_onboarding_description_text: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
567
+ --zdt_onboarding_close_icon_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
568
+ --zdt_onboarding_close_icon_hover_bg: var(--zdt_cta_primary_light_bg);
569
+ --zdt_onboarding_close_icon_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
570
+ --zdt_onboarding_play_icon_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
571
+ --zdt_onboarding_play_icon_border: var(--zdt_cta_primary_bg);
572
+ --zdt_onboarding_play_icon_text: var(--zdt_cta_primary_bg);
573
+ --zdt_onboarding_ribbon_bg: var(--zdt_cta_primary_bg);
574
+ --zdt_onboarding_ribbon_text: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
575
+ --zdt_onboarding_ribbon_primary_border: var(--zdt_cta_primary_bg);
576
+ --zdt_onboarding_ribbon_secondary_border: var(--zdt_cta_primary_hover_border);
577
+ --zdt_onboarding_learnmore_bg: var(--zdt_cta_alpha_bg);
578
+ --zdt_onboarding_learnmore_border: var(--zdt_cta_alpha_border);
579
+ --zdt_onboarding_learnmore_text: var(--zdt_cta_alpha_text);
580
+ --zdt_onboarding_learnmore_hover_border: var(--zdt_cta_alpha_hover_border);
581
+ --zdt_onboarding_learnmore_hover_text: var(--zdt_cta_alpha_text);
582
+ --zdt_onboarding_bg_box_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
583
+ --zdt_onboarding_collision_unread_shadow: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
584
+ --zdt_onboarding_light_gradient_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 12.94%, 1);
584
585
 
585
586
  /* video lookup */
586
- --zdt_videolookup_close:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
587
- --zdt_videolookup_close_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
588
- --zdt_videolookup_close_hover:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
589
- }[dir=ltr] [data-mode='pureDark'], [dir=ltr] :global(.zd-bluePureDarkTheme) [data-theme="blue"]{
590
- --zdt_gridstencils_listbar_gradient_bg:var(--zd-gradient-saturation, linear-gradient(to left, #212121 0, #262626 20%, #262626 40%, #212121 100%));
591
- }[dir=rtl] [data-mode='pureDark'], [dir=rtl] :global(.zd-bluePureDarkTheme) [data-theme="blue"]{
592
- --zdt_gridstencils_listbar_gradient_bg:var(--zd-gradient-saturation, linear-gradient(to right, #212121 0, #262626 20%, #262626 40%, #212121 100%));
587
+ --zdt_videolookup_close: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
588
+ --zdt_videolookup_close_hover_bg: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
589
+ --zdt_videolookup_close_hover: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
593
590
  }