@zohodesk/dot 1.0.0-temp-114 → 1.0.0-temp-116

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 (273) hide show
  1. package/README.md +1177 -1173
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +1 -1
  3. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +1 -1
  4. package/dubFinder.js +96 -96
  5. package/es/ActionButton/ActionButton.module.css +136 -136
  6. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  7. package/es/Attachment/Attachment.module.css +157 -157
  8. package/es/AttachmentViewer/AttachmentViewer.module.css +354 -354
  9. package/es/ChannelIcon/ChannelIcon.module.css +217 -217
  10. package/es/Drawer/Drawer.js +0 -0
  11. package/es/Drawer/Drawer.module.css +150 -150
  12. package/es/ExternalLink/ExternalLink.js +0 -0
  13. package/es/ExternalLink/ExternalLink.module.css +3 -3
  14. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  15. package/es/FlipCard/FlipCard.module.css +44 -44
  16. package/es/FormAction/FormAction.module.css +82 -82
  17. package/es/FreezeLayer/FreezeLayer.module.css +42 -42
  18. package/es/IconButton/IconButton.js +5 -3
  19. package/es/IconButton/IconButton.module.css +22 -22
  20. package/es/IconButton/props/defaultProps.js +2 -1
  21. package/es/IconButton/props/propTypes.js +2 -1
  22. package/es/Image/Image.module.css +10 -10
  23. package/es/ImportantNotes/ImportantNotes.module.css +20 -20
  24. package/es/Link/Link.js +0 -0
  25. package/es/Link/Link.module.css +3 -3
  26. package/es/Loader/Loader.module.css +46 -46
  27. package/es/Message/Message.module.css +102 -102
  28. package/es/MessageBanner/MessageBanner.module.css +46 -46
  29. package/es/NewStar/NewStar.js +22 -20
  30. package/es/NewStar/NewStar.module.css +175 -110
  31. package/es/PlusIcon/PlusIcon.js +0 -0
  32. package/es/PlusIcon/PlusIcon.module.css +16 -16
  33. package/es/ToastMessage/ToastMessage.js +0 -0
  34. package/es/ToastMessage/ToastMessage.module.css +328 -328
  35. package/es/Upload/Upload.module.css +125 -125
  36. package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
  37. package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
  38. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
  39. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  40. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  41. package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
  42. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  43. package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
  44. package/es/avatar/AvatarUser/AvatarUser.js +0 -0
  45. package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
  46. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  47. package/es/common/dot_animation.module.css +26 -26
  48. package/es/common/dot_common.module.css +3 -3
  49. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  50. package/es/deprecated/utils/KeyboardApi.js +25 -25
  51. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -101
  52. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  53. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  54. package/es/emptystate/EditionPage/EditionPage.css +43 -43
  55. package/es/errorstate/EmptyStates.module.css +87 -87
  56. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  57. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  58. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  59. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  60. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  61. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  62. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  63. package/es/errorstate/WillBack/WillBack.module.css +34 -34
  64. package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  65. package/es/form/fields/Fields.module.css +183 -183
  66. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  67. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  68. package/es/form/fields/TextEditor/TextEditor.module.css +666 -666
  69. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
  70. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  71. package/es/form/layout/Field/Field.js +0 -0
  72. package/es/form/layout/Field/Field.module.css +22 -22
  73. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  74. package/es/form/layout/Section/Section.js +0 -0
  75. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  76. package/es/layout/SubtabLayout/SubtabLayout.module.css +146 -146
  77. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  78. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  79. package/es/list/Comment/Comment.module.css +29 -29
  80. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  81. package/es/list/Dot/Dot.module.css +15 -15
  82. package/es/list/DotNew/DotNew.module.css +22 -22
  83. package/es/list/GridStencils/GridStencils.module.css +146 -146
  84. package/es/list/Icons/Icons.module.css +16 -16
  85. package/es/list/ListLayout/ListLayout.module.css +57 -57
  86. package/es/list/ListStencils/ListStencils.module.css +67 -67
  87. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  88. package/es/list/SecondaryText/Website.js +0 -0
  89. package/es/list/SecondryPanel/SecondryPanel.js +0 -0
  90. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  91. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  92. package/es/list/Subject/Subject.module.css +27 -27
  93. package/es/list/TagNew/TagNew.module.css +115 -115
  94. package/es/list/Thread/Thread.module.css +42 -42
  95. package/es/list/UserTime/UserTime.module.css +58 -58
  96. package/es/list/listCommon.module.css +60 -60
  97. package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  98. package/es/list/status/StatusListItem/StatusListItem.js +0 -0
  99. package/es/list/status/StatusListItem/StatusListItem.module.css +104 -104
  100. package/es/lookup/EmptyPage/EmptyPage.js +0 -0
  101. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  102. package/es/lookup/Lookup/Lookup.js +0 -0
  103. package/es/lookup/Lookup/Lookup.module.css +26 -26
  104. package/es/lookup/Section/LookupSection.module.css +8 -8
  105. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  106. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  107. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  108. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  109. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  110. package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
  111. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  112. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  113. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  114. package/es/setup/header/Search/Search.module.css +68 -68
  115. package/es/setup/header/Views/Views.module.css +37 -37
  116. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  117. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  118. package/es/setup/helptips/Link/Link.js +0 -0
  119. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  120. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  121. package/es/setup/helptips/Title/Title.js +0 -0
  122. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  123. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  124. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  125. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  126. package/es/setup/table/Text/TableText.module.css +37 -37
  127. package/es/setup/table/Text/Text.js +0 -0
  128. package/es/svg/PlusIcon.js +1 -1
  129. package/es/svg/SnippetIcon.js +2 -2
  130. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  131. package/es/version2/GlobalNotification/GlobalNotification.module.css +124 -124
  132. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  133. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  134. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
  135. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  136. package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
  137. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -106
  138. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  139. package/lib/ActionButton/ActionButton.module.css +136 -136
  140. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  141. package/lib/Attachment/Attachment.module.css +157 -157
  142. package/lib/AttachmentViewer/AttachmentViewer.module.css +354 -354
  143. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  144. package/lib/Drawer/Drawer.js +0 -0
  145. package/lib/Drawer/Drawer.module.css +150 -150
  146. package/lib/ExternalLink/ExternalLink.js +0 -0
  147. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  148. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  149. package/lib/FlipCard/FlipCard.module.css +44 -44
  150. package/lib/FormAction/FormAction.module.css +82 -82
  151. package/lib/FreezeLayer/FreezeLayer.module.css +42 -42
  152. package/lib/IconButton/IconButton.js +5 -3
  153. package/lib/IconButton/IconButton.module.css +22 -22
  154. package/lib/IconButton/props/defaultProps.js +2 -1
  155. package/lib/IconButton/props/propTypes.js +1 -1
  156. package/lib/Image/Image.module.css +10 -10
  157. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  158. package/lib/Link/Link.js +0 -0
  159. package/lib/Link/Link.module.css +3 -3
  160. package/lib/Loader/Loader.module.css +46 -46
  161. package/lib/Message/Message.module.css +102 -102
  162. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  163. package/lib/NewStar/NewStar.js +22 -20
  164. package/lib/NewStar/NewStar.module.css +175 -110
  165. package/lib/PlusIcon/PlusIcon.js +0 -0
  166. package/lib/PlusIcon/PlusIcon.module.css +16 -16
  167. package/lib/ToastMessage/ToastMessage.js +0 -0
  168. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  169. package/lib/Upload/Upload.module.css +125 -125
  170. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  171. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  172. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  173. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  174. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  175. package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
  176. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  177. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  178. package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
  179. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  180. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  181. package/lib/common/dot_animation.module.css +26 -26
  182. package/lib/common/dot_common.module.css +3 -3
  183. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  184. package/lib/deprecated/utils/KeyboardApi.js +25 -25
  185. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -101
  186. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  187. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  188. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  189. package/lib/errorstate/EmptyStates.module.css +87 -87
  190. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  191. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  192. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  193. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  194. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  195. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  196. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  197. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  198. package/lib/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  199. package/lib/form/fields/Fields.module.css +183 -183
  200. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  201. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  202. package/lib/form/fields/TextEditor/TextEditor.module.css +666 -666
  203. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
  204. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  205. package/lib/form/layout/Field/Field.js +0 -0
  206. package/lib/form/layout/Field/Field.module.css +22 -22
  207. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  208. package/lib/form/layout/Section/Section.js +0 -0
  209. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  210. package/lib/layout/SubtabLayout/SubtabLayout.module.css +146 -146
  211. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  212. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  213. package/lib/list/Comment/Comment.module.css +29 -29
  214. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  215. package/lib/list/Dot/Dot.module.css +15 -15
  216. package/lib/list/DotNew/DotNew.module.css +22 -22
  217. package/lib/list/GridStencils/GridStencils.module.css +146 -146
  218. package/lib/list/Icons/Icons.module.css +16 -16
  219. package/lib/list/ListLayout/ListLayout.module.css +57 -57
  220. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  221. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  222. package/lib/list/SecondaryText/Website.js +0 -0
  223. package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
  224. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  225. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  226. package/lib/list/Subject/Subject.module.css +27 -27
  227. package/lib/list/TagNew/TagNew.module.css +115 -115
  228. package/lib/list/Thread/Thread.module.css +42 -42
  229. package/lib/list/UserTime/UserTime.module.css +58 -58
  230. package/lib/list/listCommon.module.css +60 -60
  231. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  232. package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
  233. package/lib/list/status/StatusListItem/StatusListItem.module.css +104 -104
  234. package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
  235. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  236. package/lib/lookup/Lookup/Lookup.js +0 -0
  237. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  238. package/lib/lookup/Section/LookupSection.module.css +8 -8
  239. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  240. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  241. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  242. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  243. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  244. package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
  245. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  246. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  247. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  248. package/lib/setup/header/Search/Search.module.css +68 -68
  249. package/lib/setup/header/Views/Views.module.css +37 -37
  250. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  251. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  252. package/lib/setup/helptips/Link/Link.js +0 -0
  253. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  254. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  255. package/lib/setup/helptips/Title/Title.js +0 -0
  256. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  257. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  258. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  259. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  260. package/lib/setup/table/Text/TableText.module.css +37 -37
  261. package/lib/setup/table/Text/Text.js +0 -0
  262. package/lib/svg/PlusIcon.js +1 -1
  263. package/lib/svg/SnippetIcon.js +2 -2
  264. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  265. package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -124
  266. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  267. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  268. package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
  269. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  270. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  271. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -106
  272. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  273. package/package.json +105 -93
