@zohodesk/dot 1.0.0-temp-232.1 → 1.0.0-temp-233.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (673) hide show
  1. package/README.md +49 -6
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +8 -8
  3. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +12 -0
  4. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +12 -0
  5. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +12 -0
  6. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +12 -0
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +12 -0
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +14 -14
  9. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +12 -0
  10. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +12 -0
  11. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +12 -0
  12. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +12 -0
  13. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +12 -0
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +6 -6
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +12 -0
  16. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +12 -0
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +12 -0
  18. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +12 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +12 -0
  20. package/cbt.config.js +12 -3
  21. package/es/ActionButton/ActionButton.js +2 -2
  22. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
  23. package/es/AlphabeticList/AlphabeticList.js +3 -2
  24. package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
  25. package/es/Attachment/Attachment.js +2 -1
  26. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  27. package/es/AttachmentViewer/AttachmentImage.js +6 -3
  28. package/es/AttachmentViewer/AttachmentViewer.js +122 -44
  29. package/es/AttachmentViewer/AttachmentViewer.module.css +8 -15
  30. package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js +104 -100
  31. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +814 -37
  32. package/es/AttachmentViewer/props/defaultProps.js +4 -2
  33. package/es/AttachmentViewer/props/propTypes.js +9 -2
  34. package/es/AudioPlayer/AudioPlayer.js +4 -3
  35. package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
  36. package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
  37. package/es/ChannelIcon/ChannelIcon.js +5 -4
  38. package/es/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  39. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +3 -9
  40. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +2 -1
  41. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +2 -1
  42. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +2 -1
  43. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +2 -1
  44. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +2 -1
  45. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +2 -1
  46. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +2 -1
  47. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +2 -1
  48. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +2 -1
  49. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +2 -1
  50. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +2 -1
  51. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +2 -1
  52. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +2 -1
  53. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +2 -1
  54. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +2 -1
  55. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
  56. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
  57. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
  58. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
  59. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
  60. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
  61. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
  62. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
  63. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
  64. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
  65. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
  66. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
  67. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
  68. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
  69. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
  70. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +1 -2
  71. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +1 -2
  72. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +1 -2
  73. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +1 -2
  74. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +1 -2
  75. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +1 -2
  76. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +1 -2
  77. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +1 -2
  78. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +1 -2
  79. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +1 -2
  80. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +1 -2
  81. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +1 -2
  82. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +1 -2
  83. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +1 -2
  84. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +1 -2
  85. package/es/Drawer/Drawer.js +7 -3
  86. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
  87. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  88. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
  89. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
  90. package/es/Drawer/props/propTypes.js +2 -0
  91. package/es/ExternalLink/ExternalLink.js +2 -1
  92. package/es/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
  93. package/es/FlipCard/FlipCard.js +3 -2
  94. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
  95. package/es/FormAction/FormAction.js +24 -14
  96. package/es/FormAction/__tests__/FormAction.spec.js +97 -3
  97. package/es/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +479 -4
  98. package/es/FormAction/props/propTypes.js +2 -0
  99. package/es/FreezeLayer/FreezeLayer.js +2 -1
  100. package/es/FreezeLayer/css/cssJSLogic.js +2 -2
  101. package/es/IconButton/IconButton.js +2 -2
  102. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
  103. package/es/Image/Image.js +2 -1
  104. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
  105. package/es/ImportantNotes/ImportantNotes.js +1 -1
  106. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
  107. package/es/Link/Link.js +6 -4
  108. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
  109. package/es/Link/props/propTypes.js +1 -0
  110. package/es/Loader/Loader.js +3 -2
  111. package/es/Message/Message.js +7 -6
  112. package/es/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
  113. package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  114. package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
  115. package/es/Onboarding/CarouselDots/CarouselDot/CarouselDot.js +2 -1
  116. package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
  117. package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
  118. package/es/Onboarding/Onboarding.js +9 -8
  119. package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
  120. package/es/PlusIcon/PlusIcon.js +4 -3
  121. package/es/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
  122. package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
  123. package/es/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
  124. package/es/ToastMessage/ToastMessage.js +3 -2
  125. package/es/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
  126. package/es/Upload/Upload.js +5 -4
  127. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
  128. package/es/VideoLookup/VideoLookup.js +4 -3
  129. package/es/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
  130. package/es/alert/AlertHeader/AlertHeader.js +2 -1
  131. package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
  132. package/es/alert/AlertLookup/AlertLookup.js +3 -2
  133. package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  134. package/es/avatar/AvatarClose/AvatarClose.js +4 -3
  135. package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  136. package/es/avatar/AvatarCollision/AvatarCollision.js +4 -3
  137. package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  138. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
  139. package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
  140. package/es/avatar/AvatarStatus/AvatarStatus.js +3 -2
  141. package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
  142. package/es/avatar/AvatarThread/AvatarThread.js +5 -5
  143. package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
  144. package/es/avatar/AvatarUser/AvatarUser.js +6 -5
  145. package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  146. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -2
  147. package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
  148. package/es/deprecated/FreezeLayer/FreezeLayer.js +4 -3
  149. package/es/deprecated/SelectDropdown/SelectDropdown.js +4 -3
  150. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +8 -7
  151. package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
  152. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +8 -7
  153. package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  154. package/es/emptystate/EditionPage/EditionPage.js +9 -8
  155. package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  156. package/es/errorstate/Inconvenience/Inconvenience.js +4 -3
  157. package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  158. package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  159. package/es/errorstate/NoRequestFound/NoRequestFound.js +4 -3
  160. package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  161. package/es/errorstate/PermissionPlay/PermissionPlay.js +5 -4
  162. package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  163. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +4 -3
  164. package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  165. package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -3
  166. package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  167. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -3
  168. package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  169. package/es/errorstate/WillBack/WillBack.js +6 -5
  170. package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
  171. package/es/form/fields/CheckBoxField/CheckBoxField.js +3 -2
  172. package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
  173. package/es/form/fields/CurrencyField/CurrencyField.js +3 -2
  174. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
  175. package/es/form/fields/DateField/DateField.js +4 -3
  176. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
  177. package/es/form/fields/FieldContainer/FieldContainer.js +2 -1
  178. package/es/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
  179. package/es/form/fields/MultiSelectField/MultiSelectField.js +2 -1
  180. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
  181. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
  182. package/es/form/fields/RadioField/RadioField.js +6 -5
  183. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
  184. package/es/form/fields/SelectField/SelectField.js +3 -2
  185. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
  186. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -3
  187. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
  188. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -1
  189. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
  190. package/es/form/fields/TextBoxField/TextBoxField.js +3 -2
  191. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
  192. package/es/form/fields/TextEditor/TextEditor.js +22 -5
  193. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
  194. package/es/form/fields/TextEditorField/TextEditorField.js +3 -2
  195. package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
  196. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -2
  197. package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  198. package/es/form/fields/TextareaField/TextareaField.js +5 -4
  199. package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
  200. package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -1
  201. package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
  202. package/es/form/layout/Field/Field.js +4 -3
  203. package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
  204. package/es/form/layout/Section/Section.js +4 -3
  205. package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  206. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +7 -6
  207. package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
  208. package/es/layout/SubtabLayout/SubtabLayout.js +3 -2
  209. package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
  210. package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
  211. package/es/list/BluePrintStatus/BluePrintStatus.js +2 -1
  212. package/es/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
  213. package/es/list/Comment/Comment.js +3 -2
  214. package/es/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  215. package/es/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  216. package/es/list/Dot/Dot.js +2 -1
  217. package/es/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  218. package/es/list/DotNew/DotNew.js +2 -1
  219. package/es/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  220. package/es/list/GridStencils/GridStencils.js +6 -5
  221. package/es/list/Icons/AddNewIcon.js +2 -1
  222. package/es/list/Icons/CompleteIcon.js +2 -1
  223. package/es/list/Icons/DeleteIcon.js +2 -1
  224. package/es/list/Icons/EditIcon.js +2 -1
  225. package/es/list/Icons/FloatingIcons.js +2 -1
  226. package/es/list/Icons/ReadUnreadIcon.js +2 -1
  227. package/es/list/Icons/SmartIcon.js +2 -1
  228. package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  229. package/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  230. package/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  231. package/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  232. package/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  233. package/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  234. package/es/list/ListLayout/ListLayout.js +2 -1
  235. package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  236. package/es/list/ListStencils/ListStencils.js +8 -7
  237. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
  238. package/es/list/SecondaryText/AccountName.js +1 -1
  239. package/es/list/SecondaryText/ContactName.js +1 -1
  240. package/es/list/SecondaryText/HappinessRating.js +4 -3
  241. package/es/list/SecondaryText/TicketId.js +2 -1
  242. package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
  243. package/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
  244. package/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  245. package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
  246. package/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  247. package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
  248. package/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  249. package/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  250. package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  251. package/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  252. package/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  253. package/es/list/SecondryPanel/SecondryPanel.js +2 -1
  254. package/es/list/SentimentStatus/SentimentStatus.js +2 -1
  255. package/es/list/Subject/Subject.js +2 -2
  256. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
  257. package/es/list/TagNew/TagNew.js +2 -1
  258. package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  259. package/es/list/Thread/Thread.js +2 -1
  260. package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  261. package/es/list/status/StatusDropdown/StatusDropdown.js +5 -4
  262. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +2 -1
  263. package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
  264. package/es/list/status/StatusListItem/StatusListItem.js +2 -1
  265. package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
  266. package/es/lookup/EmptyPage/EmptyPage.js +3 -2
  267. package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  268. package/es/lookup/Lookup/Lookup.js +48 -18
  269. package/es/lookup/Lookup/Lookup.module.css +19 -0
  270. package/es/lookup/Lookup/__tests__/Lookup.spec.js +120 -4
  271. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +285 -3
  272. package/es/lookup/Lookup/props/defaultProps.js +3 -2
  273. package/es/lookup/Lookup/props/propTypes.js +12 -2
  274. package/es/lookup/Section/Section.js +14 -5
  275. package/es/lookup/Section/__tests__/Section.spec.js +41 -2
  276. package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +133 -3
  277. package/es/lookup/Section/props/defaultProps.js +4 -0
  278. package/es/lookup/Section/props/propTypes.js +5 -0
  279. package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
  280. package/es/lookup/header/ModuleHeader/ModuleHeader.js +49 -19
  281. package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +172 -3
  282. package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +775 -5
  283. package/es/lookup/header/ModuleHeader/props/defaultProps.js +4 -0
  284. package/es/lookup/header/ModuleHeader/props/propTypes.js +21 -1
  285. package/es/lookup/header/Search/Search.js +3 -3
  286. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
  287. package/es/lookup/header/TicketHeader/TicketHeader.js +3 -2
  288. package/es/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  289. package/es/lookup/header/Title/Title.js +5 -2
  290. package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  291. package/es/lookup/header/Title/props/propTypes.js +1 -0
  292. package/es/lookup/header/ViewDropDown/ViewDropDown.js +7 -6
  293. package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  294. package/es/setup/header/Button/Button.js +2 -1
  295. package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
  296. package/es/setup/header/Search/Search.js +3 -2
  297. package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
  298. package/es/setup/header/Views/Views.js +4 -3
  299. package/es/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  300. package/es/setup/helptips/Description/Description.js +2 -1
  301. package/es/setup/helptips/Link/Link.js +2 -1
  302. package/es/setup/helptips/ListGroup/ListGroup.js +5 -4
  303. package/es/setup/helptips/Title/Title.js +2 -1
  304. package/es/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
  305. package/es/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
  306. package/es/setup/table/TableData/TableData.js +1 -1
  307. package/es/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
  308. package/es/setup/table/TableHead/TableHead.js +1 -1
  309. package/es/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
  310. package/es/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
  311. package/es/setup/table/Text/Text.js +3 -2
  312. package/es/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
  313. package/es/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  314. package/es/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  315. package/es/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  316. package/es/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
  317. package/es/version2/GlobalNotification/GlobalNotification.js +4 -3
  318. package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
  319. package/es/version2/alertIcons/AlarmAlertIcon.js +13 -12
  320. package/es/version2/alertIcons/AlertIcons.js +2 -1
  321. package/es/version2/alertIcons/DangerAlertIcon.js +13 -12
  322. package/es/version2/alertIcons/ErrorAlertIcon.js +14 -13
  323. package/es/version2/alertIcons/InfoAlertIcon.js +15 -14
  324. package/es/version2/alertIcons/NotificationAlertIcon.js +14 -13
  325. package/es/version2/alertIcons/SuccessAlertIcon.js +13 -12
  326. package/es/version2/alertIcons/WarningAlertIcon.js +13 -12
  327. package/es/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
  328. package/es/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
  329. package/es/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
  330. package/es/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
  331. package/es/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
  332. package/es/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
  333. package/es/version2/lookup/AlertHeader/AlertHeader.js +17 -7
  334. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +114 -3
  335. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +1694 -7
  336. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +8 -3
  337. package/es/version2/lookup/AlertHeader/props/defaultProps.js +3 -0
  338. package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -0
  339. package/es/version2/lookup/AlertLookup/AlertLookup.js +15 -8
  340. package/es/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  341. package/es/version2/lookup/AlertLookup/props/defaultProps.js +1 -0
  342. package/es/version2/lookup/AlertLookup/props/propTypes.js +1 -0
  343. package/es/version2/notification/DesktopNotification/DesktopNotification.js +8 -7
  344. package/es/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
  345. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -1
  346. package/es/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  347. package/lib/ActionButton/ActionButton.js +2 -2
  348. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
  349. package/lib/AlphabeticList/AlphabeticList.js +4 -2
  350. package/lib/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
  351. package/lib/Attachment/Attachment.js +3 -1
  352. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  353. package/lib/AttachmentViewer/AttachmentImage.js +7 -3
  354. package/lib/AttachmentViewer/AttachmentViewer.js +172 -94
  355. package/lib/AttachmentViewer/AttachmentViewer.module.css +8 -15
  356. package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js +100 -100
  357. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +814 -37
  358. package/lib/AttachmentViewer/props/defaultProps.js +6 -2
  359. package/lib/AttachmentViewer/props/propTypes.js +9 -2
  360. package/lib/AudioPlayer/AudioPlayer.js +5 -3
  361. package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
  362. package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
  363. package/lib/ChannelIcon/ChannelIcon.js +6 -4
  364. package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  365. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +3 -9
  366. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -1
  367. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -1
  368. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -1
  369. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -1
  370. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -1
  371. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -1
  372. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -1
  373. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -1
  374. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -1
  375. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -1
  376. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -1
  377. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -1
  378. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -1
  379. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -1
  380. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -1
  381. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +2 -0
  382. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +2 -0
  383. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +2 -0
  384. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +2 -0
  385. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +2 -0
  386. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +2 -0
  387. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +2 -0
  388. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +2 -0
  389. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +2 -0
  390. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +2 -0
  391. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +2 -0
  392. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +2 -0
  393. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +2 -0
  394. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +2 -0
  395. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +2 -0
  396. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +1 -3
  397. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +1 -3
  398. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +1 -3
  399. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +1 -3
  400. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +1 -3
  401. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +1 -3
  402. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +1 -3
  403. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +1 -3
  404. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +1 -3
  405. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +1 -3
  406. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +1 -3
  407. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +1 -3
  408. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +1 -3
  409. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +1 -3
  410. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +1 -3
  411. package/lib/Drawer/Drawer.js +7 -3
  412. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
  413. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  414. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
  415. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
  416. package/lib/Drawer/props/propTypes.js +2 -0
  417. package/lib/ExternalLink/ExternalLink.js +3 -1
  418. package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
  419. package/lib/FlipCard/FlipCard.js +4 -2
  420. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
  421. package/lib/FormAction/FormAction.js +25 -10
  422. package/lib/FormAction/__tests__/FormAction.spec.js +102 -2
  423. package/lib/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +479 -4
  424. package/lib/FormAction/props/propTypes.js +2 -0
  425. package/lib/FreezeLayer/FreezeLayer.js +3 -1
  426. package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
  427. package/lib/IconButton/IconButton.js +2 -2
  428. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
  429. package/lib/Image/Image.js +3 -1
  430. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
  431. package/lib/ImportantNotes/ImportantNotes.js +1 -1
  432. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
  433. package/lib/Link/Link.js +7 -4
  434. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
  435. package/lib/Link/props/propTypes.js +1 -0
  436. package/lib/Loader/Loader.js +4 -2
  437. package/lib/Message/Message.js +8 -6
  438. package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
  439. package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  440. package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
  441. package/lib/Onboarding/CarouselDots/CarouselDot/CarouselDot.js +3 -1
  442. package/lib/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
  443. package/lib/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
  444. package/lib/Onboarding/Onboarding.js +10 -8
  445. package/lib/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
  446. package/lib/PlusIcon/PlusIcon.js +5 -3
  447. package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
  448. package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
  449. package/lib/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
  450. package/lib/ToastMessage/ToastMessage.js +4 -2
  451. package/lib/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
  452. package/lib/Upload/Upload.js +6 -4
  453. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
  454. package/lib/VideoLookup/VideoLookup.js +5 -3
  455. package/lib/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
  456. package/lib/alert/AlertHeader/AlertHeader.js +3 -1
  457. package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
  458. package/lib/alert/AlertLookup/AlertLookup.js +4 -2
  459. package/lib/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  460. package/lib/avatar/AvatarClose/AvatarClose.js +5 -3
  461. package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  462. package/lib/avatar/AvatarCollision/AvatarCollision.js +5 -3
  463. package/lib/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  464. package/lib/avatar/AvatarIcon/AvatarIcon.js +1 -1
  465. package/lib/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
  466. package/lib/avatar/AvatarStatus/AvatarStatus.js +4 -2
  467. package/lib/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
  468. package/lib/avatar/AvatarThread/AvatarThread.js +6 -4
  469. package/lib/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
  470. package/lib/avatar/AvatarUser/AvatarUser.js +7 -5
  471. package/lib/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  472. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +4 -2
  473. package/lib/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
  474. package/lib/deprecated/FreezeLayer/FreezeLayer.js +3 -1
  475. package/lib/deprecated/SelectDropdown/SelectDropdown.js +5 -3
  476. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +9 -7
  477. package/lib/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
  478. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +9 -7
  479. package/lib/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  480. package/lib/emptystate/EditionPage/EditionPage.js +10 -8
  481. package/lib/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  482. package/lib/errorstate/Inconvenience/Inconvenience.js +5 -3
  483. package/lib/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  484. package/lib/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  485. package/lib/errorstate/NoRequestFound/NoRequestFound.js +5 -3
  486. package/lib/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  487. package/lib/errorstate/PermissionPlay/PermissionPlay.js +6 -4
  488. package/lib/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  489. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +5 -3
  490. package/lib/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  491. package/lib/errorstate/UnableToProcess/UnableToProcess.js +5 -3
  492. package/lib/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  493. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +5 -3
  494. package/lib/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  495. package/lib/errorstate/WillBack/WillBack.js +7 -5
  496. package/lib/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
  497. package/lib/form/fields/CheckBoxField/CheckBoxField.js +4 -2
  498. package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
  499. package/lib/form/fields/CurrencyField/CurrencyField.js +4 -2
  500. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
  501. package/lib/form/fields/DateField/DateField.js +5 -3
  502. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
  503. package/lib/form/fields/FieldContainer/FieldContainer.js +3 -1
  504. package/lib/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
  505. package/lib/form/fields/MultiSelectField/MultiSelectField.js +3 -1
  506. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
  507. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
  508. package/lib/form/fields/RadioField/RadioField.js +6 -4
  509. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
  510. package/lib/form/fields/SelectField/SelectField.js +4 -2
  511. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
  512. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -2
  513. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
  514. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -1
  515. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
  516. package/lib/form/fields/TextBoxField/TextBoxField.js +4 -2
  517. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
  518. package/lib/form/fields/TextEditor/TextEditor.js +6 -4
  519. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
  520. package/lib/form/fields/TextEditorField/TextEditorField.js +4 -2
  521. package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
  522. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +4 -2
  523. package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  524. package/lib/form/fields/TextareaField/TextareaField.js +6 -4
  525. package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
  526. package/lib/form/fields/ValidationMessage/ValidationMessage.js +3 -1
  527. package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
  528. package/lib/form/layout/Field/Field.js +5 -3
  529. package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
  530. package/lib/form/layout/Section/Section.js +5 -3
  531. package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  532. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +8 -6
  533. package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
  534. package/lib/layout/SubtabLayout/SubtabLayout.js +4 -2
  535. package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
  536. package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
  537. package/lib/list/BluePrintStatus/BluePrintStatus.js +3 -1
  538. package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
  539. package/lib/list/Comment/Comment.js +4 -2
  540. package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  541. package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  542. package/lib/list/Dot/Dot.js +3 -1
  543. package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  544. package/lib/list/DotNew/DotNew.js +3 -1
  545. package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  546. package/lib/list/GridStencils/GridStencils.js +7 -5
  547. package/lib/list/Icons/AddNewIcon.js +3 -1
  548. package/lib/list/Icons/CompleteIcon.js +3 -1
  549. package/lib/list/Icons/DeleteIcon.js +3 -1
  550. package/lib/list/Icons/EditIcon.js +3 -1
  551. package/lib/list/Icons/FloatingIcons.js +3 -1
  552. package/lib/list/Icons/ReadUnreadIcon.js +3 -1
  553. package/lib/list/Icons/SmartIcon.js +3 -1
  554. package/lib/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  555. package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  556. package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  557. package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  558. package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  559. package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  560. package/lib/list/ListLayout/ListLayout.js +3 -1
  561. package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  562. package/lib/list/ListStencils/ListStencils.js +9 -7
  563. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
  564. package/lib/list/SecondaryText/AccountName.js +1 -1
  565. package/lib/list/SecondaryText/ContactName.js +1 -1
  566. package/lib/list/SecondaryText/HappinessRating.js +5 -3
  567. package/lib/list/SecondaryText/TicketId.js +3 -1
  568. package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
  569. package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
  570. package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  571. package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
  572. package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  573. package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
  574. package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  575. package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  576. package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  577. package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  578. package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  579. package/lib/list/SecondryPanel/SecondryPanel.js +3 -1
  580. package/lib/list/SentimentStatus/SentimentStatus.js +3 -1
  581. package/lib/list/Subject/Subject.js +2 -2
  582. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
  583. package/lib/list/TagNew/TagNew.js +3 -1
  584. package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  585. package/lib/list/Thread/Thread.js +3 -1
  586. package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  587. package/lib/list/status/StatusDropdown/StatusDropdown.js +6 -4
  588. package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -1
  589. package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
  590. package/lib/list/status/StatusListItem/StatusListItem.js +3 -1
  591. package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
  592. package/lib/lookup/EmptyPage/EmptyPage.js +4 -2
  593. package/lib/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  594. package/lib/lookup/Lookup/Lookup.js +52 -18
  595. package/lib/lookup/Lookup/Lookup.module.css +19 -0
  596. package/lib/lookup/Lookup/__tests__/Lookup.spec.js +120 -4
  597. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +285 -3
  598. package/lib/lookup/Lookup/props/defaultProps.js +3 -2
  599. package/lib/lookup/Lookup/props/propTypes.js +15 -2
  600. package/lib/lookup/Section/Section.js +13 -5
  601. package/lib/lookup/Section/__tests__/Section.spec.js +40 -1
  602. package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +133 -3
  603. package/lib/lookup/Section/props/defaultProps.js +13 -0
  604. package/lib/lookup/Section/props/propTypes.js +6 -0
  605. package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
  606. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +49 -25
  607. package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +177 -2
  608. package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +775 -5
  609. package/lib/lookup/header/ModuleHeader/props/defaultProps.js +6 -0
  610. package/lib/lookup/header/ModuleHeader/props/propTypes.js +25 -1
  611. package/lib/lookup/header/Search/Search.js +4 -2
  612. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
  613. package/lib/lookup/header/TicketHeader/TicketHeader.js +4 -2
  614. package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  615. package/lib/lookup/header/Title/Title.js +6 -2
  616. package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  617. package/lib/lookup/header/Title/props/propTypes.js +1 -0
  618. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +8 -6
  619. package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  620. package/lib/setup/header/Button/Button.js +3 -1
  621. package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
  622. package/lib/setup/header/Search/Search.js +4 -2
  623. package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
  624. package/lib/setup/header/Views/Views.js +5 -3
  625. package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  626. package/lib/setup/helptips/Description/Description.js +3 -1
  627. package/lib/setup/helptips/Link/Link.js +3 -1
  628. package/lib/setup/helptips/ListGroup/ListGroup.js +6 -4
  629. package/lib/setup/helptips/Title/Title.js +3 -1
  630. package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
  631. package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
  632. package/lib/setup/table/TableData/TableData.js +1 -1
  633. package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
  634. package/lib/setup/table/TableHead/TableHead.js +1 -1
  635. package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
  636. package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
  637. package/lib/setup/table/Text/Text.js +4 -2
  638. package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
  639. package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  640. package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  641. package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  642. package/lib/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
  643. package/lib/version2/GlobalNotification/GlobalNotification.js +4 -2
  644. package/lib/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
  645. package/lib/version2/alertIcons/AlarmAlertIcon.js +14 -12
  646. package/lib/version2/alertIcons/AlertIcons.js +3 -1
  647. package/lib/version2/alertIcons/DangerAlertIcon.js +14 -12
  648. package/lib/version2/alertIcons/ErrorAlertIcon.js +15 -13
  649. package/lib/version2/alertIcons/InfoAlertIcon.js +16 -14
  650. package/lib/version2/alertIcons/NotificationAlertIcon.js +15 -13
  651. package/lib/version2/alertIcons/SuccessAlertIcon.js +14 -12
  652. package/lib/version2/alertIcons/WarningAlertIcon.js +14 -12
  653. package/lib/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
  654. package/lib/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
  655. package/lib/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
  656. package/lib/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
  657. package/lib/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
  658. package/lib/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
  659. package/lib/version2/lookup/AlertHeader/AlertHeader.js +20 -8
  660. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +113 -2
  661. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +1694 -7
  662. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +7 -3
  663. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +5 -0
  664. package/lib/version2/lookup/AlertHeader/props/propTypes.js +9 -0
  665. package/lib/version2/lookup/AlertLookup/AlertLookup.js +15 -10
  666. package/lib/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  667. package/lib/version2/lookup/AlertLookup/props/defaultProps.js +1 -0
  668. package/lib/version2/lookup/AlertLookup/props/propTypes.js +1 -0
  669. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +9 -7
  670. package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
  671. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -1
  672. package/lib/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  673. package/package.json +20 -20
