@zohodesk/dot 1.9.15 → 1.9.17

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 (404) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +1 -1
  3. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +0 -1
  4. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +0 -1
  5. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +0 -1
  6. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +0 -1
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +0 -1
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +1 -1
  9. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +0 -1
  10. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +0 -1
  11. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +0 -1
  12. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +0 -1
  13. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +0 -1
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +1 -1
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +0 -1
  16. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +0 -1
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +0 -1
  18. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +0 -1
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +0 -1
  20. package/es/ActionButton/ActionButton.js +2 -2
  21. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
  22. package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
  23. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  24. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +108 -108
  25. package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
  26. package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
  27. package/es/ChannelIcon/ChannelIcon.js +3 -3
  28. package/es/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  29. package/es/Drawer/Drawer.js +7 -3
  30. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
  31. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  32. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
  33. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
  34. package/es/Drawer/props/propTypes.js +2 -0
  35. package/es/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
  36. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
  37. package/es/FormAction/FormAction.js +19 -10
  38. package/es/FormAction/__tests__/FormAction.spec.js +97 -3
  39. package/es/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +479 -4
  40. package/es/FormAction/props/propTypes.js +2 -0
  41. package/es/FreezeLayer/css/cssJSLogic.js +2 -2
  42. package/es/IconButton/IconButton.js +2 -2
  43. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
  44. package/es/Image/Image.js +1 -1
  45. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
  46. package/es/ImportantNotes/ImportantNotes.js +1 -1
  47. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
  48. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
  49. package/es/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
  50. package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  51. package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
  52. package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
  53. package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
  54. package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
  55. package/es/PlusIcon/PlusIcon.js +2 -2
  56. package/es/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
  57. package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
  58. package/es/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
  59. package/es/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
  60. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
  61. package/es/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
  62. package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
  63. package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  64. package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  65. package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  66. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
  67. package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
  68. package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
  69. package/es/avatar/AvatarThread/AvatarThread.js +1 -2
  70. package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
  71. package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  72. package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
  73. package/es/deprecated/FreezeLayer/FreezeLayer.js +1 -1
  74. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  75. package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
  76. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +1 -1
  77. package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  78. package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  79. package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  80. package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  81. package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  82. package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  83. package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  84. package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  85. package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  86. package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
  87. package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
  88. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
  89. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
  90. package/es/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
  91. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
  92. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
  93. package/es/form/fields/RadioField/RadioField.js +2 -2
  94. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
  95. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
  96. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
  97. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
  98. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
  99. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
  100. package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
  101. package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  102. package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
  103. package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
  104. package/es/form/layout/Field/Field.js +2 -2
  105. package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
  106. package/es/form/layout/Section/Section.js +1 -1
  107. package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  108. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  109. package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
  110. package/es/layout/SubtabLayout/SubtabLayout.js +1 -1
  111. package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
  112. package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
  113. package/es/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
  114. package/es/list/Comment/Comment.js +1 -1
  115. package/es/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  116. package/es/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  117. package/es/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  118. package/es/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  119. package/es/list/Icons/AddNewIcon.js +1 -1
  120. package/es/list/Icons/CompleteIcon.js +1 -1
  121. package/es/list/Icons/DeleteIcon.js +1 -1
  122. package/es/list/Icons/EditIcon.js +1 -1
  123. package/es/list/Icons/ReadUnreadIcon.js +1 -1
  124. package/es/list/Icons/SmartIcon.js +1 -1
  125. package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  126. package/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  127. package/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  128. package/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  129. package/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  130. package/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  131. package/es/list/ListLayout/ListLayout.js +1 -1
  132. package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  133. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
  134. package/es/list/SecondaryText/AccountName.js +1 -1
  135. package/es/list/SecondaryText/ContactName.js +1 -1
  136. package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
  137. package/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
  138. package/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  139. package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
  140. package/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  141. package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
  142. package/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  143. package/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  144. package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  145. package/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  146. package/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  147. package/es/list/Subject/Subject.js +2 -2
  148. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
  149. package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  150. package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  151. package/es/list/status/StatusDropdown/StatusDropdown.js +2 -2
  152. package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
  153. package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
  154. package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  155. package/es/lookup/Lookup/Lookup.js +47 -18
  156. package/es/lookup/Lookup/Lookup.module.css +19 -0
  157. package/es/lookup/Lookup/__tests__/Lookup.spec.js +120 -4
  158. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +285 -3
  159. package/es/lookup/Lookup/props/defaultProps.js +3 -2
  160. package/es/lookup/Lookup/props/propTypes.js +12 -2
  161. package/es/lookup/Section/Section.js +14 -5
  162. package/es/lookup/Section/__tests__/Section.spec.js +41 -2
  163. package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +133 -3
  164. package/es/lookup/Section/props/defaultProps.js +4 -0
  165. package/es/lookup/Section/props/propTypes.js +5 -0
  166. package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
  167. package/es/lookup/header/ModuleHeader/ModuleHeader.js +47 -18
  168. package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +172 -3
  169. package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +775 -5
  170. package/es/lookup/header/ModuleHeader/props/defaultProps.js +4 -0
  171. package/es/lookup/header/ModuleHeader/props/propTypes.js +21 -1
  172. package/es/lookup/header/Search/Search.js +1 -2
  173. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
  174. package/es/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  175. package/es/lookup/header/Title/Title.js +3 -1
  176. package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  177. package/es/lookup/header/Title/props/propTypes.js +1 -0
  178. package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  179. package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
  180. package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
  181. package/es/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  182. package/es/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
  183. package/es/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
  184. package/es/setup/table/TableData/TableData.js +1 -1
  185. package/es/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
  186. package/es/setup/table/TableHead/TableHead.js +1 -1
  187. package/es/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
  188. package/es/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
  189. package/es/setup/table/Text/Text.js +1 -1
  190. package/es/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
  191. package/es/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  192. package/es/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  193. package/es/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  194. package/es/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
  195. package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
  196. package/es/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
  197. package/es/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
  198. package/es/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
  199. package/es/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
  200. package/es/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
  201. package/es/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
  202. package/es/version2/lookup/AlertHeader/AlertHeader.js +16 -7
  203. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +114 -3
  204. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +1694 -7
  205. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +8 -3
  206. package/es/version2/lookup/AlertHeader/props/defaultProps.js +3 -0
  207. package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -0
  208. package/es/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  209. package/es/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  210. package/es/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
  211. package/es/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  212. package/lib/ActionButton/ActionButton.js +2 -2
  213. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
  214. package/lib/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
  215. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  216. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +108 -108
  217. package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
  218. package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
  219. package/lib/ChannelIcon/ChannelIcon.js +3 -3
  220. package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  221. package/lib/Drawer/Drawer.js +7 -3
  222. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
  223. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  224. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
  225. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
  226. package/lib/Drawer/props/propTypes.js +2 -0
  227. package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
  228. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
  229. package/lib/FormAction/FormAction.js +19 -6
  230. package/lib/FormAction/__tests__/FormAction.spec.js +102 -2
  231. package/lib/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +479 -4
  232. package/lib/FormAction/props/propTypes.js +2 -0
  233. package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
  234. package/lib/IconButton/IconButton.js +2 -2
  235. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
  236. package/lib/Image/Image.js +1 -1
  237. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
  238. package/lib/ImportantNotes/ImportantNotes.js +1 -1
  239. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
  240. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
  241. package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
  242. package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  243. package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
  244. package/lib/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
  245. package/lib/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
  246. package/lib/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
  247. package/lib/PlusIcon/PlusIcon.js +2 -2
  248. package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
  249. package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
  250. package/lib/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
  251. package/lib/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
  252. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
  253. package/lib/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
  254. package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
  255. package/lib/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  256. package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  257. package/lib/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  258. package/lib/avatar/AvatarIcon/AvatarIcon.js +1 -1
  259. package/lib/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
  260. package/lib/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
  261. package/lib/avatar/AvatarThread/AvatarThread.js +1 -1
  262. package/lib/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
  263. package/lib/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  264. package/lib/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
  265. package/lib/deprecated/FreezeLayer/FreezeLayer.js +1 -1
  266. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  267. package/lib/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
  268. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +1 -1
  269. package/lib/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  270. package/lib/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  271. package/lib/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  272. package/lib/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  273. package/lib/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  274. package/lib/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  275. package/lib/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  276. package/lib/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  277. package/lib/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  278. package/lib/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
  279. package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
  280. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
  281. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
  282. package/lib/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
  283. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
  284. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
  285. package/lib/form/fields/RadioField/RadioField.js +1 -1
  286. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
  287. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
  288. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
  289. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
  290. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
  291. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
  292. package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
  293. package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  294. package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
  295. package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
  296. package/lib/form/layout/Field/Field.js +2 -2
  297. package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
  298. package/lib/form/layout/Section/Section.js +1 -1
  299. package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  300. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  301. package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
  302. package/lib/layout/SubtabLayout/SubtabLayout.js +1 -1
  303. package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
  304. package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
  305. package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
  306. package/lib/list/Comment/Comment.js +1 -1
  307. package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  308. package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  309. package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  310. package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  311. package/lib/list/Icons/AddNewIcon.js +1 -1
  312. package/lib/list/Icons/CompleteIcon.js +1 -1
  313. package/lib/list/Icons/DeleteIcon.js +1 -1
  314. package/lib/list/Icons/EditIcon.js +1 -1
  315. package/lib/list/Icons/ReadUnreadIcon.js +1 -1
  316. package/lib/list/Icons/SmartIcon.js +1 -1
  317. package/lib/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  318. package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  319. package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  320. package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  321. package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  322. package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  323. package/lib/list/ListLayout/ListLayout.js +1 -1
  324. package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  325. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
  326. package/lib/list/SecondaryText/AccountName.js +1 -1
  327. package/lib/list/SecondaryText/ContactName.js +1 -1
  328. package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
  329. package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
  330. package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  331. package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
  332. package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  333. package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
  334. package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  335. package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  336. package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  337. package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  338. package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  339. package/lib/list/Subject/Subject.js +2 -2
  340. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
  341. package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  342. package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  343. package/lib/list/status/StatusDropdown/StatusDropdown.js +2 -2
  344. package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
  345. package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
  346. package/lib/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  347. package/lib/lookup/Lookup/Lookup.js +50 -18
  348. package/lib/lookup/Lookup/Lookup.module.css +19 -0
  349. package/lib/lookup/Lookup/__tests__/Lookup.spec.js +120 -4
  350. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +285 -3
  351. package/lib/lookup/Lookup/props/defaultProps.js +3 -2
  352. package/lib/lookup/Lookup/props/propTypes.js +15 -2
  353. package/lib/lookup/Section/Section.js +13 -5
  354. package/lib/lookup/Section/__tests__/Section.spec.js +40 -1
  355. package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +133 -3
  356. package/lib/lookup/Section/props/defaultProps.js +13 -0
  357. package/lib/lookup/Section/props/propTypes.js +6 -0
  358. package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
  359. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +46 -24
  360. package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +177 -2
  361. package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +775 -5
  362. package/lib/lookup/header/ModuleHeader/props/defaultProps.js +6 -0
  363. package/lib/lookup/header/ModuleHeader/props/propTypes.js +25 -1
  364. package/lib/lookup/header/Search/Search.js +1 -1
  365. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
  366. package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  367. package/lib/lookup/header/Title/Title.js +3 -1
  368. package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  369. package/lib/lookup/header/Title/props/propTypes.js +1 -0
  370. package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  371. package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
  372. package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
  373. package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  374. package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
  375. package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
  376. package/lib/setup/table/TableData/TableData.js +1 -1
  377. package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
  378. package/lib/setup/table/TableHead/TableHead.js +1 -1
  379. package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
  380. package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
  381. package/lib/setup/table/Text/Text.js +1 -1
  382. package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
  383. package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  384. package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  385. package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  386. package/lib/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
  387. package/lib/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
  388. package/lib/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
  389. package/lib/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
  390. package/lib/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
  391. package/lib/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
  392. package/lib/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
  393. package/lib/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
  394. package/lib/version2/lookup/AlertHeader/AlertHeader.js +18 -8
  395. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +113 -2
  396. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +1694 -7
  397. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +7 -3
  398. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +5 -0
  399. package/lib/version2/lookup/AlertHeader/props/propTypes.js +9 -0
  400. package/lib/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  401. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  402. package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
  403. package/lib/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  404. package/package.json +10 -10
