@zohodesk/dot 1.0.0-temp-182 → 1.0.0-temp-183

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 (193) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +50 -0
  3. package/assets/Appearance/light/mode/Dot_LightMode.module.css +50 -0
  4. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +50 -0
  5. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  6. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  7. package/coverage/ExternalLink/index.html +1 -1
  8. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  9. package/coverage/ExternalLink/props/index.html +1 -1
  10. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  11. package/coverage/IconButton/IconButton.js.html +1 -1
  12. package/coverage/IconButton/IconButton.module.css.html +1 -1
  13. package/coverage/IconButton/index.html +1 -1
  14. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  15. package/coverage/IconButton/props/index.html +1 -1
  16. package/coverage/IconButton/props/propTypes.js.html +1 -1
  17. package/coverage/Image/Image.js.html +1 -1
  18. package/coverage/Image/Image.module.css.html +1 -1
  19. package/coverage/Image/index.html +1 -1
  20. package/coverage/Image/props/defaultProps.js.html +1 -1
  21. package/coverage/Image/props/index.html +1 -1
  22. package/coverage/Image/props/propTypes.js.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +7 -4
  25. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  28. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  29. package/coverage/coverage-final.json +16 -16
  30. package/coverage/coverage-summary.json +16 -16
  31. package/coverage/index.html +1 -1
  32. package/es/Attachment/Attachment.module.css +4 -4
  33. package/es/ChannelIcon/ChannelIcon.module.css +1 -1
  34. package/es/Drawer/Drawer.js +5 -4
  35. package/es/Drawer/Drawer.module.css +3 -3
  36. package/es/ExternalLink/ExternalLink.js +5 -4
  37. package/es/FlipCard/FlipCard.js +12 -14
  38. package/es/IconButton/IconButton.js +5 -4
  39. package/es/ImportantNotes/ImportantNotes.module.css +1 -1
  40. package/es/Link/Link.js +10 -8
  41. package/es/Message/Message.js +5 -4
  42. package/es/Message/Message.module.css +1 -1
  43. package/es/Separator/Separator.module.css +2 -11
  44. package/es/TagWithIcon/TagWithIcon.module.css +2 -2
  45. package/es/ToastMessage/ToastMessage.js +4 -2
  46. package/es/ToastMessage/ToastMessage.module.css +3 -3
  47. package/es/actions/AutoClose.js +1 -2
  48. package/es/alert/AlertHeader/AlertHeader.module.css +2 -4
  49. package/es/alert/AlertLookup/AlertLookup.js +12 -14
  50. package/es/avatar/AvatarClose/AvatarClose.js +7 -7
  51. package/es/avatar/AvatarCollision/AvatarCollision.js +7 -7
  52. package/es/avatar/AvatarIcon/AvatarIcon.js +5 -4
  53. package/es/avatar/AvatarStatus/AvatarStatus.js +8 -7
  54. package/es/avatar/AvatarThread/AvatarThread.js +7 -7
  55. package/es/avatar/AvatarUser/AvatarUser.js +9 -10
  56. package/es/avatar/AvatarUser/AvatarUser.module.css +2 -46
  57. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +14 -17
  58. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +2 -2
  59. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +24 -28
  60. package/es/errorstate/EmptyStates.module.css +1 -24
  61. package/es/form/fields/CheckBoxField/CheckBoxField.js +13 -15
  62. package/es/form/fields/CurrencyField/CurrencyField.js +12 -14
  63. package/es/form/fields/DateField/DateField.js +14 -14
  64. package/es/form/fields/MultiSelectField/MultiSelectField.js +12 -13
  65. package/es/form/fields/PhoneField/PhoneField.js +7 -7
  66. package/es/form/fields/RadioField/RadioField.js +15 -18
  67. package/es/form/fields/SelectField/SelectField.js +14 -14
  68. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -16
  69. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  70. package/es/form/fields/TextBoxField/TextBoxField.js +14 -14
  71. package/es/form/fields/TextEditor/TextEditor.module.css +63 -48
  72. package/es/form/fields/TextEditorField/TextEditorField.js +10 -11
  73. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +10 -11
  74. package/es/form/fields/TextareaField/TextareaField.js +13 -14
  75. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +2 -22
  76. package/es/layout/SubtabLayout/SubtabLayout.js +6 -4
  77. package/es/layout/SubtabLayout/SubtabLayout.module.css +1 -1
  78. package/es/list/AvatarFlip/AvatarFlip.module.css +2 -2
  79. package/es/list/DepartmentDropDown/DepartmentDropDown.js +9 -3
  80. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +2 -4
  81. package/es/list/DepartmentDropDown/props/defaultProps.js +2 -1
  82. package/es/list/DepartmentDropDown/props/propTypes.js +2 -1
  83. package/es/list/GridStencils/GridStencils.module.css +1 -35
  84. package/es/list/ListLayout/ListLayout.js +5 -4
  85. package/es/list/SecondaryText/AccountName.js +12 -12
  86. package/es/list/SecondaryText/ContactName.js +9 -8
  87. package/es/list/SecondaryText/Email.js +8 -8
  88. package/es/list/SecondaryText/PhoneNumber.js +8 -8
  89. package/es/list/SecondaryText/SecondaryText.js +5 -4
  90. package/es/list/SecondaryText/TicketId.js +7 -7
  91. package/es/list/Subject/Subject.js +7 -7
  92. package/es/list/Subject/Subject.module.css +1 -1
  93. package/es/list/status/StatusListItem/StatusListItem.js +5 -5
  94. package/es/list/status/StatusListItem/StatusListItem.module.css +2 -1
  95. package/es/lookup/Lookup/Lookup.js +5 -4
  96. package/es/lookup/header/Close/LookupClose.module.css +2 -3
  97. package/es/lookup/header/Search/Search.js +3 -5
  98. package/es/lookup/header/Title/LookupTitle.module.css +2 -6
  99. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +2 -13
  100. package/es/lookup/header/lookupHeaderCommon.module.css +2 -9
  101. package/es/setup/header/Search/Search.module.css +2 -14
  102. package/es/setup/table/Text/TableText.module.css +2 -11
  103. package/es/v1/Drawer/Drawer.js +5 -4
  104. package/es/v1/ExternalLink/ExternalLink.js +5 -4
  105. package/es/v1/FlipCard/FlipCard.js +12 -14
  106. package/es/v1/GlobalNotification/GlobalNotification.js +7 -6
  107. package/es/v1/IconButton/IconButton.js +5 -4
  108. package/es/v1/Link/Link.js +10 -8
  109. package/es/v1/Message/Message.js +5 -4
  110. package/es/v1/ToastMessage/ToastMessage.js +4 -2
  111. package/es/v1/actions/AutoClose.js +1 -2
  112. package/es/v1/alert/AlertLookup/AlertLookup.js +15 -15
  113. package/es/v1/avatar/AvatarClose/AvatarClose.js +7 -7
  114. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +7 -7
  115. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +5 -4
  116. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +8 -7
  117. package/es/v1/avatar/AvatarThread/AvatarThread.js +7 -7
  118. package/es/v1/avatar/AvatarUser/AvatarUser.js +9 -10
  119. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +14 -17
  120. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +24 -28
  121. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +13 -15
  122. package/es/v1/form/fields/CurrencyField/CurrencyField.js +12 -14
  123. package/es/v1/form/fields/DateField/DateField.js +14 -14
  124. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +12 -13
  125. package/es/v1/form/fields/PhoneField/PhoneField.js +7 -7
  126. package/es/v1/form/fields/RadioField/RadioField.js +16 -18
  127. package/es/v1/form/fields/SelectField/SelectField.js +14 -14
  128. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -13
  129. package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  130. package/es/v1/form/fields/TextBoxField/TextBoxField.js +14 -14
  131. package/es/v1/form/fields/TextEditorField/TextEditorField.js +10 -11
  132. package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +10 -11
  133. package/es/v1/form/fields/TextareaField/TextareaField.js +13 -14
  134. package/es/v1/layout/SubtabLayout/SubtabLayout.js +6 -4
  135. package/es/v1/list/ListLayout/ListLayout.js +5 -4
  136. package/es/v1/list/SecondaryText/AccountName.js +12 -12
  137. package/es/v1/list/SecondaryText/ContactName.js +9 -8
  138. package/es/v1/list/SecondaryText/Email.js +8 -8
  139. package/es/v1/list/SecondaryText/PhoneNumber.js +8 -8
  140. package/es/v1/list/SecondaryText/SecondaryText.js +5 -4
  141. package/es/v1/list/SecondaryText/TicketId.js +7 -7
  142. package/es/v1/list/Subject/Subject.js +7 -7
  143. package/es/v1/list/status/StatusListItem/StatusListItem.js +5 -5
  144. package/es/v1/lookup/Lookup/Lookup.js +5 -4
  145. package/es/v1/lookup/header/Search/Search.js +3 -5
  146. package/es/v1/notification/DesktopNotification/DesktopNotification.js +7 -6
  147. package/es/version2/GlobalNotification/GlobalNotification.js +7 -6
  148. package/es/version2/GlobalNotification/GlobalNotification.module.css +6 -6
  149. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +2 -7
  150. package/es/version2/lookup/AlertLookup/AlertLookup.js +15 -15
  151. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +2 -8
  152. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -1
  153. package/es/version2/notification/DesktopNotification/DesktopNotification.js +7 -6
  154. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +3 -4
  155. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +93 -96
  156. package/lib/Attachment/Attachment.module.css +4 -4
  157. package/lib/ChannelIcon/ChannelIcon.module.css +1 -1
  158. package/lib/Drawer/Drawer.module.css +3 -3
  159. package/lib/ImportantNotes/ImportantNotes.module.css +1 -1
  160. package/lib/Message/Message.module.css +1 -1
  161. package/lib/Separator/Separator.module.css +2 -11
  162. package/lib/TagWithIcon/TagWithIcon.module.css +2 -2
  163. package/lib/ToastMessage/ToastMessage.module.css +3 -3
  164. package/lib/alert/AlertHeader/AlertHeader.module.css +2 -4
  165. package/lib/avatar/AvatarUser/AvatarUser.module.css +2 -46
  166. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +2 -2
  167. package/lib/errorstate/EmptyStates.module.css +1 -24
  168. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -3
  169. package/lib/form/fields/TextEditor/TextEditor.module.css +63 -48
  170. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +2 -22
  171. package/lib/layout/SubtabLayout/SubtabLayout.module.css +1 -1
  172. package/lib/list/AvatarFlip/AvatarFlip.module.css +2 -2
  173. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +8 -3
  174. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +2 -4
  175. package/lib/list/DepartmentDropDown/props/defaultProps.js +2 -1
  176. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -1
  177. package/lib/list/GridStencils/GridStencils.module.css +1 -35
  178. package/lib/list/Subject/Subject.module.css +1 -1
  179. package/lib/list/status/StatusListItem/StatusListItem.module.css +2 -1
  180. package/lib/lookup/header/Close/LookupClose.module.css +2 -3
  181. package/lib/lookup/header/Title/LookupTitle.module.css +2 -6
  182. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +2 -13
  183. package/lib/lookup/header/lookupHeaderCommon.module.css +2 -9
  184. package/lib/setup/header/Search/Search.module.css +2 -14
  185. package/lib/setup/table/Text/TableText.module.css +2 -11
  186. package/lib/version2/GlobalNotification/GlobalNotification.module.css +6 -6
  187. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +2 -7
  188. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +2 -8
  189. package/lib/version2/lookup/alertLookupCommonNew.module.css +1 -1
  190. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +3 -4
  191. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +93 -96
  192. package/package.json +4 -4
  193. package/result.json +1 -1