package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap CHANGED
@@ -10,33 +10,33 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
10
10
  style="z-index: 4;"
11
11
  >
12
12
  <div
13
- class="flex cover rowdir"
13
+ class="flex fullSize row"
14
14
  data-id="reactFreezeLayer"
15
15
  data-selector-id="container"
16
16
  data-test-id="reactFreezeLayer"
17
17
  >
18
18
  <div
19
- class="flex cover coldir scrollnone"
19
+ class="flex fullSize column scroll_hidden"
20
20
  data-id="containerComponent"
21
21
  data-scroll-palette="dark"
22
22
  data-selector-id="container"
23
23
  data-test-id="containerComponent"
24
24
  >
25
25
  <div
26
- class="shrinkOff"
26
+ class="noShrink"
27
27
  data-id="boxComponent"
28
28
  data-selector-id="box"
29
29
  data-test-id="boxComponent"
30
30
  >
31
31
  <div
32
- class="header flex cover rowdir between"
32
+ class="flex fullSize row justifyContent_spaceBetween header"
33
33
  data-id="containerComponent"
34
34
  data-selector-id="container"
35
35
  data-test-id="containerComponent"
36
36
  tabindex="0"
37
37
  >
38
38
  <div
39
- class="title shrinkOn"
39
+ class="shrink title"
40
40
  data-id="attachName"