package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap CHANGED
@@ -3,50 +3,50 @@
3
3
  exports[`Header Component - Title Prop Combinations renders Header with title and close button 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="notScroll header smallHeaderPadding shrinkOff"
6
+ class="noShrink notScroll header smallHeaderPadding"
7
7
  data-id="CardHeader"
8
8
  data-selector-id="cardHeader"
9
9
  data-test-id="CardHeader"
10
10
  >
11
11
  <div
12
- class="subheader flex rowdir vCenter"
12
+ class="flex row alignItems_center subheader"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
16
16
  >
17
17
  <div
18
- class="grow basis shrinkOn"
18
+ class="flexible basis_zero shrink"
19
19
  data-id="boxComponent"
20
20
  data-selector-id="box"
21
21
  data-test-id="boxComponent"
22
22
  >
23
23
  <div
24
- class="flex rowdir vCenter"
24
+ class="flex row alignItems_center"
25
25
  data-id="containerComponent"
26
26
  data-selector-id="container"
27
27
  data-test-id="containerComponent"
28
28
  >
29
29
  <div
30
- class="shrinkOn"
30
+ class="shrink"
31
31
  data-id="boxComponent"
32
32
  data-selector-id="box"
33
33
  data-test-id="boxComponent"
34
34
  >
35
35
  <div
36
- class="flex cover rowdir vCenter"
36
+ class="flex fullSize row alignItems_center"
37
37
  data-id="containerComponent"
38
38
  data-selector-id="container"
39
39
  data-test-id="containerComponent"
40
40
  >
41
41
  <div
42
- class="shrinkOn"
42
+ class="shrink"
43
43
  data-id="boxComponent"
44
44
  data-selector-id="box"
45
45
  data-test-id="boxComponent"
46
46
  data-title="Header Title"
47
47
  >
48
48
  <h1
49
- class="reset title"
49
+ class="reset title"
50
50
  data-title="Header Title"
51
51
  >
52
52
  Header Title
@@ -57,7 +57,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
57
57
  </div>
58
58
  </div>
59
59
  <div
60
- class="shrinkOff"
60
+ class="noShrink"
61
61
  data-id="boxComponent"
62
62
  data-selector-id="box"
63
63
  data-test-id="boxComponent"
@@ -65,7 +65,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
65
65
  <button
66
66
  aria-label="Close"
67
67
  aria-pressed="false"
68
- class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
68
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
69
69
  data-id="closeButton"
70
70
  data-ishtml="false"
71
71
  data-selector-id="iconButton"
@@ -73,7 +73,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
73
73
  >
74
74
  <i
75
75
  aria-hidden="true"
76
- class="zd_font_icons basic icon-cross icon_button_center "
76
+ class="zd_font_icons basic icon-cross icon_button_center"
77
77
  data-id="fontIcon"
78
78
  data-selector-id="fontIcon"
79
79
  data-test-id="fontIcon"
@@ -89,50 +89,50 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
89
89
  exports[`Header Component - Title Prop Combinations renders Header with title and custom className 1`] = `
90
90
  <DocumentFragment>
91
91
  <div
92
- class="notScroll header smallHeaderPadding custom-header shrinkOff"
92
+ class="noShrink notScroll header smallHeaderPadding custom-header"
93
93
  data-id="CardHeader"
94
94
  data-selector-id="cardHeader"
95
95
  data-test-id="CardHeader"
96
96
  >
97
97
  <div
98
- class="subheader flex rowdir vCenter"
98
+ class="flex row alignItems_center subheader"
99
99
  data-id="containerComponent"
100
100
  data-selector-id="container"
101
101
  data-test-id="containerComponent"
102
102
  >
103
103
  <div
104
- class="grow basis shrinkOn"
104
+ class="flexible basis_zero shrink"
105
105
  data-id="boxComponent"
106
106
  data-selector-id="box"
107
107
  data-test-id="boxComponent"
108
108
  >
109
109
  <div
110
- class="flex rowdir vCenter"
110
+ class="flex row alignItems_center"
111
111
  data-id="containerComponent"
112
112
  data-selector-id="container"
113
113
  data-test-id="containerComponent"
114
114
  >
115
115
  <div
116
- class="shrinkOn"
116
+ class="shrink"
117
117
  data-id="boxComponent"
118
118
  data-selector-id="box"
119
119
  data-test-id="boxComponent"
120
120
  >
121
121
  <div
122
- class="flex cover rowdir vCenter"
122
+ class="flex fullSize row alignItems_center"
123
123
  data-id="containerComponent"
124
124
  data-selector-id="container"
125
125
  data-test-id="containerComponent"
126
126
  >
127
127
  <div
128
- class="shrinkOn"
128
+ class="shrink"
129
129
  data-id="boxComponent"
130
130
  data-selector-id="box"
131
131
  data-test-id="boxComponent"
132
132
  data-title="Header Title"
133
133
  >
134
134
  <h1
135
- class="reset title"
135
+ class="reset title"
136
136
  data-title="Header Title"
137
137
  >
138
138
  Header Title
@@ -150,57 +150,57 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
150
150
  exports[`Header Component - Title Prop Combinations renders Header with title and getTitleChildren function 1`] = `
151
151
  <DocumentFragment>
152
152
  <div
153
- class="notScroll header smallHeaderPadding shrinkOff"
153
+ class="noShrink notScroll header smallHeaderPadding"
154
154
  data-id="CardHeader"
155
155
  data-selector-id="cardHeader"
156
156
  data-test-id="CardHeader"
157
157
  >
158
158
  <div
159
- class="subheader flex rowdir vCenter"
159
+ class="flex row alignItems_center subheader"
160
160
  data-id="containerComponent"
161
161
  data-selector-id="container"
162
162
  data-test-id="containerComponent"
163
163
  >
164
164
  <div
165
- class="grow basis shrinkOn"
165
+ class="flexible basis_zero shrink"
166
166
  data-id="boxComponent"
167
167
  data-selector-id="box"
168
168
  data-test-id="boxComponent"
169
169
  >
170
170
  <div
171
- class="flex rowdir vCenter"
171
+ class="flex row alignItems_center"
172
172
  data-id="containerComponent"
173
173
  data-selector-id="container"
174
174
  data-test-id="containerComponent"
175
175
  >
176
176
  <div
177
- class="shrinkOn"
177
+ class="shrink"
178
178
  data-id="boxComponent"
179
179
  data-selector-id="box"
180
180
  data-test-id="boxComponent"
181
181
  >
182
182
  <div
183
- class="flex cover rowdir vCenter"
183
+ class="flex fullSize row alignItems_center"
184
184
  data-id="containerComponent"
185
185
  data-selector-id="container"
186
186
  data-test-id="containerComponent"
187
187
  >
188
188
  <div
189
- class="shrinkOn"
189
+ class="shrink"
190
190
  data-id="boxComponent"
191
191
  data-selector-id="box"
192
192
  data-test-id="boxComponent"
193
193
  data-title="Header Title"
194
194
  >
195
195
  <h1
196
- class="reset title"
196
+ class="reset title"
197
197
  data-title="Header Title"
198
198
  >
199
199
  Header Title
200
200
  </h1>
201
201
  </div>
202
202
  <div
203
- class="shrinkOff"
203
+ class="noShrink"
204
204
  data-id="boxComponent"
205
205
  data-selector-id="box"
206
206
  data-test-id="boxComponent"
@@ -221,38 +221,38 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
221
221
  exports[`Header Component - Title Prop Combinations renders Header with title and icon 1`] = `
222
222
  <DocumentFragment>
223
223
  <div
224
- class="notScroll header smallHeaderPadding shrinkOff"
224
+ class="noShrink notScroll header smallHeaderPadding"
225
225
  data-id="CardHeader"
226
226
  data-selector-id="cardHeader"
227
227
  data-test-id="CardHeader"
228
228
  >
229
229
  <div
230
- class="subheader flex rowdir vCenter"
230
+ class="flex row alignItems_center subheader"
231
231
  data-id="containerComponent"
232
232
  data-selector-id="container"
233
233
  data-test-id="containerComponent"
234
234
  >
235
235
  <div
236
- class="grow basis shrinkOn"
236
+ class="flexible basis_zero shrink"
237
237
  data-id="boxComponent"
238
238
  data-selector-id="box"
239
239
  data-test-id="boxComponent"
240
240
  >
241
241
  <div
242
- class="flex rowdir vCenter"
242
+ class="flex row alignItems_center"
243
243
  data-id="containerComponent"
244
244
  data-selector-id="container"
245
245
  data-test-id="containerComponent"
246
246
  >
247
247
  <div
248
- class="iconWrapper shrinkOff"
248
+ class="noShrink iconWrapper"
249
249
  data-id="boxComponent"
250
250
  data-selector-id="box"
251
251
  data-test-id="boxComponent"
252
252
  >
253
253
  <button
254
254
  aria-pressed="false"
255
- class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
255
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border borderHover hoverEffect"
256
256
  data-id="iconContainer"
257
257
  data-ishtml="false"
258
258
  data-selector-id="iconButton"
@@ -260,26 +260,26 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
260
260
  />
261
261
  </div>
262
262
  <div
263
- class="shrinkOn"
263
+ class="shrink"
264
264
  data-id="boxComponent"
265
265
  data-selector-id="box"
266
266
  data-test-id="boxComponent"
267
267
  >
268
268
  <div
269
- class="flex cover rowdir vCenter"
269
+ class="flex fullSize row alignItems_center"
270
270
  data-id="containerComponent"
271
271
  data-selector-id="container"
272
272
  data-test-id="containerComponent"
273
273
  >
274
274
  <div
275
- class="shrinkOn"
275
+ class="shrink"
276
276
  data-id="boxComponent"
277
277
  data-selector-id="box"
278
278
  data-test-id="boxComponent"
279
279
  data-title="Header Title"
280
280
  >
281
281
  <h1
282
- class="reset title"
282
+ class="reset title"
283
283
  data-title="Header Title"
284
284
  >
285
285
  Header Title
@@ -297,50 +297,50 @@ exports[`Header Component - Title Prop Combinations renders Header with title an
297
297
  exports[`Header Component - Title Prop Combinations renders Header with title only 1`] = `
298
298
  <DocumentFragment>
299
299
  <div
300
- class="notScroll header smallHeaderPadding shrinkOff"
300
+ class="noShrink notScroll header smallHeaderPadding"
301
301
  data-id="CardHeader"
302
302
  data-selector-id="cardHeader"
303
303
  data-test-id="CardHeader"
304
304
  >
305
305
  <div
306
- class="subheader flex rowdir vCenter"
306
+ class="flex row alignItems_center subheader"
307
307
  data-id="containerComponent"
308
308
  data-selector-id="container"
309
309
  data-test-id="containerComponent"
310
310
  >
311
311
  <div
312
- class="grow basis shrinkOn"
312
+ class="flexible basis_zero shrink"
313
313
  data-id="boxComponent"
314
314
  data-selector-id="box"
315
315
  data-test-id="boxComponent"
316
316
  >
317
317
  <div
318
- class="flex rowdir vCenter"
318
+ class="flex row alignItems_center"
319
319
  data-id="containerComponent"
320
320
  data-selector-id="container"
321
321
  data-test-id="containerComponent"
322
322
  >
323
323
  <div
324
- class="shrinkOn"
324
+ class="shrink"
325
325
  data-id="boxComponent"
326
326
  data-selector-id="box"
327
327
  data-test-id="boxComponent"
328
328
  >
329
329
  <div
330
- class="flex cover rowdir vCenter"
330
+ class="flex fullSize row alignItems_center"
331
331
  data-id="containerComponent"
332
332
  data-selector-id="container"
333
333
  data-test-id="containerComponent"
334
334
  >
335
335
  <div
336
- class="shrinkOn"
336
+ class="shrink"
337
337
  data-id="boxComponent"
338
338
  data-selector-id="box"
339
339
  data-test-id="boxComponent"
340
340
  data-title="Header Title"
341
341
  >
342
342
  <h1
343
- class="reset title"
343
+ class="reset title"
344
344
  data-title="Header Title"
345
345
  >
346
346
  Header Title
@@ -358,57 +358,57 @@ exports[`Header Component - Title Prop Combinations renders Header with title on
358
358
  exports[`Header Component - Title Prop Combinations renders Header with title, close button, and getTitleChildren function 1`] = `
359
359
  <DocumentFragment>
360
360
  <div
361
- class="notScroll header smallHeaderPadding shrinkOff"
361
+ class="noShrink notScroll header smallHeaderPadding"
362
362
  data-id="CardHeader"
363
363
  data-selector-id="cardHeader"
364
364
  data-test-id="CardHeader"
365
365
  >
366
366
  <div
367
- class="subheader flex rowdir vCenter"
367
+ class="flex row alignItems_center subheader"
368
368
  data-id="containerComponent"
369
369
  data-selector-id="container"
370
370
  data-test-id="containerComponent"
371
371
  >
372
372
  <div
373
- class="grow basis shrinkOn"
373
+ class="flexible basis_zero shrink"
374
374
  data-id="boxComponent"
375
375
  data-selector-id="box"
376
376
  data-test-id="boxComponent"
377
377
  >
378
378
  <div
379
- class="flex rowdir vCenter"
379
+ class="flex row alignItems_center"
380
380
  data-id="containerComponent"
381
381
  data-selector-id="container"
382
382
  data-test-id="containerComponent"
383
383
  >
384
384
  <div
385
- class="shrinkOn"
385
+ class="shrink"
386
386
  data-id="boxComponent"
387
387
  data-selector-id="box"
388
388
  data-test-id="boxComponent"
389
389
  >
390
390
  <div
391
- class="flex cover rowdir vCenter"
391
+ class="flex fullSize row alignItems_center"
392
392
  data-id="containerComponent"
393
393
  data-selector-id="container"
394
394
  data-test-id="containerComponent"
395
395
  >
396
396
  <div
397
- class="shrinkOn"
397
+ class="shrink"
398
398
  data-id="boxComponent"
399
399
  data-selector-id="box"
400
400
  data-test-id="boxComponent"
401
401
  data-title="Header Title"
402
402
  >
403
403
  <h1
404
- class="reset title"
404
+ class="reset title"
405
405
  data-title="Header Title"
406
406
  >
407
407
  Header Title
408
408
  </h1>
409
409
  </div>
410
410
  <div
411
- class="shrinkOff"
411
+ class="noShrink"
412
412
  data-id="boxComponent"
413
413
  data-selector-id="box"
414
414
  data-test-id="boxComponent"
@@ -422,7 +422,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, c
422
422
  </div>
423
423
  </div>
424
424
  <div
425
- class="shrinkOff"
425
+ class="noShrink"
426
426
  data-id="boxComponent"
427
427
  data-selector-id="box"
428
428
  data-test-id="boxComponent"
@@ -430,7 +430,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, c
430
430
  <button
431
431
  aria-label="Close"
432
432
  aria-pressed="false"
433
- class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
433
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
434
434
  data-id="closeButton"
435
435
  data-ishtml="false"
436
436
  data-selector-id="iconButton"
@@ -438,7 +438,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, c
438
438
  >
439
439
  <i
440
440
  aria-hidden="true"
441
- class="zd_font_icons basic icon-cross icon_button_center "
441
+ class="zd_font_icons basic icon-cross icon_button_center"
442
442
  data-id="fontIcon"
443
443
  data-selector-id="fontIcon"
444
444
  data-test-id="fontIcon"
@@ -454,38 +454,38 @@ exports[`Header Component - Title Prop Combinations renders Header with title, c
454
454
  exports[`Header Component - Title Prop Combinations renders Header with title, icon, and close button 1`] = `
455
455
  <DocumentFragment>
456
456
  <div
457
- class="notScroll header smallHeaderPadding shrinkOff"
457
+ class="noShrink notScroll header smallHeaderPadding"
458
458
  data-id="CardHeader"
459
459
  data-selector-id="cardHeader"
460
460
  data-test-id="CardHeader"
461
461
  >
462
462
  <div
463
- class="subheader flex rowdir vCenter"
463
+ class="flex row alignItems_center subheader"
464
464
  data-id="containerComponent"
465
465
  data-selector-id="container"
466
466
  data-test-id="containerComponent"
467
467
  >
468
468
  <div
469
- class="grow basis shrinkOn"
469
+ class="flexible basis_zero shrink"
470
470
  data-id="boxComponent"
471
471
  data-selector-id="box"
472
472
  data-test-id="boxComponent"
473
473
  >
474
474
  <div
475
- class="flex rowdir vCenter"
475
+ class="flex row alignItems_center"
476
476
  data-id="containerComponent"
477
477
  data-selector-id="container"
478
478
  data-test-id="containerComponent"
479
479
  >
480
480
  <div
481
- class="iconWrapper shrinkOff"
481
+ class="noShrink iconWrapper"
482
482
  data-id="boxComponent"
483
483
  data-selector-id="box"
484
484
  data-test-id="boxComponent"
485
485
  >
486
486
  <button
487
487
  aria-pressed="false"
488
- class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
488
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border borderHover hoverEffect"
489
489
  data-id="iconContainer"
490
490
  data-ishtml="false"
491
491
  data-selector-id="iconButton"
@@ -493,26 +493,26 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
493
493
  />
494
494
  </div>
495
495
  <div
496
- class="shrinkOn"
496
+ class="shrink"
497
497
  data-id="boxComponent"
498
498
  data-selector-id="box"
499
499
  data-test-id="boxComponent"
500
500
  >
501
501
  <div
502
- class="flex cover rowdir vCenter"
502
+ class="flex fullSize row alignItems_center"
503
503
  data-id="containerComponent"
504
504
  data-selector-id="container"
505
505
  data-test-id="containerComponent"
506
506
  >
507
507
  <div
508
- class="shrinkOn"
508
+ class="shrink"
509
509
  data-id="boxComponent"
510
510
  data-selector-id="box"
511
511
  data-test-id="boxComponent"
512
512
  data-title="Header Title"
513
513
  >
514
514
  <h1
515
- class="reset title"
515
+ class="reset title"
516
516
  data-title="Header Title"
517
517
  >
518
518
  Header Title
@@ -523,7 +523,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
523
523
  </div>
524
524
  </div>
525
525
  <div
526
- class="shrinkOff"
526
+ class="noShrink"
527
527
  data-id="boxComponent"
528
528
  data-selector-id="box"
529
529
  data-test-id="boxComponent"
@@ -531,7 +531,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
531
531
  <button
532
532
  aria-label="Close"
533
533
  aria-pressed="false"
534
- class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
534
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
535
535
  data-id="closeButton"
536
536
  data-ishtml="false"
537
537
  data-selector-id="iconButton"
@@ -539,7 +539,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
539
539
  >
540
540
  <i
541
541
  aria-hidden="true"
542
- class="zd_font_icons basic icon-cross icon_button_center "
542
+ class="zd_font_icons basic icon-cross icon_button_center"
543
543
  data-id="fontIcon"
544
544
  data-selector-id="fontIcon"
545
545
  data-test-id="fontIcon"
@@ -555,38 +555,38 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
555
555
  exports[`Header Component - Title Prop Combinations renders Header with title, icon, and getTitleChildren function 1`] = `
556
556
  <DocumentFragment>
557
557
  <div
558
- class="notScroll header smallHeaderPadding shrinkOff"
558
+ class="noShrink notScroll header smallHeaderPadding"
559
559
  data-id="CardHeader"
560
560
  data-selector-id="cardHeader"
561
561
  data-test-id="CardHeader"
562
562
  >
563
563
  <div
564
- class="subheader flex rowdir vCenter"
564
+ class="flex row alignItems_center subheader"
565
565
  data-id="containerComponent"
566
566
  data-selector-id="container"
567
567
  data-test-id="containerComponent"
568
568
  >
569
569
  <div
570
- class="grow basis shrinkOn"
570
+ class="flexible basis_zero shrink"
571
571
  data-id="boxComponent"
572
572
  data-selector-id="box"
573
573
  data-test-id="boxComponent"
574
574
  >
575
575
  <div
576
- class="flex rowdir vCenter"
576
+ class="flex row alignItems_center"
577
577
  data-id="containerComponent"
578
578
  data-selector-id="container"
579
579
  data-test-id="containerComponent"
580
580
  >
581
581
  <div
582
- class="iconWrapper shrinkOff"
582
+ class="noShrink iconWrapper"
583
583
  data-id="boxComponent"
584
584
  data-selector-id="box"
585
585
  data-test-id="boxComponent"
586
586
  >
587
587
  <button
588
588
  aria-pressed="false"
589
- class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
589
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border borderHover hoverEffect"
590
590
  data-id="iconContainer"
591
591
  data-ishtml="false"
592
592
  data-selector-id="iconButton"
@@ -594,33 +594,33 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
594
594
  />
595
595
  </div>
596
596
  <div
597
- class="shrinkOn"
597
+ class="shrink"
598
598
  data-id="boxComponent"
599
599
  data-selector-id="box"
600
600
  data-test-id="boxComponent"
601
601
  >
602
602
  <div
603
- class="flex cover rowdir vCenter"
603
+ class="flex fullSize row alignItems_center"
604
604
  data-id="containerComponent"
605
605
  data-selector-id="container"
606
606
  data-test-id="containerComponent"
607
607
  >
608
608
  <div
609
- class="shrinkOn"
609
+ class="shrink"
610
610
  data-id="boxComponent"
611
611
  data-selector-id="box"
612
612
  data-test-id="boxComponent"
613
613
  data-title="Header Title"
614
614
  >
615
615
  <h1
616
- class="reset title"
616
+ class="reset title"
617
617
  data-title="Header Title"
618
618
  >
619
619
  Header Title
620
620
  </h1>
621
621
  </div>
622
622
  <div
623
- class="shrinkOff"
623
+ class="noShrink"
624
624
  data-id="boxComponent"
625
625
  data-selector-id="box"
626
626
  data-test-id="boxComponent"
@@ -641,38 +641,38 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
641
641
  exports[`Header Component - Title Prop Combinations renders Header with title, icon, close button, and getTitleChildren function 1`] = `
642
642
  <DocumentFragment>
643
643
  <div
644
- class="notScroll header smallHeaderPadding shrinkOff"
644
+ class="noShrink notScroll header smallHeaderPadding"
645
645
  data-id="CardHeader"
646
646
  data-selector-id="cardHeader"
647
647
  data-test-id="CardHeader"
648
648
  >
649
649
  <div
650
- class="subheader flex rowdir vCenter"
650
+ class="flex row alignItems_center subheader"
651
651
  data-id="containerComponent"
652
652
  data-selector-id="container"
653
653
  data-test-id="containerComponent"
654
654
  >
655
655
  <div
656
- class="grow basis shrinkOn"
656
+ class="flexible basis_zero shrink"
657
657
  data-id="boxComponent"
658
658
  data-selector-id="box"
659
659
  data-test-id="boxComponent"
660
660
  >
661
661
  <div
662
- class="flex rowdir vCenter"
662
+ class="flex row alignItems_center"
663
663
  data-id="containerComponent"
664
664
  data-selector-id="container"
665
665
  data-test-id="containerComponent"
666
666
  >
667
667
  <div
668
- class="iconWrapper shrinkOff"
668
+ class="noShrink iconWrapper"
669
669
  data-id="boxComponent"
670
670
  data-selector-id="box"
671
671
  data-test-id="boxComponent"
672
672
  >
673
673
  <button
674
674
  aria-pressed="false"
675
- class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
675
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border borderHover hoverEffect"
676
676
  data-id="iconContainer"
677
677
  data-ishtml="false"
678
678
  data-selector-id="iconButton"
@@ -680,33 +680,33 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
680
680
  />
681
681
  </div>
682
682
  <div
683
- class="shrinkOn"
683
+ class="shrink"
684
684
  data-id="boxComponent"
685
685
  data-selector-id="box"
686
686
  data-test-id="boxComponent"
687
687
  >
688
688
  <div
689
- class="flex cover rowdir vCenter"
689
+ class="flex fullSize row alignItems_center"
690
690
  data-id="containerComponent"
691
691
  data-selector-id="container"
692
692
  data-test-id="containerComponent"
693
693
  >
694
694
  <div
695
- class="shrinkOn"
695
+ class="shrink"
696
696
  data-id="boxComponent"
697
697
  data-selector-id="box"
698
698
  data-test-id="boxComponent"
699
699
  data-title="Header Title"
700
700
  >
701
701
  <h1
702
- class="reset title"
702
+ class="reset title"
703
703
  data-title="Header Title"
704
704
  >
705
705
  Header Title
706
706
  </h1>
707
707
  </div>
708
708
  <div
709
- class="shrinkOff"
709
+ class="noShrink"
710
710
  data-id="boxComponent"
711
711
  data-selector-id="box"
712
712
  data-test-id="boxComponent"
@@ -720,7 +720,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
720
720
  </div>
721
721
  </div>
722
722
  <div
723
- class="shrinkOff"
723
+ class="noShrink"
724
724
  data-id="boxComponent"
725
725
  data-selector-id="box"
726
726
  data-test-id="boxComponent"
@@ -728,7 +728,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
728
728
  <button
729
729
  aria-label="Close"
730
730
  aria-pressed="false"
731
- class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
731
+ class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
732
732
  data-id="closeButton"
733
733
  data-ishtml="false"
734
734
  data-selector-id="iconButton"
@@ -736,7 +736,7 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
736
736
  >
737
737
  <i
738
738
  aria-hidden="true"
739
- class="zd_font_icons basic icon-cross icon_button_center "
739
+ class="zd_font_icons basic icon-cross icon_button_center"
740
740
  data-id="fontIcon"
741
741
  data-selector-id="fontIcon"
742
742
  data-test-id="fontIcon"
@@ -752,25 +752,25 @@ exports[`Header Component - Title Prop Combinations renders Header with title, i
752
752
  exports[`Header Component - Title Prop Combinations renders with default props 1`] = `
753
753
  <DocumentFragment>
754
754
  <div
755
- class="notScroll header smallHeaderPadding shrinkOff"
755
+ class="noShrink notScroll header smallHeaderPadding"
756
756
  data-id="CardHeader"
757
757
  data-selector-id="cardHeader"
758
758
  data-test-id="CardHeader"
759
759
  >
760
760
  <div
761
- class="subheader flex rowdir vCenter"
761
+ class="flex row alignItems_center subheader"
762
762
  data-id="containerComponent"
763
763
  data-selector-id="container"
764
764
  data-test-id="containerComponent"
765
765
  >
766
766
  <div
767
- class="grow basis shrinkOn"
767
+ class="flexible basis_zero shrink"
768
768
  data-id="boxComponent"
769
769
  data-selector-id="box"
770
770
  data-test-id="boxComponent"
771
771
  >
772
772
  <div
773
- class="flex rowdir vCenter"
773
+ class="flex row alignItems_center"
774
774
  data-id="containerComponent"
775
775
  data-selector-id="container"
776
776
  data-test-id="containerComponent"