package/assets/Appearance/dark/mode/Dot_DarkMode.module.css CHANGED
@@ -12,6 +12,7 @@
12
12
 
13
13
  /* alert header */
14
14
  --zdt_alertheader_default_bg: hsla(216, 29.41%, calc(96.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_alertheader_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
16
  --zdt_alertheader_primary_bg: hsla(191, 89.47%, calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
17
  --zdt_alertheader_primary_text: hsla(204, 72.24%, calc(51.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
18
  --zdt_alertheader_danger_bg: hsla(0, 89.47%, calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -25,11 +26,13 @@
25
26
  --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
26
27
 
27
28
  /* attachment */
29
+ --zdt_attachment_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
28
30
  --zdt_attachment_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
29
31
  --zdt_attachment_default_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
30
32
  --zdt_attachment_default_hover_border: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
31
33
  --zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
32
34
  --zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
35
+ --zdt_avataruser_delete_text: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
36
 
34
37
  /* avatar close */
35
38
  --zdt_avatarclose_pop_bg: hsla(0, 0.00%, calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
@@ -44,6 +47,9 @@
44
47
  --zdt_avatarcollision_pop_text: hsla(30, 1.64%, calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
45
48
  --zdt_avatarcollision_icon_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
49
 
50
+ /* avatar with team */
51
+ --zdt_avatarwithteam_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
52
+
47
53
  /* avatar icon */
48
54
  --zdt_avatarIcon_dark_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
49
55
  --zdt_avatarIcon_danger_icon: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -82,11 +88,16 @@
82
88
  --zdt_avatarthread_orange_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
83
89
 
84
90
  /* avatar user */
91
+ --zdt_avataruser_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
85
92
  --zdt_avataruser_delete_bg: hsla(0, 0.00%, calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
86
93
  --zdt_avataruser_delete_text: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
87
94
 
95
+ /* avatar with team */
96
+ --zdt_avatarteam_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
97
+
88
98
  /* channel icon */
89
99
  --zdt_channelIcon_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
100
+ --zdt_channelIcon_topIcon_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
90
101
  --zdt_channelIcon_topIcon_iconGreen: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
91
102
  --zdt_channelIcon_topIcon_iconYellow: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
92
103
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
@@ -96,6 +107,7 @@
96
107
  --zdt_drawer_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
97
108
  --zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
98
109
  --zdt_drawer_header_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
110
+ --zdt_drawer_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
99
111
 
100
112
  /* toggle dropdown */
101
113
  --zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
@@ -111,6 +123,7 @@
111
123
  --zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
112
124
 
113
125
  /* error state empty */
126
+ --zdt_emptystate_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
114
127
  --zdt_emptystate_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
115
128
 
116
129
  /* link text */
@@ -158,6 +171,7 @@
158
171
 
159
172
  /* important notes */
160
173
  --zdt_importantnotes_bg: hsla(28, 93.75%, calc(56.08% + var(--zdc_darker_low)), calc( 0.1 + var(--zdc_alpha_low)));
174
+ --zdt_importantnotes_title_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
161
175
  --zdt_importantnotes_icon: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
162
176
 
163
177
  /* setup detail layout */
@@ -167,6 +181,7 @@
167
181
  --zdt_setupdetail_helpinfo: hsla(0, 0.00%, calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
168
182
  --zdt_setupdetail_helpinfo_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
169
183
  --zdt_setupdetail_popup_border: hsla(0, 0.00%, calc(91.37% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
184
+ --zdt_setupdetail_popup_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
170
185
  --zdt_setupdetail_infoheader_bg: hsla(206, 88.89%, calc(45.88% + var(--zdc_default)), calc( 0.1 + var(--zdc_alpha_high)));
171
186
  --zdt_setupdetail_infoheader_text: hsla(206, 88.89%, calc(45.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
172
187
  --zdt_setupdetail_infoicon_border: hsla(206, 88.89%, calc(45.88% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -174,18 +189,23 @@
174
189
 
175
190
  /* subtab layout */
176
191
  --zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
192
+ --zdt_subtablayout_tabhead_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
177
193
  --zdt_subtablayout_plusicon_bg: hsla(0, 0.00%, calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
178
194
  --zdt_subtablayout_primary_border: hsla(0, 0.00%, calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
179
195
  --zdt_subtablayout_shadowstyle_box_shadow: rgba(0, 0, 0, 0.15);
180
196
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
181
197
  --zdt_subtablayout_label_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
182
198
 
199
+ /* avatar flip */
200
+ --zdt_avatarflip_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
201
+
183
202
  /* comment icon */
184
203
  --zdt_comment_iconText: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
185
204
  --zdt_comment_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
186
205
 
187
206
  /* department dropdown */
188
207
  --zdt_departmentdropdown_default_text: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdt_departmentdropdown_default_hover_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
189
209
 
190
210
  /* dot */
191
211
  --zdt_dot_text: var(--zdt_cta_grey_40_text);
@@ -197,6 +217,7 @@
197
217
  --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
198
218
 
199
219
  /* grid stencils */
220
+ --zdt_gridstencils_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
200
221
  --zdt_gridstencils_default_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
201
222
  --zdt_gridstencils_after_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
202
223
  --zdt_gridstencils_listbar_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -231,6 +252,7 @@
231
252
  --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
232
253
 
233
254
  /* status listitem */
255
+ --zdt_statuslistitem_list_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
234
256
  --zdt_statuslistitem_default_border: var(--dot_mirror);
235
257
  --zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
236
258
  --zdt_statuslistitem_default_effect_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_low)), calc( 0.45 + var(--zdc_alpha_low)));
@@ -242,6 +264,9 @@
242
264
  --zdt_statuslistitem_orange_bg: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
243
265
  --zdt_statuslistitem_green_bg: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
244
266
 
267
+ /* subject */
268
+ --zdt_subject_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
269
+
245
270
  /* tag new */
246
271
  --zdt_tagnew_default_bg: var(--zdtm_cta_primary_bg_default);
247
272
  --zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
@@ -256,6 +281,7 @@
256
281
 
257
282
  /* lookup header common */
258
283
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
284
+ --zdt_lookupheader_white_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
259
285
  --zdt_lookupheader_default_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
260
286
  --zdt_lookupheader_white_border: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
261
287
  --zdt_lookupheader_para_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -264,6 +290,7 @@
264
290
  /* lookup close */
265
291
  --zdt_lookupclose_default_text: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
266
292
  --zdt_lookupclose_default_hover_bg: hsla(0, 0.00%, calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
293
+ --zdt_lookupclose_default_hover_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
267
294
 
268
295
  /* lookup search */
269
296
  --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
@@ -274,12 +301,14 @@
274
301
  --zdt_lookupticketheader_border: hsla(0, 0.00%, calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
275
302
 
276
303
  /* lookup title */
304
+ --zdt_lookuptitle_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
277
305
  --zdt_lookuptitle_primary_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
278
306
  --zdt_lookuptitle_danger_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
279
307
 
280
308
  /* view dropdown */
281
309
  --zdt_viewdropdown_empty_text: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
282
310
  --zdt_viewdropdown_label_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
311
+ --zdt_viewdropdown_hover_label_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
283
312
 
284
313
  /* lookup section */
285
314
  --zdt_lookupsection_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -287,6 +316,7 @@
287
316
 
288
317
  /* message */
289
318
  --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
319
+ --zdt_message_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
290
320
  --zdt_message_success_bg: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
291
321
  --zdt_message_alert_bg: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
292
322
  --zdt_message_info_bg: hsla(187, 100.00%, calc(42.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -312,6 +342,7 @@
312
342
  /* search */
313
343
  --zdt_search_input_border: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
314
344
  --zdt_search_input_text: hsla(0, 0.00%, calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
345
+ --zdt_search_input_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
315
346
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
316
347
  --zdt_search_icon: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
317
348
  --zdt_search_hover_icon: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -323,6 +354,7 @@
323
354
  --zdt_views_hover_icon: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
324
355
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
325
356
  --zdt_message_info_bg: hsla(187, 100.00%, calc(42.75% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
357
+ --zdt_message_tickicon: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
326
358
  --zdt_message_close_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
327
359
 
328
360
  /* message banner */
@@ -356,12 +388,14 @@
356
388
 
357
389
  /* table text */
358
390
  --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
391
+ --zdt_tabletext_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
359
392
  --zdt_tabletext_green_text: hsla(107, 100.00%, calc(36.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
360
393
  --zdt_tabletext_danger_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
361
394
  --zdt_tabletext_heading_text: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
362
395
 
363
396
  /* toast message */
364
397
  --zdt_toastmessage_default_box_shadow: rgba(0, 0, 0, 0.3);
398
+ --zdt_toastmessage_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
365
399
  --zdt_toastmessage_alert_border: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
366
400
  --zdt_toastmessage_alert_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
367
401
  --zdt_toastmessage_alerttitle_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -377,6 +411,7 @@
377
411
  --zdt_toastmessage_success_hover_bg: hsla(142, 55.36%, calc(45.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
378
412
  --zdt_toastmessage_successfill_bg: hsla(141, 53.73%, calc(50.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
379
413
  --zdt_toastmessage_successplain_text: hsla(141, 53.73%, calc(50.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
414
+ --zdt_toastmessage_cancel_hover_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
380
415
  --zdt_toastmessage_closeicon: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
381
416
  --zdt_toastmessage_closeicon_hover_bg: var(--zdtm_cta_primary_hover_bg_default);
382
417
  --zdt_toastmessage_closeicon_hover_text: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -431,15 +466,25 @@
431
466
 
432
467
  /* global notification */
433
468
  --zdt_globalnotification_default_bg: hsla(236, 12.50%, calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
469
+ --zdt_globalnotification_default_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
434
470
  --zdt_globalnotification_success_bg: hsla(201, 22.33%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
471
+ --zdt_globalnotification_success_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
435
472
  --zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
473
+ --zdt_globalnotification_info_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
436
474
  --zdt_globalnotification_danger_bg: hsla(236, 12.50%, calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
475
+ --zdt_globalnotification_danger_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
437
476
  --zdt_globalnotification_error_bg: hsla(236, 12.50%, calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
477
+ --zdt_globalnotification_error_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
438
478
  --zdt_globalnotification_warning_bg: hsla(229, 10.09%, calc(21.37% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
479
+ --zdt_globalnotification_warning_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
439
480
 
440
481
  /* alert lookup */
441
482
  --zdt_alertlookup_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
442
483
  --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
484
+ --zdt_alertlookuop_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
485
+
486
+ /* alert lookup new */
487
+ --zdt_alertlookupnew_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
443
488
 
444
489
  /* tagsmultiselect */
445
490
  --zdt_tagsmultiselect_labelt_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -466,9 +511,12 @@
466
511
  --zdt_texteditor_menu_after_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
467
512
  --zdt_texteditor_input_placeholder_text: hsla(0, 0.00%, calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
468
513
  --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
514
+ --zdt_texteditor_night_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
515
+ --zdt_texteditor_night_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
469
516
 
470
517
  /* desktop notification */
471
518
  --zdt_desktopnotification_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
519
+ --zdt_desktopnotification_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
472
520
  --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
473
521
  --zdt_desktopnotification_message_hover_bg: hsla(0, 0.00%, calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
474
522
  --zdt_desktopnotification_message_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -490,10 +538,12 @@
490
538
  /* separator */
491
539
  --zdt_separator_default_text: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
492
540
  --zdt_separator_primary_text: var(--zdt_cta_primary_text);
541
+ --zdt_separator_secondary_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
493
542
 
494
543
  /* tag with icon */
495
544
  --zdt_tagWithIconGrey_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
496
545
  --zdt_tagWithIconGrey_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.2 + var(--zdc_alpha_low)));
546
+ --zdt_tagWithIconGrey_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
497
547
  --zdt_tagWithIconBlue_bg: hsla(215, 28.16%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
498
548
  --zdt_tagWithIconBlue_border: hsla(213, 40.00%, calc(29.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
499
549
  --zdt_tagWithIconBlue_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/mode/Dot_LightMode.module.css CHANGED
@@ -12,6 +12,7 @@
12
12
 
13
13
  /* alert header */
14
14
  --zdt_alertheader_default_bg: hsla(216, 29.41%, calc(96.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_alertheader_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
16
  --zdt_alertheader_primary_bg: hsla(191, 89.47%, calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
17
  --zdt_alertheader_primary_text: hsla(204, 72.24%, calc(51.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
18
  --zdt_alertheader_danger_bg: hsla(0, 89.47%, calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -25,11 +26,13 @@
25
26
  --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
26
27
 
27
28
  /* attachment */
29
+ --zdt_attachment_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
28
30
  --zdt_attachment_default_border: var(--zdtm_cta_grey_40_border_default_inverse_medium);
29
31
  --zdt_attachment_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
30
32
  --zdt_attachment_default_hover_border: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
31
33
  --zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
32
34
  --zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
35
+ --zdt_avataruser_delete_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
36
 
34
37
  /* avatar close */
35
38
  --zdt_avatarclose_pop_bg: hsla(0, 0.00%, calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
@@ -44,6 +47,9 @@
44
47
  --zdt_avatarcollision_pop_text: hsla(30, 1.64%, calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
45
48
  --zdt_avatarcollision_icon_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
49
 
50
+ /* avatar with team */
51
+ --zdt_avatarwithteam_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
52
+
47
53
  /* avatar icon */
48
54
  --zdt_avatarIcon_dark_icon: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
49
55
  --zdt_avatarIcon_danger_icon: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
@@ -82,11 +88,16 @@
82
88
  --zdt_avatarthread_orange_text: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
83
89
 
84
90
  /* avatar user */
91
+ --zdt_avataruser_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
85
92
  --zdt_avataruser_delete_bg: hsla(0, 0.00%, calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
86
93
  --zdt_avataruser_delete_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
87
94
 
95
+ /* avatar with team */
96
+ --zdt_avatarteam_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
97
+
88
98
  /* channel icon */
89
99
  --zdt_channelIcon_icon: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
100
+ --zdt_channelIcon_topIcon_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
90
101
  --zdt_channelIcon_topIcon_iconGreen: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
91
102
  --zdt_channelIcon_topIcon_iconYellow: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
92
103
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
@@ -96,6 +107,7 @@
96
107
  --zdt_drawer_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
97
108
  --zdt_drawer_header_bg: var(--zdtm_cta_grey_10_bg_default_inverse_low);
98
109
  --zdt_drawer_header_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
110
+ --zdt_drawer_title_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
99
111
 
100
112
  /* toggle dropdown */
101
113
  --zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
@@ -111,6 +123,7 @@
111
123
  --zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
112
124
 
113
125
  /* error state empty */
126
+ --zdt_emptystate_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
114
127
  --zdt_emptystate_title_text: hsla(0, 0.00%, calc(14.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
115
128
 
116
129
  /* link text */
@@ -158,6 +171,7 @@
158
171
 
159
172
  /* important notes */
160
173
  --zdt_importantnotes_bg: hsla(37, 90.00%, calc(96.08% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
174
+ --zdt_importantnotes_title_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
161
175
  --zdt_importantnotes_icon: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
162
176
 
163
177
  /* setup detail layout */
@@ -167,6 +181,7 @@
167
181
  --zdt_setupdetail_helpinfo: hsla(0, 0.00%, calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
168
182
  --zdt_setupdetail_helpinfo_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
169
183
  --zdt_setupdetail_popup_border: hsla(0, 0.00%, calc(91.37% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
184
+ --zdt_setupdetail_popup_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
170
185
  --zdt_setupdetail_infoheader_bg: hsla(206, 88.89%, calc(45.88% + var(--zdc_default)), calc( 0.1 + var(--zdc_alpha_high)));
171
186
  --zdt_setupdetail_infoheader_text: hsla(206, 88.89%, calc(45.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
172
187
  --zdt_setupdetail_infoicon_border: hsla(206, 88.89%, calc(45.88% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
@@ -174,18 +189,23 @@
174
189
 
175
190
  /* subtab layout */
176
191
  --zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
192
+ --zdt_subtablayout_tabhead_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
177
193
  --zdt_subtablayout_plusicon_bg: hsla(0, 0.00%, calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
178
194
  --zdt_subtablayout_primary_border: hsla(0, 0.00%, calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
179
195
  --zdt_subtablayout_shadowstyle_box_shadow: rgba(0, 0, 0, 0.15);
180
196
  --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
181
197
  --zdt_subtablayout_label_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
182
198
 
199
+ /* avatar flip */
200
+ --zdt_avatarflip_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
201
+
183
202
  /* comment icon */
184
203
  --zdt_comment_iconText: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
185
204
  --zdt_comment_hover_iconText: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
186
205
 
187
206
  /* department dropdown */
188
207
  --zdt_departmentdropdown_default_text: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdt_departmentdropdown_default_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
189
209
 
190
210
  /* dot */
191
211
  --zdt_dot_text: var(--zdt_cta_grey_40_text);
@@ -197,6 +217,7 @@
197
217
  --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
198
218
 
199
219
  /* grid stencils */
220
+ --zdt_gridstencils_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
200
221
  --zdt_gridstencils_default_border: hsla(0, 0.00%, calc(94.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
201
222
  --zdt_gridstencils_after_bg: hsla(0, 0.00%, calc(92.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
202
223
  --zdt_gridstencils_listbar_bg: hsla(210, 12.50%, calc(96.86% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -231,6 +252,7 @@
231
252
  --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
232
253
 
233
254
  /* status listitem */
255
+ --zdt_statuslistitem_list_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
234
256
  --zdt_statuslistitem_default_border: var(--dot_mirror);
235
257
  --zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
236
258
  --zdt_statuslistitem_default_effect_bg: var(--dot_listItemHover);
@@ -242,6 +264,9 @@
242
264
  --zdt_statuslistitem_orange_bg: hsla(26, 100.00%, calc(50.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
243
265
  --zdt_statuslistitem_green_bg: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
244
266
 
267
+ /* subject */
268
+ --zdt_subject_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
269
+
245
270
  /* tag new */
246
271
  --zdt_tagnew_default_bg: var(--zdtm_cta_primary_bg_default);
247
272
  --zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
@@ -256,6 +281,7 @@
256
281
 
257
282
  /* lookup header common */
258
283
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
284
+ --zdt_lookupheader_white_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
259
285
  --zdt_lookupheader_default_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
260
286
  --zdt_lookupheader_white_border: var(--zdtm_cta_grey_15_border_default_inverse_medium);
261
287
  --zdt_lookupheader_para_text: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -264,6 +290,7 @@
264
290
  /* lookup close */
265
291
  --zdt_lookupclose_default_text: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
266
292
  --zdt_lookupclose_default_hover_bg: hsla(0, 0.00%, calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
293
+ --zdt_lookupclose_default_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
267
294
 
268
295
  /* lookup search */
269
296
  --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
@@ -274,12 +301,14 @@
274
301
  --zdt_lookupticketheader_border: hsla(0, 0.00%, calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
275
302
 
276
303
  /* lookup title */
304
+ --zdt_lookuptitle_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
277
305
  --zdt_lookuptitle_primary_text: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
278
306
  --zdt_lookuptitle_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
279
307
 
280
308
  /* view dropdown */
281
309
  --zdt_viewdropdown_empty_text: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
282
310
  --zdt_viewdropdown_label_text: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
311
+ --zdt_viewdropdown_hover_label_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
283
312
 
284
313
  /* lookup section */
285
314
  --zdt_lookupsection_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
@@ -287,6 +316,7 @@
287
316
 
288
317
  /* message */
289
318
  --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
319
+ --zdt_message_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
290
320
  --zdt_message_success_bg: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
291
321
  --zdt_message_alert_bg: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
292
322
  --zdt_message_info_bg: hsla(187, 100.00%, calc(42.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -312,6 +342,7 @@
312
342
  /* search */
313
343
  --zdt_search_input_border: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
314
344
  --zdt_search_input_text: hsla(0, 0.00%, calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
345
+ --zdt_search_input_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
315
346
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
316
347
  --zdt_search_icon: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
317
348
  --zdt_search_hover_icon: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -323,6 +354,7 @@
323
354
  --zdt_views_hover_icon: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
324
355
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
325
356
  --zdt_message_info_bg: hsla(187, 100.00%, calc(42.75% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
357
+ --zdt_message_tickicon: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
326
358
  --zdt_message_close_text: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
327
359
 
328
360
  /* message banner */
@@ -356,12 +388,14 @@
356
388
 
357
389
  /* table text */
358
390
  --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
391
+ --zdt_tabletext_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
359
392
  --zdt_tabletext_green_text: hsla(107, 100.00%, calc(36.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
360
393
  --zdt_tabletext_danger_text: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
361
394
  --zdt_tabletext_heading_text: hsla(0, 0.00%, calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
362
395
 
363
396
  /* toast message */
364
397
  --zdt_toastmessage_default_box_shadow: rgb(232,232,232);
398
+ --zdt_toastmessage_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
365
399
  --zdt_toastmessage_alert_border: hsla(0, 0.00%, calc(88.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
366
400
  --zdt_toastmessage_alert_text: hsla(216, 2.49%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
367
401
  --zdt_toastmessage_alerttitle_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -377,6 +411,7 @@
377
411
  --zdt_toastmessage_success_hover_bg: hsla(142, 55.36%, calc(45.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
378
412
  --zdt_toastmessage_successfill_bg: hsla(141, 53.73%, calc(50.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
379
413
  --zdt_toastmessage_successplain_text: hsla(141, 53.73%, calc(50.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
414
+ --zdt_toastmessage_cancel_hover_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
380
415
  --zdt_toastmessage_closeicon: hsla(0, 0.00%, calc(46.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
381
416
  --zdt_toastmessage_closeicon_hover_bg: var(--zdtm_cta_primary_hover_bg_default);
382
417
  --zdt_toastmessage_closeicon_hover_text: hsla(0, 0.00%, calc(13.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -431,15 +466,25 @@
431
466
 
432
467
  /* global notification */
433
468
  --zdt_globalnotification_default_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
469
+ --zdt_globalnotification_default_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
434
470
  --zdt_globalnotification_success_bg: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
471
+ --zdt_globalnotification_success_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
435
472
  --zdt_globalnotification_info_bg: var(--zdtm_cta_primary_light_bg_darker_lowest);
473
+ --zdt_globalnotification_info_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
436
474
  --zdt_globalnotification_danger_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
475
+ --zdt_globalnotification_danger_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
437
476
  --zdt_globalnotification_error_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
477
+ --zdt_globalnotification_error_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
438
478
  --zdt_globalnotification_warning_bg: hsla(24, 100.00%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
479
+ --zdt_globalnotification_warning_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
439
480
 
440
481
  /* alert lookup */
441
482
  --zdt_alertlookup_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
442
483
  --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
484
+ --zdt_alertlookuop_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
485
+
486
+ /* alert lookup new */
487
+ --zdt_alertlookupnew_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
443
488
 
444
489
  /* tagsmultiselect */
445
490
  --zdt_tagsmultiselect_labelt_text: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -466,9 +511,12 @@
466
511
  --zdt_texteditor_menu_after_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
467
512
  --zdt_texteditor_input_placeholder_text: hsla(0, 0.00%, calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
468
513
  --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
514
+ --zdt_texteditor_night_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
515
+ --zdt_texteditor_night_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
469
516
 
470
517
  /* desktop notification */
471
518
  --zdt_desktopnotification_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
519
+ --zdt_desktopnotification_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
472
520
  --zdt_desktopnotification_box_shadow: rgba(55, 84, 170, 0.25);
473
521
  --zdt_desktopnotification_message_hover_bg: hsla(0, 0.00%, calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
474
522
  --zdt_desktopnotification_message_text: hsla(0, 0.00%, calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
@@ -490,10 +538,12 @@
490
538
  /* separator */
491
539
  --zdt_separator_default_text: hsla(0, 0.00%, calc(79.22% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
492
540
  --zdt_separator_primary_text: var(--zdt_cta_primary_text);
541
+ --zdt_separator_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
493
542
 
494
543
  /* tag with icon */
495
544
  --zdt_tagWithIconGrey_bg: var(--zdtm_cta_grey_20_bg_darker_lowest);
496
545
  --zdt_tagWithIconGrey_border: var(--zdtm_cta_grey_35_border_default_inverse_medium);
546
+ --zdt_tagWithIconGrey_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
497
547
  --zdt_tagWithIconBlue_bg: hsla(213, 84.62%, calc(94.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
498
548
  --zdt_tagWithIconBlue_border: hsla(212, 83.33%, calc(85.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
499
549
  --zdt_tagWithIconBlue_text: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));