41
41
  data-selector-id="box"
42
42
  data-test-id="attachName"
@@ -46,7 +46,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
46
46
  slack0.jpg
47
47
  </div>
48
48
  <div
49
- class="count grow basis shrinkOff"
49
+ class="flexible basis_zero noShrink count"
50
50
  data-id="attachCountContainer"
51
51
  data-selector-id="box"
52
52
  data-test-id="attachCountContainer"
@@ -54,13 +54,13 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
54
54
  1/7
55
55
  </div>
56
56
  <div
57
- class="menuBar shrinkOff"
57
+ class="noShrink menuBar"
58
58
  data-id="boxComponent"
59
59
  data-selector-id="box"
60
60
  data-test-id="boxComponent"
61
61
  >
62
62
  <div
63
- class="inflex rowdir wrap"
63
+ class="inlineFlex row wrap"
64
64
  data-id="containerComponent"
65
65
  data-selector-id="container"
66
66
  data-test-id="containerComponent"
@@ -69,17 +69,17 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
69
69
  class="menu"
70
70
  >
71
71
  <a
72
- class="container "
72
+ class="container"
73
73
  data-id="AttachmentViewer_downloadAttach"
74
74
  data-test-id="AttachmentViewer_downloadAttach"
75
- download=""
75
+ download="slack0.jpg"
76
76
  href="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