@@ -1,217 +1,217 @@
1
- .varClass {
2
- --iconColor: var(--zdt_channelIcon_icon);
3
- --topIconBg: var(--zdt_channelIcon_topIcon_bg);
4
- --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
5
- --topIconBorderColor: var(--zdt_channelIcon_topIcon_border);
6
- }
7
- .container {
8
- position: relative;
9
- composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
10
- vertical-align: middle;
11
- composes: varClass;
12
- }
13
- .thread {
14
- composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/lib/common/common.module.css';
15
- position: absolute;
16
- top: calc(var(--zd_size4) * -1);
17
- height: var(--zd_size15);
18
- width: var(--zd_size15);
19
- background-color: var(--topIconBg);
20
- }
21
- [dir=ltr] .thread {
22
- right: calc(var(--zd_size1) * -1);
23
- }
24
- [dir=rtl] .thread {
25
- left: calc(var(--zd_size1) * -1);
26
- }
27
- .threadBorder {
28
- border: 1px solid var(--topIconBorderColor);
29
- }
30
- .iconStyle {
31
- position: relative;
32
- color: var(--iconColor);
33
- }
34
-
35
- /* Channel Icon Style */
36
- /* path */
37
- .email_incoming span:first-child:before,
38
- .email_outgoing span:first-child:before,
39
- .email_missed span:first-child:before,
40
- .email_forward span:first-child:before,
41
- .email_forwarddraft span:first-child:before,
42
- .facebook_incoming span:first-child:before,
43
- .facebook_outgoing span:first-child:before,
44
- .facebook_missed span:first-child:before,
45
- .facebook_forward span:first-child:before,
46
- .facebook_forwarddraft span:first-child:before,
47
- .facebook_dm_default span:first-child:before,
48
- .facebook_dm_incoming span:first-child:before,
49
- .facebook_dm_outgoing span:first-child:before,
50
- .facebook_dm_draft span:first-child:before,
51
- .facebook_dm_forward span:first-child:before,
52
- .facebook_dm_forwarddraft span:first-child:before,
53
- .twitter_incoming span:first-child:before,
54
- .twitter_outgoing span:first-child:before,
55
- .twitter_missed span:first-child:before,
56
- .twitter_forward span:first-child:before,
57
- .twitter_forwarddraft span:first-child:before,
58
- .forums_incoming span:first-child:before,
59
- .forums_outgoing span:first-child:before,
60
- .forums_missed span:first-child:before,
61
- .forums_forward span:first-child:before,
62
- .forums_forwarddraft span:first-child:before,
63
- .chat_incoming span:first-child:before,
64
- .chat_outgoing span:first-child:before,
65
- .chat_missed span:first-child:before,
66
- .chat_forward span:first-child:before,
67
- .chat_forwarddraft span:first-child:before,
68
- .offline_chat_incoming span:first-child:before,
69
- .offline_chat_outgoing span:first-child:before,
70
- .offline_chat_missed span:first-child:before,
71
- .offline_chat_forward span:first-child:before,
72
- .offline_chat_forwarddraft span:first-child:before,
73
- .online_chat_incoming span:first-child:before,
74
- .online_chat_outgoing span:first-child:before,
75
- .online_chat_missed span:first-child:before,
76
- .online_chat_forward span:first-child:before,
77
- .online_chat_forwarddraft span:first-child:before,
78
- .phone_incoming span:first-child:before,
79
- .phone_outgoing span:first-child:before,
80
- .phone_missed span:first-child:before,
81
- .phone_forward span:first-child:before,
82
- .phone_forwarddraft span:first-child:before,
83
- .web_incoming span:first-child:before,
84
- .web_out span:first-child:before,
85
- .web_missed span:first-child:before,
86
- .web_forward span:first-child:before,
87
- .web_forwarddraft span:first-child:before,
88
- .customerportal_incoming span:first-child:before,
89
- .customerportal_out span:first-child:before,
90
- .customerportal_missed span:first-child:before,
91
- .customerportal_forward span:first-child:before,
92
- .customerportal_forwarddraft span:first-child:before,
93
- .feedback_default span:first-child:before,
94
- .feedback_incoming span:first-child:before,
95
- .feedback_out span:first-child:before,
96
- .feedback_missed span:first-child:before,
97
- .feedback_forward span:first-child:before,
98
- .feedback_forwarddraft span:first-child:before {
99
- color: inherit;
100
- }
101
-
102
- /* Email */
103
- .email_incoming,
104
- .email_missed,
105
- .email_outgoing {
106
- bottom: var(--zd_size2);
107
- }
108
-
109
- /* twitter */
110
- .twitter_incoming,
111
- .twitter_outgoing,
112
- .twitter_missed {
113
- bottom: var(--zd_size1);
114
- }
115
-
116
- /* facebook */
117
- [dir=ltr] .facebook_incoming, [dir=ltr] .facebook_missed, [dir=ltr] .facebook_outgoing {
118
- right: var(--zd_size2);
119
- }
120
- [dir=rtl] .facebook_incoming, [dir=rtl] .facebook_missed, [dir=rtl] .facebook_outgoing {
121
- left: var(--zd_size2);
122
- }
123
-
124
- /* chat */
125
- .chat_incoming,
126
- .offline_chat_incoming,
127
- .online_chat_incoming,
128
- .chat_missed,
129
- .offline_chat_missed,
130
- .online_chat_missed,
131
- .chat_outgoing,
132
- .offline_chat_outgoing,
133
- .online_chat_outgoing {
134
- bottom: var(--zd_size1);
135
- }
136
-
137
- /* forums */
138
- .forums_default {
139
- top: var(--zd_size1);
140
- }
141
-
142
- /* feedback */
143
- .feedback_incoming,
144
- .feedback_missed,
145
- .feedback_out {
146
- top: var(--zd_size1);
147
- }
148
- [dir=ltr] .feedback_incoming, [dir=ltr] .feedback_missed, [dir=ltr] .feedback_out {
149
- right: var(--zd_size1);
150
- }
151
- [dir=rtl] .feedback_incoming, [dir=rtl] .feedback_missed, [dir=rtl] .feedback_out {
152
- left: var(--zd_size1);
153
- }
154
-
155
- /* draft */
156
- [dir=ltr] .email_draft, [dir=ltr] .facebook_draft, [dir=ltr] .twitter_draft, [dir=ltr] .forums_draft, [dir=ltr] .chat_draft, [dir=ltr] .offline_chat_draft, [dir=ltr] .online_chat_draft, [dir=ltr] .phone_draft, [dir=ltr] .web_draft, [dir=ltr] .customerportal_draft, [dir=ltr] .feedback_draft {
157
- left: var(--zd_size1);
158
- }
159
- [dir=rtl] .email_draft, [dir=rtl] .facebook_draft, [dir=rtl] .twitter_draft, [dir=rtl] .forums_draft, [dir=rtl] .chat_draft, [dir=rtl] .offline_chat_draft, [dir=rtl] .online_chat_draft, [dir=rtl] .phone_draft, [dir=rtl] .web_draft, [dir=rtl] .customerportal_draft, [dir=rtl] .feedback_draft {
160
- right: var(--zd_size1);
161
- }
162
-
163
- /* forward */
164
- .email_forward,
165
- .facebook_forward,
166
- .facebook_dm_forward,
167
- .twitter_forward,
168
- .forums_forward,
169
- .chat_forward,
170
- .offline_chat_forward,
171
- .online_chat_forward,
172
- .phone_forward,
173
- .web_forward,
174
- .customerportal_forward,
175
- .feedback_forward {
176
- bottom: var(--zd_size1);
177
- }
178
-
179
- /* forwarddraft */
180
- .email_forwarddraft,
181
- .facebook_forwarddraft,
182
- .twitter_forwarddraft,
183
- .forums_forwarddraft,
184
- .chat_forwarddraft,
185
- .offline_chat_forwarddraft,
186
- .online_chat_forwarddraft,
187
- .phone_forwarddraft,
188
- .web_forwarddraft,
189
- .customerportal_forwarddraft,
190
- .feedback_forwarddraft {
191
- bottom: var(--zd_size1);
192
- }
193
- [dir=ltr] .email_forwarddraft, [dir=ltr] .facebook_forwarddraft, [dir=ltr] .twitter_forwarddraft, [dir=ltr] .forums_forwarddraft, [dir=ltr] .chat_forwarddraft, [dir=ltr] .offline_chat_forwarddraft, [dir=ltr] .online_chat_forwarddraft, [dir=ltr] .phone_forwarddraft, [dir=ltr] .web_forwarddraft, [dir=ltr] .customerportal_forwarddraft, [dir=ltr] .feedback_forwarddraft {
194
- left: var(--zd_size1);
195
- }
196
- [dir=rtl] .email_forwarddraft, [dir=rtl] .facebook_forwarddraft, [dir=rtl] .twitter_forwarddraft, [dir=rtl] .forums_forwarddraft, [dir=rtl] .chat_forwarddraft, [dir=rtl] .offline_chat_forwarddraft, [dir=rtl] .online_chat_forwarddraft, [dir=rtl] .phone_forwarddraft, [dir=rtl] .web_forwarddraft, [dir=rtl] .customerportal_forwarddraft, [dir=rtl] .feedback_forwarddraft {
197
- right: var(--zd_size1);
198
- }
199
-
200
- /* facebook_dm */
201
- [dir=ltr] .facebook_dm_default, [dir=ltr] .facebook_dm_incoming, [dir=ltr] .facebook_dm_outgoing, [dir=ltr] .facebook_dm_missed {
202
- right: var(--zd_size2);
203
- }
204
- [dir=rtl] .facebook_dm_default, [dir=rtl] .facebook_dm_incoming, [dir=rtl] .facebook_dm_outgoing, [dir=rtl] .facebook_dm_missed {
205
- left: var(--zd_size2);
206
- }
207
-
208
- /*Topic Icon colors*/
209
- .topic_olive {
210
- --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
211
- }
212
- .topic_yellow3 {
213
- --topIconColor: var(--zdt_channelIcon_topIcon_iconYellow);
214
- }
215
- .topicIcon {
216
- color: var(--topIconColor);
217
- }
1
+ .varClass {
2
+ --iconColor: var(--zdt_channelIcon_icon);
3
+ --topIconBg: var(--zdt_channelIcon_topIcon_bg);
4
+ --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
5
+ --topIconBorderColor: var(--zdt_channelIcon_topIcon_border);
6
+ }
7
+ .container {
8
+ position: relative;
9
+ composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
10
+ vertical-align: middle;
11
+ composes: varClass;
12
+ }
13
+ .thread {
14
+ composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/lib/common/common.module.css';
15
+ position: absolute;
16
+ top: calc(var(--zd_size4) * -1);
17
+ height: var(--zd_size15);
18
+ width: var(--zd_size15);
19
+ background-color: var(--topIconBg);
20
+ }
21
+ [dir=ltr] .thread {
22
+ right: calc(var(--zd_size1) * -1);
23
+ }
24
+ [dir=rtl] .thread {
25
+ left: calc(var(--zd_size1) * -1);
26
+ }
27
+ .threadBorder {
28
+ border: 1px solid var(--topIconBorderColor);
29
+ }
30
+ .iconStyle {
31
+ position: relative;
32
+ color: var(--iconColor);
33
+ }
34
+
35
+ /* Channel Icon Style */
36
+ /* path */
37
+ .email_incoming span:first-child:before,
38
+ .email_outgoing span:first-child:before,
39
+ .email_missed span:first-child:before,
40
+ .email_forward span:first-child:before,
41
+ .email_forwarddraft span:first-child:before,
42
+ .facebook_incoming span:first-child:before,
43
+ .facebook_outgoing span:first-child:before,
44
+ .facebook_missed span:first-child:before,
45
+ .facebook_forward span:first-child:before,
46
+ .facebook_forwarddraft span:first-child:before,
47
+ .facebook_dm_default span:first-child:before,
48
+ .facebook_dm_incoming span:first-child:before,
49
+ .facebook_dm_outgoing span:first-child:before,
50
+ .facebook_dm_draft span:first-child:before,
51
+ .facebook_dm_forward span:first-child:before,
52
+ .facebook_dm_forwarddraft span:first-child:before,
53
+ .twitter_incoming span:first-child:before,
54
+ .twitter_outgoing span:first-child:before,
55
+ .twitter_missed span:first-child:before,
56
+ .twitter_forward span:first-child:before,
57
+ .twitter_forwarddraft span:first-child:before,
58
+ .forums_incoming span:first-child:before,
59
+ .forums_outgoing span:first-child:before,
60
+ .forums_missed span:first-child:before,
61
+ .forums_forward span:first-child:before,
62
+ .forums_forwarddraft span:first-child:before,
63
+ .chat_incoming span:first-child:before,
64
+ .chat_outgoing span:first-child:before,
65
+ .chat_missed span:first-child:before,
66
+ .chat_forward span:first-child:before,
67
+ .chat_forwarddraft span:first-child:before,
68
+ .offline_chat_incoming span:first-child:before,
69
+ .offline_chat_outgoing span:first-child:before,
70
+ .offline_chat_missed span:first-child:before,
71
+ .offline_chat_forward span:first-child:before,
72
+ .offline_chat_forwarddraft span:first-child:before,
73
+ .online_chat_incoming span:first-child:before,
74
+ .online_chat_outgoing span:first-child:before,
75
+ .online_chat_missed span:first-child:before,
76
+ .online_chat_forward span:first-child:before,
77
+ .online_chat_forwarddraft span:first-child:before,
78
+ .phone_incoming span:first-child:before,
79
+ .phone_outgoing span:first-child:before,
80
+ .phone_missed span:first-child:before,
81
+ .phone_forward span:first-child:before,
82
+ .phone_forwarddraft span:first-child:before,
83
+ .web_incoming span:first-child:before,
84
+ .web_out span:first-child:before,
85
+ .web_missed span:first-child:before,
86
+ .web_forward span:first-child:before,
87
+ .web_forwarddraft span:first-child:before,
88
+ .customerportal_incoming span:first-child:before,
89
+ .customerportal_out span:first-child:before,
90
+ .customerportal_missed span:first-child:before,
91
+ .customerportal_forward span:first-child:before,
92
+ .customerportal_forwarddraft span:first-child:before,
93
+ .feedback_default span:first-child:before,
94
+ .feedback_incoming span:first-child:before,
95
+ .feedback_out span:first-child:before,
96
+ .feedback_missed span:first-child:before,
97
+ .feedback_forward span:first-child:before,
98
+ .feedback_forwarddraft span:first-child:before {
99
+ color: inherit;
100
+ }
101
+
102
+ /* Email */
103
+ .email_incoming,
104
+ .email_missed,
105
+ .email_outgoing {
106
+ bottom: var(--zd_size2);
107
+ }
108
+
109
+ /* twitter */
110
+ .twitter_incoming,
111
+ .twitter_outgoing,
112
+ .twitter_missed {
113
+ bottom: var(--zd_size1);
114
+ }
115
+
116
+ /* facebook */
117
+ [dir=ltr] .facebook_incoming, [dir=ltr] .facebook_missed, [dir=ltr] .facebook_outgoing {
118
+ right: var(--zd_size2);
119
+ }
120
+ [dir=rtl] .facebook_incoming, [dir=rtl] .facebook_missed, [dir=rtl] .facebook_outgoing {
121
+ left: var(--zd_size2);
122
+ }
123
+
124
+ /* chat */
125
+ .chat_incoming,
126
+ .offline_chat_incoming,
127
+ .online_chat_incoming,
128
+ .chat_missed,
129
+ .offline_chat_missed,
130
+ .online_chat_missed,
131
+ .chat_outgoing,
132
+ .offline_chat_outgoing,
133
+ .online_chat_outgoing {
134
+ bottom: var(--zd_size1);
135
+ }
136
+
137
+ /* forums */
138
+ .forums_default {
139
+ top: var(--zd_size1);
140
+ }
141
+
142
+ /* feedback */
143
+ .feedback_incoming,
144
+ .feedback_missed,
145
+ .feedback_out {
146
+ top: var(--zd_size1);
147
+ }
148
+ [dir=ltr] .feedback_incoming, [dir=ltr] .feedback_missed, [dir=ltr] .feedback_out {
149
+ right: var(--zd_size1);
150
+ }
151
+ [dir=rtl] .feedback_incoming, [dir=rtl] .feedback_missed, [dir=rtl] .feedback_out {
152
+ left: var(--zd_size1);
153
+ }
154
+
155
+ /* draft */
156
+ [dir=ltr] .email_draft, [dir=ltr] .facebook_draft, [dir=ltr] .twitter_draft, [dir=ltr] .forums_draft, [dir=ltr] .chat_draft, [dir=ltr] .offline_chat_draft, [dir=ltr] .online_chat_draft, [dir=ltr] .phone_draft, [dir=ltr] .web_draft, [dir=ltr] .customerportal_draft, [dir=ltr] .feedback_draft {
157
+ left: var(--zd_size1);
158
+ }
159
+ [dir=rtl] .email_draft, [dir=rtl] .facebook_draft, [dir=rtl] .twitter_draft, [dir=rtl] .forums_draft, [dir=rtl] .chat_draft, [dir=rtl] .offline_chat_draft, [dir=rtl] .online_chat_draft, [dir=rtl] .phone_draft, [dir=rtl] .web_draft, [dir=rtl] .customerportal_draft, [dir=rtl] .feedback_draft {
160
+ right: var(--zd_size1);
161
+ }
162
+
163
+ /* forward */
164
+ .email_forward,
165
+ .facebook_forward,
166
+ .facebook_dm_forward,
167
+ .twitter_forward,
168
+ .forums_forward,
169
+ .chat_forward,
170
+ .offline_chat_forward,
171
+ .online_chat_forward,
172
+ .phone_forward,
173
+ .web_forward,
174
+ .customerportal_forward,
175
+ .feedback_forward {
176
+ bottom: var(--zd_size1);
177
+ }
178
+
179
+ /* forwarddraft */
180
+ .email_forwarddraft,
181
+ .facebook_forwarddraft,
182
+ .twitter_forwarddraft,
183
+ .forums_forwarddraft,
184
+ .chat_forwarddraft,
185
+ .offline_chat_forwarddraft,
186
+ .online_chat_forwarddraft,
187
+ .phone_forwarddraft,
188
+ .web_forwarddraft,
189
+ .customerportal_forwarddraft,
190
+ .feedback_forwarddraft {
191
+ bottom: var(--zd_size1);
192
+ }
193
+ [dir=ltr] .email_forwarddraft, [dir=ltr] .facebook_forwarddraft, [dir=ltr] .twitter_forwarddraft, [dir=ltr] .forums_forwarddraft, [dir=ltr] .chat_forwarddraft, [dir=ltr] .offline_chat_forwarddraft, [dir=ltr] .online_chat_forwarddraft, [dir=ltr] .phone_forwarddraft, [dir=ltr] .web_forwarddraft, [dir=ltr] .customerportal_forwarddraft, [dir=ltr] .feedback_forwarddraft {
194
+ left: var(--zd_size1);
195
+ }
196
+ [dir=rtl] .email_forwarddraft, [dir=rtl] .facebook_forwarddraft, [dir=rtl] .twitter_forwarddraft, [dir=rtl] .forums_forwarddraft, [dir=rtl] .chat_forwarddraft, [dir=rtl] .offline_chat_forwarddraft, [dir=rtl] .online_chat_forwarddraft, [dir=rtl] .phone_forwarddraft, [dir=rtl] .web_forwarddraft, [dir=rtl] .customerportal_forwarddraft, [dir=rtl] .feedback_forwarddraft {
197
+ right: var(--zd_size1);
198
+ }
199
+
200
+ /* facebook_dm */
201
+ [dir=ltr] .facebook_dm_default, [dir=ltr] .facebook_dm_incoming, [dir=ltr] .facebook_dm_outgoing, [dir=ltr] .facebook_dm_missed {
202
+ right: var(--zd_size2);
203
+ }
204
+ [dir=rtl] .facebook_dm_default, [dir=rtl] .facebook_dm_incoming, [dir=rtl] .facebook_dm_outgoing, [dir=rtl] .facebook_dm_missed {
205
+ left: var(--zd_size2);
206
+ }
207
+
208
+ /*Topic Icon colors*/
209
+ .topic_olive {
210
+ --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
211
+ }
212
+ .topic_yellow3 {
213
+ --topIconColor: var(--zdt_channelIcon_topIcon_iconYellow);
214
+ }
215
+ .topicIcon {
216
+ color: var(--topIconColor);
217
+ }
File without changes