77
77
  rel="noopener noreferrer"
78
78
  target="_parent"
79
79
  >
80
80
  <div
81
81
  aria-pressed="false"
82
- class="large wrapper menuIcon undefined effect default border borderHover hoverEffect inflex coldir both"
82
+ class="inlineFlex column alignItems_center justifyContent_center large wrapper menuIcon effect default border borderHover hoverEffect"
83
83
  data-id="iconContainer"
84
84
  data-ishtml="false"
85
85
  data-selector-id="iconButton"
@@ -87,7 +87,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
87
87
  >
88
88
  <i
89
89
  aria-hidden="true"
90
- class="zd_font_icons basic icon-download icon_button_center "
90
+ class="zd_font_icons basic icon-download icon_button_center"
91
91
  data-id="fontIcon"
92
92
  data-selector-id="fontIcon"
93
93
  data-test-id="fontIcon"
@@ -103,7 +103,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
103
103
  >
104
104
  <button
105
105
  aria-pressed="false"
106
- class="buttonReset large wrapper menuIcon undefined effect default border borderHover hoverEffect inflex coldir both"
106
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper menuIcon effect default border borderHover hoverEffect"
107
107
  data-id="iconContainer"
108
108
  data-ishtml="false"
109
109
  data-selector-id="iconButton"
@@ -111,7 +111,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
111
111
  >
112
112
  <i
113
113
  aria-hidden="true"
114
- class="zd_font_icons basic icon-cross icon_button_center "
114
+ class="zd_font_icons basic icon-cross icon_button_center"
115
115
  data-id="fontIcon"
116
116
  data-selector-id="fontIcon"
117
117
  data-test-id="fontIcon"
@@ -124,7 +124,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
124
124
  </div>
125
125
  </div>
126
126
  <div
127
- class="grow basis shrinkOff"
127
+ class="flexible basis_zero noShrink"
128
128
  data-id="boxComponent"
129
129
  data-selector-id="box"
130
130
  data-test-id="boxComponent"
@@ -132,13 +132,13 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
132
132
  tabindex="0"
133
133
  >
134
134
  <div
135
- class="flex cover rowdir"
135
+ class="flex fullSize row"
136
136
  data-id="containerComponent"
137
137
  data-selector-id="container"
138
138
  data-test-id="containerComponent"
139
139
  >
140
140
  <div
141
- class="arrowBox nrmlArrowBox hidden shrinkOff"
141
+ class="noShrink arrowBox nrmlArrowBox hidden"
142
142
  data-id="boxComponent"
143
143
  data-selector-id="box"
144
144
  data-test-id="boxComponent"
@@ -149,7 +149,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
149
149
  >
150
150
  <i
151
151
  aria-hidden="true"
152
- class="zd_font_icons basic icon-arrow-left3 fbold arrow rtl "
152
+ class="zd_font_icons rtl basic icon-arrow-left3 fbold arrow"
153
153
  data-id="leftAttachNav"
154
154
  data-selector-id="fontIcon"
155
155
  data-test-id="leftAttachNav"
@@ -158,14 +158,14 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
158
158
  </div>
159
159
  <div
160
160
  aria-describedby="1"
161
- class="previewBox grow basis shrinkOff scrollboth"
161
+ class="flexible basis_zero noShrink scroll_both previewBox"
162
162
  data-id="boxComponent"
163
163
  data-selector-id="box"
164
164
  data-test-id="boxComponent"
165
165
  tabindex="0"
166
166
  >
167
167
  <div
168
- class="imgBox flex cover rowdir both"
168
+ class="flex fullSize row alignItems_center justifyContent_center imgBox"
169
169
  data-id="containerComponent"
170
170
  data-selector-id="container"
171
171
  data-test-id="containerComponent"
@@ -173,7 +173,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
173
173
  style="transform: translateX(0%); opacity: 1;"
174
174
  >
175
175
  <div
176
- class="imgRef shrinkOff"
176
+ class="noShrink imgRef"
177
177
  data-id="boxComponent"
178
178
  data-selector-id="box"
179
179
  data-test-id="boxComponent"
@@ -192,7 +192,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
192
192
  </div>
193
193
  </div>
194
194
  <div
195
- class="arrowBox nrmlArrowBox shrinkOff"
195
+ class="noShrink arrowBox nrmlArrowBox"
196
196
  data-id="boxComponent"
197
197
  data-selector-id="box"
198
198
  data-test-id="boxComponent"
@@ -203,7 +203,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
203
203
  >
204
204
  <i
205
205
  aria-hidden="true"
206
- class="zd_font_icons basic icon-arrow-right3 fbold arrow rtl "
206
+ class="zd_font_icons rtl basic icon-arrow-right3 fbold arrow"
207
207
  data-id="rightAttachNav"
208
208
  data-selector-id="fontIcon"
209
209
  data-test-id="rightAttachNav"
@@ -213,31 +213,31 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
213
213
  </div>
214
214
  </div>
215
215
  <div
216
- class="footer footerHeight shrinkOff"
216
+ class="noShrink footer footerHeight"
217
217
  data-id="AttachmentViewer_attachPreviewFooter"
218
218
  data-selector-id="box"
219
219
  data-test-id="AttachmentViewer_attachPreviewFooter"
220
220
  >
221
221
  <div
222
- class="footerHeight flex cover rowdir vCenter"
222
+ class="flex fullSize row alignItems_center footerHeight"
223
223
  data-id="containerComponent"
224
224
  data-selector-id="container"
225
225
  data-test-id="containerComponent"
226
226
  >
227
227
  <div
228
- class="grow basis shrinkOff"
228
+ class="flexible basis_zero noShrink"
229
229
  data-id="boxComponent"
230
230
  data-selector-id="box"
231
231
  data-test-id="boxComponent"
232
232
  >
233
233
  <div
234
- class="listContainer flex cover rowdir vCenter scrollx"
234
+ class="flex fullSize row alignItems_center scroll_horizontal listContainer"
235
235
  data-id="containerComponent"
236
236
  data-selector-id="container"
237
237
  data-test-id="containerComponent"
238
238
  >
239
239
  <div
240
- class="imgItem selected shrinkOff"
240
+ class="noShrink imgItem selected"
241
241
  data-id="attachPreviewList"
242
242
  data-selector-id="box"
243
243
  data-test-id="attachPreviewList"
@@ -254,7 +254,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
254
254
  </div>
255
255
  </div>
256
256
  <div
257
- class="imgItem shrinkOff"
257
+ class="noShrink imgItem"
258
258
  data-id="attachPreviewList"
259
259
  data-selector-id="box"
260
260
  data-test-id="attachPreviewList"
@@ -271,7 +271,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
271
271
  </div>
272
272
  </div>
273
273
  <div
274
- class="imgItem shrinkOff"
274
+ class="noShrink imgItem"
275
275
  data-id="attachPreviewList"
276
276
  data-selector-id="box"
277
277
  data-test-id="attachPreviewList"
@@ -288,7 +288,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
288
288
  </div>
289
289
  </div>
290
290
  <div
291
- class="imgItem shrinkOff"
291
+ class="noShrink imgItem"
292
292
  data-id="attachPreviewList"
293
293
  data-selector-id="box"
294
294
  data-test-id="attachPreviewList"
@@ -305,7 +305,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
305
305
  </div>
306
306
  </div>
307
307
  <div
308
- class="imgItem shrinkOff"
308
+ class="noShrink imgItem"
309
309
  data-id="attachPreviewList"
310
310
  data-selector-id="box"
311
311
  data-test-id="attachPreviewList"
@@ -322,7 +322,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
322
322
  </div>
323
323
  </div>
324
324
  <div
325
- class="imgItem shrinkOff"
325
+ class="noShrink imgItem"
326
326
  data-id="attachPreviewList"
327
327
  data-selector-id="box"
328
328
  data-test-id="attachPreviewList"
@@ -339,7 +339,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
339
339
  </div>
340
340
  </div>
341
341
  <div
342
- class="imgItem previewIconDiv shrinkOff"
342
+ class="noShrink imgItem previewIconDiv"
343
343
  data-id="attachPreviewList"
344
344
  data-selector-id="box"
345
345
  data-test-id="attachPreviewList"
@@ -347,7 +347,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
347
347
  >
348
348
  <i
349
349
  aria-hidden="true"
350
- class="zd_font_icons basic icon-fileMp3 prevFooterIcon "
350
+ class="zd_font_icons basic icon-fileMp3 prevFooterIcon"
351
351
  data-id="fontIcon"
352
352
  data-selector-id="fontIcon"
353
353
  data-test-id="fontIcon"
@@ -360,7 +360,7 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
360
360
  </div>
361
361
  <button
362
362
  aria-pressed="false"
363
- class="buttonReset large wrapper button undefined effect default border borderHover hoverEffect inflex coldir both"
363
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper button effect default border borderHover hoverEffect"
364
364
  data-id="attachToggle"
365
365
  data-ishtml="false"
366
366
  data-selector-id="iconButton"
@@ -368,7 +368,784 @@ exports[`AttachmentViewer rendering the when isActive is true 1`] = `
368
368
  >
369
369
  <i
370
370
  aria-hidden="true"
371
- class="zd_font_icons basic icon-hideTab thumpIcon thumpIconActive icon_button_center "
371
+ class="zd_font_icons basic icon-hideTab icon_button_center thumpIcon thumpIconActive"
372
+ data-id="fontIcon"
373
+ data-selector-id="fontIcon"
374
+ data-test-id="fontIcon"
375
+ style="--zd-iconfont-size: var(--zd_font_size14);"
376
+ />
377
+ </button>
378
+ </div>
379
+ </div>
380
+ </div>
381
+ </DocumentFragment>
382
+ `;
383
+
384
+ exports[`AttachmentViewer rendering with renderCustomIcons 1`] = `
385
+ <DocumentFragment>
386
+ <div
387
+ class="container index5 dark"
388
+ data-drag-parent="true"
389
+ style="z-index: 4;"
390
+ >
391
+ <div
392
+ class="flex fullSize row"
393
+ data-id="reactFreezeLayer"
394
+ data-selector-id="container"
395
+ data-test-id="reactFreezeLayer"
396
+ >
397
+ <div
398
+ class="flex fullSize column scroll_hidden"
399
+ data-id="containerComponent"
400
+ data-scroll-palette="dark"
401
+ data-selector-id="container"
402
+ data-test-id="containerComponent"
403
+ >
404
+ <div
405
+ class="noShrink"
406
+ data-id="boxComponent"
407
+ data-selector-id="box"
408
+ data-test-id="boxComponent"
409
+ >
410
+ <div
411
+ class="flex fullSize row justifyContent_spaceBetween header"
412
+ data-id="containerComponent"
413
+ data-selector-id="container"
414
+ data-test-id="containerComponent"
415
+ tabindex="0"
416
+ >
417
+ <div
418
+ class="shrink title"
419
+ data-id="attachName"
420
+ data-selector-id="box"
421
+ data-test-id="attachName"
422
+ data-title="slack0.jpg"
423
+ id="1"
424
+ >
425
+ slack0.jpg
426
+ </div>
427
+ <div
428
+ class="flexible basis_zero noShrink count"
429
+ data-id="attachCountContainer"
430
+ data-selector-id="box"
431
+ data-test-id="attachCountContainer"
432
+ >
433
+ 1/7
434
+ </div>
435
+ <div
436
+ class="noShrink menuBar"
437
+ data-id="boxComponent"
438
+ data-selector-id="box"
439
+ data-test-id="boxComponent"
440
+ >
441
+ <div
442
+ class="inlineFlex row wrap"
443
+ data-id="containerComponent"
444
+ data-selector-id="container"
445
+ data-test-id="containerComponent"
446
+ >
447
+ <div
448
+ data-id="customIcons"
449
+ >
450
+ <span
451
+ data-id="customIcons_name"
452
+ >
453
+ slack0.jpg
454
+ </span>
455
+ <span
456
+ data-id="customIcons_index"
457
+ >
458
+ 1/7
459
+ </span>
460
+ </div>
461
+ <div
462
+ class="menu"
463
+ >
464
+ <a
465
+ class="container"
466
+ data-id="AttachmentViewer_downloadAttach"
467
+ data-test-id="AttachmentViewer_downloadAttach"
468
+ download="slack0.jpg"
469
+ href="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
470
+ rel="noopener noreferrer"
471
+ target="_parent"
472
+ >
473
+ <div
474
+ aria-pressed="false"
475
+ class="inlineFlex column alignItems_center justifyContent_center large wrapper menuIcon effect default border borderHover hoverEffect"
476
+ data-id="iconContainer"
477
+ data-ishtml="false"
478
+ data-selector-id="iconButton"
479
+ data-test-id="iconContainer"
480
+ >
481
+ <i
482
+ aria-hidden="true"
483
+ class="zd_font_icons basic icon-download icon_button_center"
484
+ data-id="fontIcon"
485
+ data-selector-id="fontIcon"
486
+ data-test-id="fontIcon"
487
+ style="--zd-iconfont-size: var(--zd_font_size16);"
488
+ />
489
+ </div>
490
+ </a>
491
+ </div>
492
+ <div
493
+ class="menu"
494
+ data-id="closeAttach"
495
+ data-test-id="closeAttach"
496
+ >
497
+ <button
498
+ aria-pressed="false"
499
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper menuIcon effect default border borderHover hoverEffect"
500
+ data-id="iconContainer"
501
+ data-ishtml="false"
502
+ data-selector-id="iconButton"
503
+ data-test-id="iconContainer"
504
+ >
505
+ <i
506
+ aria-hidden="true"
507
+ class="zd_font_icons basic icon-cross icon_button_center"
508
+ data-id="fontIcon"
509
+ data-selector-id="fontIcon"
510
+ data-test-id="fontIcon"
511
+ style="--zd-iconfont-size: var(--zd_font_size15);"
512
+ />
513
+ </button>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ </div>
519
+ <div
520
+ class="flexible basis_zero noShrink"
521
+ data-id="boxComponent"
522
+ data-selector-id="box"
523
+ data-test-id="boxComponent"
524
+ role="toolbar"
525
+ tabindex="0"
526
+ >
527
+ <div
528
+ class="flex fullSize row"
529
+ data-id="containerComponent"
530
+ data-selector-id="container"
531
+ data-test-id="containerComponent"
532
+ >
533
+ <div
534
+ class="noShrink arrowBox nrmlArrowBox hidden"
535
+ data-id="boxComponent"
536
+ data-selector-id="box"
537
+ data-test-id="boxComponent"
538
+ data-title-position="left"
539
+ >
540
+ <button
541
+ class="btn"
542
+ >
543
+ <i
544
+ aria-hidden="true"
545
+ class="zd_font_icons rtl basic icon-arrow-left3 fbold arrow"
546
+ data-id="leftAttachNav"
547
+ data-selector-id="fontIcon"
548
+ data-test-id="leftAttachNav"
549
+ />
550
+ </button>
551
+ </div>
552
+ <div
553
+ aria-describedby="1"
554
+ class="flexible basis_zero noShrink scroll_both previewBox"
555
+ data-id="boxComponent"
556
+ data-selector-id="box"
557
+ data-test-id="boxComponent"
558
+ tabindex="0"
559
+ >
560
+ <div
561
+ class="flex fullSize row alignItems_center justifyContent_center imgBox"
562
+ data-id="containerComponent"
563
+ data-selector-id="container"
564
+ data-test-id="containerComponent"
565
+ id="imgBox0"
566
+ style="transform: translateX(0%); opacity: 1;"
567
+ >
568
+ <div
569
+ class="noShrink imgRef"
570
+ data-id="boxComponent"
571
+ data-selector-id="box"
572
+ data-test-id="boxComponent"
573
+ id="imgPreviewRef0"
574
+ >
575
+ <div
576
+ class="spinLoad"
577
+ data-id="attachViewer_loader"
578
+ data-test-id="attachViewer_loader"
579
+ >
580
+ <div
581
+ class="loader"
582
+ />
583
+ </div>
584
+ </div>
585
+ </div>
586
+ </div>
587
+ <div
588
+ class="noShrink arrowBox nrmlArrowBox"
589
+ data-id="boxComponent"
590
+ data-selector-id="box"
591
+ data-test-id="boxComponent"
592
+ data-title-position="right"
593
+ >
594
+ <button
595
+ class="btn"
596
+ >
597
+ <i
598
+ aria-hidden="true"
599
+ class="zd_font_icons rtl basic icon-arrow-right3 fbold arrow"
600
+ data-id="rightAttachNav"
601
+ data-selector-id="fontIcon"
602
+ data-test-id="rightAttachNav"
603
+ />
604
+ </button>
605
+ </div>
606
+ </div>
607
+ </div>
608
+ <div
609
+ class="noShrink footer footerHeight"
610
+ data-id="AttachmentViewer_attachPreviewFooter"
611
+ data-selector-id="box"
612
+ data-test-id="AttachmentViewer_attachPreviewFooter"
613
+ >
614
+ <div
615
+ class="flex fullSize row alignItems_center footerHeight"
616
+ data-id="containerComponent"
617
+ data-selector-id="container"
618
+ data-test-id="containerComponent"
619
+ >
620
+ <div
621
+ class="flexible basis_zero noShrink"
622
+ data-id="boxComponent"
623
+ data-selector-id="box"
624
+ data-test-id="boxComponent"
625
+ >
626
+ <div
627
+ class="flex fullSize row alignItems_center scroll_horizontal listContainer"
628
+ data-id="containerComponent"
629
+ data-selector-id="container"
630
+ data-test-id="containerComponent"
631
+ >
632
+ <div
633
+ class="noShrink imgItem selected"
634
+ data-id="attachPreviewList"
635
+ data-selector-id="box"
636
+ data-test-id="attachPreviewList"
637
+ data-title="slack0.jpg"
638
+ >
639
+ <div
640
+ class="spinLoad"
641
+ data-id="AttachmentImage_loader"
642
+ data-test-id="AttachmentImage_loader"
643
+ >
644
+ <div
645
+ class="loader"
646
+ />
647
+ </div>
648
+ </div>
649
+ <div
650
+ class="noShrink imgItem"
651
+ data-id="attachPreviewList"
652
+ data-selector-id="box"
653
+ data-test-id="attachPreviewList"
654
+ data-title="slack1.jpg"
655
+ >
656
+ <div
657
+ class="spinLoad"
658
+ data-id="AttachmentImage_loader"
659
+ data-test-id="AttachmentImage_loader"
660
+ >
661
+ <div
662
+ class="loader"
663
+ />
664
+ </div>
665
+ </div>
666
+ <div
667
+ class="noShrink imgItem"
668
+ data-id="attachPreviewList"
669
+ data-selector-id="box"
670
+ data-test-id="attachPreviewList"
671
+ data-title="slack2.jpg"
672
+ >
673
+ <div
674
+ class="spinLoad"
675
+ data-id="AttachmentImage_loader"
676
+ data-test-id="AttachmentImage_loader"
677
+ >
678
+ <div
679
+ class="loader"
680
+ />
681
+ </div>
682
+ </div>
683
+ <div
684
+ class="noShrink imgItem"
685
+ data-id="attachPreviewList"
686
+ data-selector-id="box"
687
+ data-test-id="attachPreviewList"
688
+ data-title="slack3.jpg"
689
+ >
690
+ <div
691
+ class="spinLoad"
692
+ data-id="AttachmentImage_loader"
693
+ data-test-id="AttachmentImage_loader"
694
+ >
695
+ <div
696
+ class="loader"
697
+ />
698
+ </div>
699
+ </div>
700
+ <div
701
+ class="noShrink imgItem"
702
+ data-id="attachPreviewList"
703
+ data-selector-id="box"
704
+ data-test-id="attachPreviewList"
705
+ data-title="slack4.jpg"
706
+ >
707
+ <div
708
+ class="spinLoad"
709
+ data-id="AttachmentImage_loader"
710
+ data-test-id="AttachmentImage_loader"
711
+ >
712
+ <div
713
+ class="loader"
714
+ />
715
+ </div>
716
+ </div>
717
+ <div
718
+ class="noShrink imgItem"
719
+ data-id="attachPreviewList"
720
+ data-selector-id="box"
721
+ data-test-id="attachPreviewList"
722
+ data-title="slack5.jpg"
723
+ >
724
+ <div
725
+ class="spinLoad"
726
+ data-id="AttachmentImage_loader"
727
+ data-test-id="AttachmentImage_loader"
728
+ >
729
+ <div
730
+ class="loader"
731
+ />
732
+ </div>
733
+ </div>
734
+ <div
735
+ class="noShrink imgItem previewIconDiv"
736
+ data-id="attachPreviewList"
737
+ data-selector-id="box"
738
+ data-test-id="attachPreviewList"
739
+ data-title="slack5.mp3"
740
+ >
741
+ <i
742
+ aria-hidden="true"
743
+ class="zd_font_icons basic icon-fileMp3 prevFooterIcon"
744
+ data-id="fontIcon"
745
+ data-selector-id="fontIcon"
746
+ data-test-id="fontIcon"
747
+ style="--zd-iconfont-size: var(--zd_font_size40);"
748
+ />
749
+ </div>
750
+ </div>
751
+ </div>
752
+ </div>
753
+ </div>
754
+ <button
755
+ aria-pressed="false"
756
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper button effect default border borderHover hoverEffect"
757
+ data-id="attachToggle"
758
+ data-ishtml="false"
759
+ data-selector-id="iconButton"
760
+ data-test-id="attachToggle"
761
+ >
762
+ <i
763
+ aria-hidden="true"
764
+ class="zd_font_icons basic icon-hideTab icon_button_center thumpIcon thumpIconActive"
765
+ data-id="fontIcon"
766
+ data-selector-id="fontIcon"
767
+ data-test-id="fontIcon"
768
+ style="--zd-iconfont-size: var(--zd_font_size14);"
769
+ />
770
+ </button>
771
+ </div>
772
+ </div>
773
+ </div>
774
+ </DocumentFragment>
775
+ `;
776
+
777
+ exports[`AttachmentViewer rendering with renderCustomImagePreviewElement 1`] = `
778
+ <DocumentFragment>
779
+ <div
780
+ class="container index5 dark"
781
+ data-drag-parent="true"
782
+ style="z-index: 4;"
783
+ >
784
+ <div
785
+ class="flex fullSize row"
786
+ data-id="reactFreezeLayer"
787
+ data-selector-id="container"
788
+ data-test-id="reactFreezeLayer"
789
+ >
790
+ <div
791
+ class="flex fullSize column scroll_hidden"
792
+ data-id="containerComponent"
793
+ data-scroll-palette="dark"
794
+ data-selector-id="container"
795
+ data-test-id="containerComponent"
796
+ >
797
+ <div
798
+ class="noShrink"
799
+ data-id="boxComponent"
800
+ data-selector-id="box"
801
+ data-test-id="boxComponent"
802
+ >
803
+ <div
804
+ class="flex fullSize row justifyContent_spaceBetween header"
805
+ data-id="containerComponent"
806
+ data-selector-id="container"
807
+ data-test-id="containerComponent"
808
+ tabindex="0"
809
+ >
810
+ <div
811
+ class="shrink title"
812
+ data-id="attachName"
813
+ data-selector-id="box"
814
+ data-test-id="attachName"
815
+ data-title="slack0.jpg"
816
+ id="1"
817
+ >
818
+ slack0.jpg
819
+ </div>
820
+ <div
821
+ class="flexible basis_zero noShrink count"
822
+ data-id="attachCountContainer"
823
+ data-selector-id="box"
824
+ data-test-id="attachCountContainer"
825
+ >
826
+ 1/7
827
+ </div>
828
+ <div
829
+ class="noShrink menuBar"
830
+ data-id="boxComponent"
831
+ data-selector-id="box"
832
+ data-test-id="boxComponent"
833
+ >
834
+ <div
835
+ class="inlineFlex row wrap"
836
+ data-id="containerComponent"
837
+ data-selector-id="container"
838
+ data-test-id="containerComponent"
839
+ >
840
+ <div
841
+ class="menu"
842
+ >
843
+ <a
844
+ class="container"
845
+ data-id="AttachmentViewer_downloadAttach"
846
+ data-test-id="AttachmentViewer_downloadAttach"
847
+ download="slack0.jpg"
848
+ href="https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG"
849
+ rel="noopener noreferrer"
850
+ target="_parent"
851
+ >
852
+ <div
853
+ aria-pressed="false"
854
+ class="inlineFlex column alignItems_center justifyContent_center large wrapper menuIcon effect default border borderHover hoverEffect"
855
+ data-id="iconContainer"
856
+ data-ishtml="false"
857
+ data-selector-id="iconButton"
858
+ data-test-id="iconContainer"
859
+ >
860
+ <i
861
+ aria-hidden="true"
862
+ class="zd_font_icons basic icon-download icon_button_center"
863
+ data-id="fontIcon"
864
+ data-selector-id="fontIcon"
865
+ data-test-id="fontIcon"
866
+ style="--zd-iconfont-size: var(--zd_font_size16);"
867
+ />
868
+ </div>
869
+ </a>
870
+ </div>
871
+ <div
872
+ class="menu"
873
+ data-id="closeAttach"
874
+ data-test-id="closeAttach"
875
+ >
876
+ <button
877
+ aria-pressed="false"
878
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper menuIcon effect default border borderHover hoverEffect"
879
+ data-id="iconContainer"
880
+ data-ishtml="false"
881
+ data-selector-id="iconButton"
882
+ data-test-id="iconContainer"
883
+ >
884
+ <i
885
+ aria-hidden="true"
886
+ class="zd_font_icons basic icon-cross icon_button_center"
887
+ data-id="fontIcon"
888
+ data-selector-id="fontIcon"
889
+ data-test-id="fontIcon"
890
+ style="--zd-iconfont-size: var(--zd_font_size15);"
891
+ />
892
+ </button>
893
+ </div>
894
+ </div>
895
+ </div>
896
+ </div>
897
+ </div>
898
+ <div
899
+ class="flexible basis_zero noShrink"
900
+ data-id="boxComponent"
901
+ data-selector-id="box"
902
+ data-test-id="boxComponent"
903
+ role="toolbar"
904
+ tabindex="0"
905
+ >
906
+ <div
907
+ class="flex fullSize row"
908
+ data-id="containerComponent"
909
+ data-selector-id="container"
910
+ data-test-id="containerComponent"
911
+ >
912
+ <div
913
+ class="noShrink arrowBox nrmlArrowBox hidden"
914
+ data-id="boxComponent"
915
+ data-selector-id="box"
916
+ data-test-id="boxComponent"
917
+ data-title-position="left"
918
+ >
919
+ <button
920
+ class="btn"
921
+ >
922
+ <i
923
+ aria-hidden="true"
924
+ class="zd_font_icons rtl basic icon-arrow-left3 fbold arrow"
925
+ data-id="leftAttachNav"
926
+ data-selector-id="fontIcon"
927
+ data-test-id="leftAttachNav"
928
+ />
929
+ </button>
930
+ </div>
931
+ <div
932
+ aria-describedby="1"
933
+ class="flexible basis_zero noShrink scroll_both previewBox"
934
+ data-id="boxComponent"
935
+ data-selector-id="box"
936
+ data-test-id="boxComponent"
937
+ tabindex="0"
938
+ >
939
+ <div
940
+ class="flex fullSize row alignItems_center justifyContent_center imgBox"
941
+ data-id="containerComponent"
942
+ data-selector-id="container"
943
+ data-test-id="containerComponent"
944
+ id="imgBox0"
945
+ style="transform: translateX(0%); opacity: 1;"
946
+ >
947
+ <div
948
+ class="noShrink imgRef"
949
+ data-id="boxComponent"
950
+ data-selector-id="box"
951
+ data-test-id="boxComponent"
952
+ id="imgPreviewRef0"
953
+ >
954
+ <div
955
+ data-id="customImagePreview"
956
+ >
957
+ <span
958
+ data-id="customImagePreview_name"
959
+ >
960
+ slack0.jpg
961
+ </span>
962
+ <span
963
+ data-id="customImagePreview_index"
964
+ >
965
+ 1/
966
+ </span>
967
+ </div>
968
+ </div>
969
+ </div>
970
+ </div>
971
+ <div
972
+ class="noShrink arrowBox nrmlArrowBox"
973
+ data-id="boxComponent"
974
+ data-selector-id="box"
975
+ data-test-id="boxComponent"
976
+ data-title-position="right"
977
+ >
978
+ <button
979
+ class="btn"
980
+ >
981
+ <i
982
+ aria-hidden="true"
983
+ class="zd_font_icons rtl basic icon-arrow-right3 fbold arrow"
984
+ data-id="rightAttachNav"
985
+ data-selector-id="fontIcon"
986
+ data-test-id="rightAttachNav"
987
+ />
988
+ </button>
989
+ </div>
990
+ </div>
991
+ </div>
992
+ <div
993
+ class="noShrink footer footerHeight"
994
+ data-id="AttachmentViewer_attachPreviewFooter"
995
+ data-selector-id="box"
996
+ data-test-id="AttachmentViewer_attachPreviewFooter"
997
+ >
998
+ <div
999
+ class="flex fullSize row alignItems_center footerHeight"
1000
+ data-id="containerComponent"
1001
+ data-selector-id="container"
1002
+ data-test-id="containerComponent"
1003
+ >
1004
+ <div
1005
+ class="flexible basis_zero noShrink"
1006
+ data-id="boxComponent"
1007
+ data-selector-id="box"
1008
+ data-test-id="boxComponent"
1009
+ >
1010
+ <div
1011
+ class="flex fullSize row alignItems_center scroll_horizontal listContainer"
1012
+ data-id="containerComponent"
1013
+ data-selector-id="container"
1014
+ data-test-id="containerComponent"
1015
+ >
1016
+ <div
1017
+ class="noShrink imgItem selected"
1018
+ data-id="attachPreviewList"
1019
+ data-selector-id="box"
1020
+ data-test-id="attachPreviewList"
1021
+ data-title="slack0.jpg"
1022
+ >
1023
+ <div
1024
+ class="spinLoad"
1025
+ data-id="AttachmentImage_loader"
1026
+ data-test-id="AttachmentImage_loader"
1027
+ >
1028
+ <div
1029
+ class="loader"
1030
+ />
1031
+ </div>
1032
+ </div>
1033
+ <div
1034
+ class="noShrink imgItem"
1035
+ data-id="attachPreviewList"
1036
+ data-selector-id="box"
1037
+ data-test-id="attachPreviewList"
1038
+ data-title="slack1.jpg"
1039
+ >
1040
+ <div
1041
+ class="spinLoad"
1042
+ data-id="AttachmentImage_loader"
1043
+ data-test-id="AttachmentImage_loader"
1044
+ >
1045
+ <div
1046
+ class="loader"
1047
+ />
1048
+ </div>
1049
+ </div>
1050
+ <div
1051
+ class="noShrink imgItem"
1052
+ data-id="attachPreviewList"
1053
+ data-selector-id="box"
1054
+ data-test-id="attachPreviewList"
1055
+ data-title="slack2.jpg"
1056
+ >
1057
+ <div
1058
+ class="spinLoad"
1059
+ data-id="AttachmentImage_loader"
1060
+ data-test-id="AttachmentImage_loader"
1061
+ >
1062
+ <div
1063
+ class="loader"
1064
+ />
1065
+ </div>
1066
+ </div>
1067
+ <div
1068
+ class="noShrink imgItem"
1069
+ data-id="attachPreviewList"
1070
+ data-selector-id="box"
1071
+ data-test-id="attachPreviewList"
1072
+ data-title="slack3.jpg"
1073
+ >
1074
+ <div
1075
+ class="spinLoad"
1076
+ data-id="AttachmentImage_loader"
1077
+ data-test-id="AttachmentImage_loader"
1078
+ >
1079
+ <div
1080
+ class="loader"
1081
+ />
1082
+ </div>
1083
+ </div>
1084
+ <div
1085
+ class="noShrink imgItem"
1086
+ data-id="attachPreviewList"
1087
+ data-selector-id="box"
1088
+ data-test-id="attachPreviewList"
1089
+ data-title="slack4.jpg"
1090
+ >
1091
+ <div
1092
+ class="spinLoad"
1093
+ data-id="AttachmentImage_loader"
1094
+ data-test-id="AttachmentImage_loader"
1095
+ >
1096
+ <div
1097
+ class="loader"
1098
+ />
1099
+ </div>
1100
+ </div>
1101
+ <div
1102
+ class="noShrink imgItem"
1103
+ data-id="attachPreviewList"
1104
+ data-selector-id="box"
1105
+ data-test-id="attachPreviewList"
1106
+ data-title="slack5.jpg"
1107
+ >
1108
+ <div
1109
+ class="spinLoad"
1110
+ data-id="AttachmentImage_loader"
1111
+ data-test-id="AttachmentImage_loader"
1112
+ >
1113
+ <div
1114
+ class="loader"
1115
+ />
1116
+ </div>
1117
+ </div>
1118
+ <div
1119
+ class="noShrink imgItem previewIconDiv"
1120
+ data-id="attachPreviewList"
1121
+ data-selector-id="box"
1122
+ data-test-id="attachPreviewList"
1123
+ data-title="slack5.mp3"
1124
+ >
1125
+ <i
1126
+ aria-hidden="true"
1127
+ class="zd_font_icons basic icon-fileMp3 prevFooterIcon"
1128
+ data-id="fontIcon"
1129
+ data-selector-id="fontIcon"
1130
+ data-test-id="fontIcon"
1131
+ style="--zd-iconfont-size: var(--zd_font_size40);"
1132
+ />
1133
+ </div>
1134
+ </div>
1135
+ </div>
1136
+ </div>
1137
+ </div>
1138
+ <button
1139
+ aria-pressed="false"
1140
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper button effect default border borderHover hoverEffect"
1141
+ data-id="attachToggle"
1142
+ data-ishtml="false"
1143
+ data-selector-id="iconButton"
1144
+ data-test-id="attachToggle"
1145
+ >
1146
+ <i
1147
+ aria-hidden="true"
1148
+ class="zd_font_icons basic icon-hideTab icon_button_center thumpIcon thumpIconActive"
372
1149
  data-id="fontIcon"
373
1150
  data-selector-id="fontIcon"
374
1151
  data-test-id="fontIcon"