@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/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="mainContainer mainContainerAnimation"
6
+ class="mainContainer mainContainerAnimation"
7
7
  data-drag-container="true"
8
8
  data-id="onboarding_container"
9
9
  data-test-id="onboarding_container"
@@ -43,7 +43,7 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
43
43
  data-test-id="flex"
44
44
  >
45
45
  <div
46
- class="innerHead "
46
+ class="innerHead"
47
47
  />
48
48
  </div>
49
49
  <div
@@ -72,7 +72,7 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
72
72
  data-test-id="flex"
73
73
  >
74
74
  <button
75
- class=" secondaryButtton footerButton bold primary medium"
75
+ class="bold primary medium secondaryButtton footerButton"
76
76
  data-id="onboarding_secondary_button"
77
77
  data-selector-id="button"
78
78
  data-test-id="onboarding_secondary_button"
@@ -81,7 +81,7 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
81
81
  New secondaryButton text
82
82
  </button>
83
83
  <button
84
- class="primaryButton footerButton bold primaryfilled medium"
84
+ class="bold primaryfilled medium primaryButton footerButton"
85
85
  data-id="onboarding_primary_button"
86
86
  data-selector-id="button"
87
87
  data-test-id="onboarding_primary_button"
@@ -100,14 +100,14 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
100
100
  >
101
101
  <i
102
102
  aria-hidden="true"
103
- class="zd_font_icons basic icon-inapp-close closeIcon "
103
+ class="zd_font_icons basic icon-inapp-close closeIcon"
104
104
  data-id="fontIcon"
105
105
  data-selector-id="fontIcon"
106
106
  data-test-id="fontIcon"
107
107
  />
108
108
  </button>
109
109
  <span
110
- class="basic newRibbon palette_primary medium flag"
110
+ class="basic palette_primary medium flag newRibbon"
111
111
  data-id="onboarding_ribbon"
112
112
  data-selector-id="ribbon"
113
113
  data-test-id="onboarding_ribbon"
@@ -126,7 +126,7 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
126
126
  exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
127
127
  <DocumentFragment>
128
128
  <div
129
- class="mainContainer mainContainerAnimation"
129
+ class="mainContainer mainContainerAnimation"
130
130
  data-drag-container="true"
131
131
  data-id="onboarding_container"
132
132
  data-test-id="onboarding_container"
@@ -166,7 +166,7 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
166
166
  data-test-id="flex"
167
167
  >
168
168
  <div
169
- class="innerHead "
169
+ class="innerHead"
170
170
  />
171
171
  </div>
172
172
  <div
@@ -198,7 +198,7 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
198
198
  data-test-id="flex"
199
199
  >
200
200
  <button
201
- class="primaryButton footerButton bold primaryfilled medium"
201
+ class="bold primaryfilled medium primaryButton footerButton"
202
202
  data-id="onboarding_primary_button"
203
203
  data-selector-id="button"
204
204
  data-test-id="onboarding_primary_button"
@@ -217,14 +217,14 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
217
217
  >
218
218
  <i
219
219
  aria-hidden="true"
220
- class="zd_font_icons basic icon-inapp-close closeIcon "
220
+ class="zd_font_icons basic icon-inapp-close closeIcon"
221
221
  data-id="fontIcon"
222
222
  data-selector-id="fontIcon"
223
223
  data-test-id="fontIcon"
224
224
  />
225
225
  </button>
226
226
  <span
227
- class="basic newRibbon palette_primary medium flag"
227
+ class="basic palette_primary medium flag newRibbon"
228
228
  data-id="onboarding_ribbon"
229
229
  data-selector-id="ribbon"
230
230
  data-test-id="onboarding_ribbon"
@@ -243,7 +243,7 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
243
243
  exports[`Onboarding rendering data of customprops for footerProps 1`] = `
244
244
  <DocumentFragment>
245
245
  <div
246
- class="mainContainer mainContainerAnimation"
246
+ class="mainContainer mainContainerAnimation"
247
247
  data-drag-container="true"
248
248
  data-id="onboarding_container"
249
249
  data-test-id="onboarding_container"
@@ -273,7 +273,7 @@ exports[`Onboarding rendering data of customprops for footerProps 1`] = `
273
273
  data-test-id="flex"
274
274
  >
275
275
  <button
276
- class="primaryButton footerButton bold primaryfilled medium"
276
+ class="bold primaryfilled medium primaryButton footerButton"
277
277
  data-id="onboarding_primary_button"
278
278
  data-selector-id="button"
279
279
  data-test-id="onboarding_primary_button"
@@ -292,14 +292,14 @@ exports[`Onboarding rendering data of customprops for footerProps 1`] = `
292
292
  >
293
293
  <i
294
294
  aria-hidden="true"
295
- class="zd_font_icons basic icon-inapp-close closeIcon "
295
+ class="zd_font_icons basic icon-inapp-close closeIcon"
296
296
  data-id="fontIcon"
297
297
  data-selector-id="fontIcon"
298
298
  data-test-id="fontIcon"
299
299
  />
300
300
  </button>
301
301
  <span
302
- class="basic newRibbon palette_primary medium flag"
302
+ class="basic palette_primary medium flag newRibbon"
303
303
  data-id="onboarding_ribbon"
304
304
  data-selector-id="ribbon"
305
305
  data-test-id="onboarding_ribbon"
@@ -318,7 +318,7 @@ exports[`Onboarding rendering data of customprops for footerProps 1`] = `
318
318
  exports[`Onboarding rendering data of customprops for headingProps 1`] = `
319
319
  <DocumentFragment>
320
320
  <div
321
- class="mainContainer mainContainerAnimation"
321
+ class="mainContainer mainContainerAnimation"
322
322
  data-drag-container="true"
323
323
  data-id="onboarding_container"
324
324
  data-test-id="onboarding_container"
@@ -358,7 +358,7 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
358
358
  data-test-id="flex"
359
359
  >
360
360
  <div
361
- class="innerHead "
361
+ class="innerHead"
362
362
  />
363
363
  </div>
364
364
  <div
@@ -390,7 +390,7 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
390
390
  data-test-id="flex"
391
391
  >
392
392
  <button
393
- class="primaryButton footerButton bold primaryfilled medium"
393
+ class="bold primaryfilled medium primaryButton footerButton"
394
394
  data-id="onboarding_primary_button"
395
395
  data-selector-id="button"
396
396
  data-test-id="onboarding_primary_button"
@@ -409,14 +409,14 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
409
409
  >
410
410
  <i
411
411
  aria-hidden="true"
412
- class="zd_font_icons basic icon-inapp-close closeIcon "
412
+ class="zd_font_icons basic icon-inapp-close closeIcon"
413
413
  data-id="fontIcon"
414
414
  data-selector-id="fontIcon"
415
415
  data-test-id="fontIcon"
416
416
  />
417
417
  </button>
418
418
  <span
419
- class="basic newRibbon palette_primary medium flag"
419
+ class="basic palette_primary medium flag newRibbon"
420
420
  data-id="onboarding_ribbon"
421
421
  data-selector-id="ribbon"
422
422
  data-test-id="onboarding_ribbon"
@@ -435,7 +435,7 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
435
435
  exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] = `
436
436
  <DocumentFragment>
437
437
  <div
438
- class="mainContainer mainContainerAnimation"
438
+ class="mainContainer mainContainerAnimation"
439
439
  data-drag-container="true"
440
440
  data-id="onboarding_container"
441
441
  data-test-id="onboarding_container"
@@ -475,7 +475,7 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
475
475
  data-test-id="flex"
476
476
  >
477
477
  <div
478
- class="innerHead "
478
+ class="innerHead"
479
479
  />
480
480
  </div>
481
481
  <div
@@ -504,7 +504,7 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
504
504
  data-test-id="flex"
505
505
  >
506
506
  <button
507
- class="primaryButton footerButton bold primaryfilled medium"
507
+ class="bold primaryfilled medium primaryButton footerButton"
508
508
  data-id="onboarding_primary_button"
509
509
  data-selector-id="button"
510
510
  data-test-id="onboarding_primary_button"
@@ -523,14 +523,14 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
523
523
  >
524
524
  <i
525
525
  aria-hidden="true"
526
- class="zd_font_icons basic icon-inapp-close closeIcon "
526
+ class="zd_font_icons basic icon-inapp-close closeIcon"
527
527
  data-id="fontIcon"
528
528
  data-selector-id="fontIcon"
529
529
  data-test-id="fontIcon"
530
530
  />
531
531
  </button>
532
532
  <span
533
- class="basic newRibbon palette_primary medium flag"
533
+ class="basic palette_primary medium flag newRibbon"
534
534
  data-id="onboarding_ribbon"
535
535
  data-selector-id="ribbon"
536
536
  data-test-id="onboarding_ribbon"
@@ -549,7 +549,7 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
549
549
  exports[`Onboarding rendering data of customprops for ribbonProps 1`] = `
550
550
  <DocumentFragment>
551
551
  <div
552
- class="mainContainer mainContainerAnimation"
552
+ class="mainContainer mainContainerAnimation"
553
553
  data-drag-container="true"
554
554
  data-id="onboarding_container"
555
555
  data-test-id="onboarding_container"
@@ -579,7 +579,7 @@ exports[`Onboarding rendering data of customprops for ribbonProps 1`] = `
579
579
  data-test-id="flex"
580
580
  >
581
581
  <button
582
- class="primaryButton footerButton bold primaryfilled medium"
582
+ class="bold primaryfilled medium primaryButton footerButton"
583
583
  data-id="onboarding_primary_button"
584
584
  data-selector-id="button"
585
585
  data-test-id="onboarding_primary_button"
@@ -598,14 +598,14 @@ exports[`Onboarding rendering data of customprops for ribbonProps 1`] = `
598
598
  >
599
599
  <i
600
600
  aria-hidden="true"
601
- class="zd_font_icons basic icon-inapp-close closeIcon "
601
+ class="zd_font_icons basic icon-inapp-close closeIcon"
602
602
  data-id="fontIcon"
603
603
  data-selector-id="fontIcon"
604
604
  data-test-id="fontIcon"
605
605
  />
606
606
  </button>
607
607
  <span
608
- class="basic newRibbon palette_primary medium sticker"
608
+ class="basic palette_primary medium sticker newRibbon"
609
609
  data-id="onboarding_ribbon"
610
610
  data-selector-id="ribbon"
611
611
  data-test-id="onboarding_ribbon"
@@ -630,7 +630,7 @@ exports[`Onboarding rendering data of customprops for ribbonProps 1`] = `
630
630
  exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps 1`] = `
631
631
  <DocumentFragment>
632
632
  <div
633
- class="mainContainer mainContainerAnimation"
633
+ class="mainContainer mainContainerAnimation"
634
634
  data-drag-container="true"
635
635
  data-id="onboarding_container"
636
636
  data-test-id="onboarding_container"
@@ -670,7 +670,7 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
670
670
  data-test-id="flex"
671
671
  >
672
672
  <div
673
- class="innerHead "
673
+ class="innerHead"
674
674
  />
675
675
  </div>
676
676
  <div
@@ -699,7 +699,7 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
699
699
  data-test-id="flex"
700
700
  >
701
701
  <a
702
- class="container secondaryButtton secondaryButttonLink footerButton "
702
+ class="container secondaryButtton secondaryButttonLink footerButton"
703
703
  data-id="onboarding_secondary_button_link"
704
704
  data-test-id="onboarding_secondary_button_link"
705
705
  data-title="learn more"
@@ -710,7 +710,7 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
710
710
  learn more
711
711
  </a>
712
712
  <button
713
- class="primaryButton footerButton bold primaryfilled medium"
713
+ class="bold primaryfilled medium primaryButton footerButton"
714
714
  data-id="onboarding_primary_button"
715
715
  data-selector-id="button"
716
716
  data-test-id="onboarding_primary_button"
@@ -729,14 +729,14 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
729
729
  >
730
730
  <i
731
731
  aria-hidden="true"
732
- class="zd_font_icons basic icon-inapp-close closeIcon "
732
+ class="zd_font_icons basic icon-inapp-close closeIcon"
733
733
  data-id="fontIcon"
734
734
  data-selector-id="fontIcon"
735
735
  data-test-id="fontIcon"
736
736
  />
737
737
  </button>
738
738
  <span
739
- class="basic newRibbon palette_primary medium flag"
739
+ class="basic palette_primary medium flag newRibbon"
740
740
  data-id="onboarding_ribbon"
741
741
  data-selector-id="ribbon"
742
742
  data-test-id="onboarding_ribbon"
@@ -755,7 +755,7 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
755
755
  exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
756
756
  <DocumentFragment>
757
757
  <div
758
- class="mainContainer mainContainerAnimation"
758
+ class="mainContainer mainContainerAnimation"
759
759
  data-drag-container="true"
760
760
  data-id="onboarding_container"
761
761
  data-test-id="onboarding_container"
@@ -798,7 +798,7 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
798
798
  class="innerHead dvLayer"
799
799
  >
800
800
  <img
801
- class=" mediaElement image imgMaxFullSize "
801
+ class="imgMaxFullSize mediaElement image"
802
802
  src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s"
803
803
  />
804
804
  <div
@@ -807,13 +807,13 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
807
807
  data-test-id="flex"
808
808
  >
809
809
  <button
810
- class="flex row alignItems_center justifyContent_center playIcon undefined buttonReset"
810
+ class="flex row alignItems_center justifyContent_center playIcon buttonReset"
811
811
  data-id="onboarding_play_icon"
812
812
  data-test-id="onboarding_play_icon"
813
813
  >
814
814
  <i
815
815
  aria-hidden="true"
816
- class="zd_font_icons basic icon-arrowFill playIconInner "
816
+ class="zd_font_icons basic icon-arrowFill playIconInner"
817
817
  data-id="fontIcon"
818
818
  data-selector-id="fontIcon"
819
819
  data-test-id="fontIcon"
@@ -848,7 +848,7 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
848
848
  data-test-id="flex"
849
849
  >
850
850
  <button
851
- class="primaryButton footerButton bold primaryfilled medium"
851
+ class="bold primaryfilled medium primaryButton footerButton"
852
852
  data-id="onboarding_primary_button"
853
853
  data-selector-id="button"
854
854
  data-test-id="onboarding_primary_button"
@@ -867,14 +867,14 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
867
867
  >
868
868
  <i
869
869
  aria-hidden="true"
870
- class="zd_font_icons basic icon-inapp-close closeIcon "
870
+ class="zd_font_icons basic icon-inapp-close closeIcon"
871
871
  data-id="fontIcon"
872
872
  data-selector-id="fontIcon"
873
873
  data-test-id="fontIcon"
874
874
  />
875
875
  </button>
876
876
  <span
877
- class="basic newRibbon palette_primary medium flag"
877
+ class="basic palette_primary medium flag newRibbon"
878
878
  data-id="onboarding_ribbon"
879
879
  data-selector-id="ribbon"
880
880
  data-test-id="onboarding_ribbon"
@@ -893,7 +893,7 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
893
893
  exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
894
894
  <DocumentFragment>
895
895
  <div
896
- class="mainContainer mainContainerAnimation"
896
+ class="mainContainer mainContainerAnimation"
897
897
  data-drag-container="true"
898
898
  data-id="onboarding_container"
899
899
  data-test-id="onboarding_container"
@@ -933,10 +933,10 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
933
933
  data-test-id="flex"
934
934
  >
935
935
  <div
936
- class="innerHead "
936
+ class="innerHead"
937
937
  >
938
938
  <img
939
- class=" mediaElement image imgMaxFullSize "
939
+ class="imgMaxFullSize mediaElement image"
940
940
  src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s"
941
941
  />
942
942
  </div>
@@ -967,7 +967,7 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
967
967
  data-test-id="flex"
968
968
  >
969
969
  <button
970
- class="primaryButton footerButton bold primaryfilled medium"
970
+ class="bold primaryfilled medium primaryButton footerButton"
971
971
  data-id="onboarding_primary_button"
972
972
  data-selector-id="button"
973
973
  data-test-id="onboarding_primary_button"
@@ -986,14 +986,14 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
986
986
  >
987
987
  <i
988
988
  aria-hidden="true"
989
- class="zd_font_icons basic icon-inapp-close closeIcon "
989
+ class="zd_font_icons basic icon-inapp-close closeIcon"
990
990
  data-id="fontIcon"
991
991
  data-selector-id="fontIcon"
992
992
  data-test-id="fontIcon"
993
993
  />
994
994
  </button>
995
995
  <span
996
- class="basic newRibbon palette_primary medium flag"
996
+ class="basic palette_primary medium flag newRibbon"
997
997
  data-id="onboarding_ribbon"
998
998
  data-selector-id="ribbon"
999
999
  data-test-id="onboarding_ribbon"
@@ -1012,7 +1012,7 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
1012
1012
  exports[`Onboarding rendering data of videoSource 1`] = `
1013
1013
  <DocumentFragment>
1014
1014
  <div
1015
- class="mainContainer mainContainerAnimation"
1015
+ class="mainContainer mainContainerAnimation"
1016
1016
  data-drag-container="true"
1017
1017
  data-id="onboarding_container"
1018
1018
  data-test-id="onboarding_container"
@@ -1052,7 +1052,7 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1052
1052
  data-test-id="flex"
1053
1053
  >
1054
1054
  <div
1055
- class="innerHead "
1055
+ class="innerHead"
1056
1056
  >
1057
1057
  <video
1058
1058
  autoplay=""
@@ -1092,7 +1092,7 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1092
1092
  data-test-id="flex"
1093
1093
  >
1094
1094
  <button
1095
- class="primaryButton footerButton bold primaryfilled medium"
1095
+ class="bold primaryfilled medium primaryButton footerButton"
1096
1096
  data-id="onboarding_primary_button"
1097
1097
  data-selector-id="button"
1098
1098
  data-test-id="onboarding_primary_button"
@@ -1111,14 +1111,14 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1111
1111
  >
1112
1112
  <i
1113
1113
  aria-hidden="true"
1114
- class="zd_font_icons basic icon-inapp-close closeIcon "
1114
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1115
1115
  data-id="fontIcon"
1116
1116
  data-selector-id="fontIcon"
1117
1117
  data-test-id="fontIcon"
1118
1118
  />
1119
1119
  </button>
1120
1120
  <span
1121
- class="basic newRibbon palette_primary medium flag"
1121
+ class="basic palette_primary medium flag newRibbon"
1122
1122
  data-id="onboarding_ribbon"
1123
1123
  data-selector-id="ribbon"
1124
1124
  data-test-id="onboarding_ribbon"
@@ -1137,7 +1137,7 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1137
1137
  exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1138
1138
  <DocumentFragment>
1139
1139
  <div
1140
- class="mainContainer mainContainerAnimation"
1140
+ class="mainContainer mainContainerAnimation"
1141
1141
  data-drag-container="true"
1142
1142
  data-id="onboarding_container"
1143
1143
  data-test-id="onboarding_container"
@@ -1177,7 +1177,7 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1177
1177
  data-test-id="flex"
1178
1178
  >
1179
1179
  <div
1180
- class="innerHead "
1180
+ class="innerHead"
1181
1181
  />
1182
1182
  </div>
1183
1183
  <div
@@ -1206,7 +1206,7 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1206
1206
  data-test-id="flex"
1207
1207
  >
1208
1208
  <a
1209
- class="container secondaryButtton secondaryButttonLink footerButton "
1209
+ class="container secondaryButtton secondaryButttonLink footerButton"
1210
1210
  data-id="onboarding_secondary_button_link"
1211
1211
  data-test-id="onboarding_secondary_button_link"
1212
1212
  data-title="read more"
@@ -1217,7 +1217,7 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1217
1217
  read more
1218
1218
  </a>
1219
1219
  <button
1220
- class="primaryButton footerButton bold primaryfilled medium"
1220
+ class="bold primaryfilled medium primaryButton footerButton"
1221
1221
  data-id="onboarding_primary_button"
1222
1222
  data-selector-id="button"
1223
1223
  data-test-id="onboarding_primary_button"
@@ -1236,14 +1236,14 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1236
1236
  >
1237
1237
  <i
1238
1238
  aria-hidden="true"
1239
- class="zd_font_icons basic icon-inapp-close closeIcon "
1239
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1240
1240
  data-id="fontIcon"
1241
1241
  data-selector-id="fontIcon"
1242
1242
  data-test-id="fontIcon"
1243
1243
  />
1244
1244
  </button>
1245
1245
  <span
1246
- class="basic newRibbon palette_primary medium flag"
1246
+ class="basic palette_primary medium flag newRibbon"
1247
1247
  data-id="onboarding_ribbon"
1248
1248
  data-selector-id="ribbon"
1249
1249
  data-test-id="onboarding_ribbon"
@@ -1262,7 +1262,7 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1262
1262
  exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1263
1263
  <DocumentFragment>
1264
1264
  <div
1265
- class="mainContainer mainContainerAnimation"
1265
+ class="mainContainer mainContainerAnimation"
1266
1266
  data-drag-container="true"
1267
1267
  data-id="onboarding_container"
1268
1268
  data-test-id="onboarding_container"
@@ -1320,13 +1320,13 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1320
1320
  data-test-id="flex"
1321
1321
  >
1322
1322
  <button
1323
- class="flex row alignItems_center justifyContent_center playIcon undefined buttonReset"
1323
+ class="flex row alignItems_center justifyContent_center playIcon buttonReset"
1324
1324
  data-id="onboarding_play_icon"
1325
1325
  data-test-id="onboarding_play_icon"
1326
1326
  >
1327
1327
  <i
1328
1328
  aria-hidden="true"
1329
- class="zd_font_icons basic icon-arrowFill playIconInner "
1329
+ class="zd_font_icons basic icon-arrowFill playIconInner"
1330
1330
  data-id="fontIcon"
1331
1331
  data-selector-id="fontIcon"
1332
1332
  data-test-id="fontIcon"
@@ -1361,7 +1361,7 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1361
1361
  data-test-id="flex"
1362
1362
  >
1363
1363
  <button
1364
- class="primaryButton footerButton bold primaryfilled medium"
1364
+ class="bold primaryfilled medium primaryButton footerButton"
1365
1365
  data-id="onboarding_primary_button"
1366
1366
  data-selector-id="button"
1367
1367
  data-test-id="onboarding_primary_button"
@@ -1380,14 +1380,14 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1380
1380
  >
1381
1381
  <i
1382
1382
  aria-hidden="true"
1383
- class="zd_font_icons basic icon-inapp-close closeIcon "
1383
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1384
1384
  data-id="fontIcon"
1385
1385
  data-selector-id="fontIcon"
1386
1386
  data-test-id="fontIcon"
1387
1387
  />
1388
1388
  </button>
1389
1389
  <span
1390
- class="basic newRibbon palette_primary medium flag"
1390
+ class="basic palette_primary medium flag newRibbon"
1391
1391
  data-id="onboarding_ribbon"
1392
1392
  data-selector-id="ribbon"
1393
1393
  data-test-id="onboarding_ribbon"
@@ -1406,7 +1406,7 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1406
1406
  exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
1407
1407
  <DocumentFragment>
1408
1408
  <div
1409
- class="mainContainer mainContainerAnimation"
1409
+ class="mainContainer mainContainerAnimation"
1410
1410
  data-drag-container="true"
1411
1411
  data-id="onboarding_container"
1412
1412
  data-test-id="onboarding_container"
@@ -1436,7 +1436,7 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
1436
1436
  data-test-id="flex"
1437
1437
  >
1438
1438
  <button
1439
- class="primaryButton footerButton bold primaryfilled medium"
1439
+ class="bold primaryfilled medium primaryButton footerButton"
1440
1440
  data-id="onboarding_primary_button"
1441
1441
  data-selector-id="button"
1442
1442
  data-test-id="onboarding_primary_button"
@@ -1455,14 +1455,14 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
1455
1455
  >
1456
1456
  <i
1457
1457
  aria-hidden="true"
1458
- class="zd_font_icons basic icon-inapp-close closeIcon "
1458
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1459
1459
  data-id="fontIcon"
1460
1460
  data-selector-id="fontIcon"
1461
1461
  data-test-id="fontIcon"
1462
1462
  />
1463
1463
  </button>
1464
1464
  <span
1465
- class="basic newRibbon palette_primary medium flag"
1465
+ class="basic palette_primary medium flag newRibbon"
1466
1466
  data-id="onboarding_ribbon"
1467
1467
  data-selector-id="ribbon"
1468
1468
  data-test-id="onboarding_ribbon"
@@ -1481,7 +1481,7 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
1481
1481
  exports[`Onboarding rendering data of hasCloseIcon 1`] = `
1482
1482
  <DocumentFragment>
1483
1483
  <div
1484
- class="mainContainer mainContainerAnimation"
1484
+ class="mainContainer mainContainerAnimation"
1485
1485
  data-drag-container="true"
1486
1486
  data-id="onboarding_container"
1487
1487
  data-test-id="onboarding_container"
@@ -1511,7 +1511,7 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
1511
1511
  data-test-id="flex"
1512
1512
  >
1513
1513
  <button
1514
- class="primaryButton footerButton bold primaryfilled medium"
1514
+ class="bold primaryfilled medium primaryButton footerButton"
1515
1515
  data-id="onboarding_primary_button"
1516
1516
  data-selector-id="button"
1517
1517
  data-test-id="onboarding_primary_button"
@@ -1530,14 +1530,14 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
1530
1530
  >
1531
1531
  <i
1532
1532
  aria-hidden="true"
1533
- class="zd_font_icons basic icon-inapp-close closeIcon "
1533
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1534
1534
  data-id="fontIcon"
1535
1535
  data-selector-id="fontIcon"
1536
1536
  data-test-id="fontIcon"
1537
1537
  />
1538
1538
  </button>
1539
1539
  <span
1540
- class="basic newRibbon palette_primary medium flag"
1540
+ class="basic palette_primary medium flag newRibbon"
1541
1541
  data-id="onboarding_ribbon"
1542
1542
  data-selector-id="ribbon"
1543
1543
  data-test-id="onboarding_ribbon"
@@ -1556,7 +1556,7 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
1556
1556
  exports[`Onboarding rendering data of primaryButtonText 1`] = `
1557
1557
  <DocumentFragment>
1558
1558
  <div
1559
- class="mainContainer mainContainerAnimation"
1559
+ class="mainContainer mainContainerAnimation"
1560
1560
  data-drag-container="true"
1561
1561
  data-id="onboarding_container"
1562
1562
  data-test-id="onboarding_container"
@@ -1596,7 +1596,7 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1596
1596
  data-test-id="flex"
1597
1597
  >
1598
1598
  <div
1599
- class="innerHead "
1599
+ class="innerHead"
1600
1600
  />
1601
1601
  </div>
1602
1602
  <div
@@ -1625,7 +1625,7 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1625
1625
  data-test-id="flex"
1626
1626
  >
1627
1627
  <button
1628
- class="primaryButton footerButton bold primaryfilled medium"
1628
+ class="bold primaryfilled medium primaryButton footerButton"
1629
1629
  data-id="onboarding_primary_button"
1630
1630
  data-selector-id="button"
1631
1631
  data-test-id="onboarding_primary_button"
@@ -1644,14 +1644,14 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1644
1644
  >
1645
1645
  <i
1646
1646
  aria-hidden="true"
1647
- class="zd_font_icons basic icon-inapp-close closeIcon "
1647
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1648
1648
  data-id="fontIcon"
1649
1649
  data-selector-id="fontIcon"
1650
1650
  data-test-id="fontIcon"
1651
1651
  />
1652
1652
  </button>
1653
1653
  <span
1654
- class="basic newRibbon palette_primary medium flag"
1654
+ class="basic palette_primary medium flag newRibbon"
1655
1655
  data-id="onboarding_ribbon"
1656
1656
  data-selector-id="ribbon"
1657
1657
  data-test-id="onboarding_ribbon"
@@ -1670,7 +1670,7 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1670
1670
  exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1671
1671
  <DocumentFragment>
1672
1672
  <div
1673
- class="mainContainer mainContainerAnimation"
1673
+ class="mainContainer mainContainerAnimation"
1674
1674
  data-drag-container="true"
1675
1675
  data-id="onboarding_container"
1676
1676
  data-test-id="onboarding_container"
@@ -1710,7 +1710,7 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1710
1710
  data-test-id="flex"
1711
1711
  >
1712
1712
  <div
1713
- class="innerHead "
1713
+ class="innerHead"
1714
1714
  />
1715
1715
  </div>
1716
1716
  <div
@@ -1739,7 +1739,7 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1739
1739
  data-test-id="flex"
1740
1740
  >
1741
1741
  <button
1742
- class=" secondaryButtton footerButton bold primary medium"
1742
+ class="bold primary medium secondaryButtton footerButton"
1743
1743
  data-id="onboarding_secondary_button"
1744
1744
  data-selector-id="button"
1745
1745
  data-test-id="onboarding_secondary_button"
@@ -1749,7 +1749,7 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1749
1749
  read more
1750
1750
  </button>
1751
1751
  <button
1752
- class="primaryButton footerButton bold primaryfilled medium"
1752
+ class="bold primaryfilled medium primaryButton footerButton"
1753
1753
  data-id="onboarding_primary_button"
1754
1754
  data-selector-id="button"
1755
1755
  data-test-id="onboarding_primary_button"
@@ -1768,14 +1768,14 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1768
1768
  >
1769
1769
  <i
1770
1770
  aria-hidden="true"
1771
- class="zd_font_icons basic icon-inapp-close closeIcon "
1771
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1772
1772
  data-id="fontIcon"
1773
1773
  data-selector-id="fontIcon"
1774
1774
  data-test-id="fontIcon"
1775
1775
  />
1776
1776
  </button>
1777
1777
  <span
1778
- class="basic newRibbon palette_primary medium flag"
1778
+ class="basic palette_primary medium flag newRibbon"
1779
1779
  data-id="onboarding_ribbon"
1780
1780
  data-selector-id="ribbon"
1781
1781
  data-test-id="onboarding_ribbon"
@@ -1794,7 +1794,7 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1794
1794
  exports[`Onboarding rendering data of sliderData with heading and description 1`] = `
1795
1795
  <DocumentFragment>
1796
1796
  <div
1797
- class="mainContainer mainContainerAnimation"
1797
+ class="mainContainer mainContainerAnimation"
1798
1798
  data-drag-container="true"
1799
1799
  data-id="onboarding_container"
1800
1800
  data-test-id="onboarding_container"
@@ -1834,7 +1834,7 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1834
1834
  data-test-id="flex"
1835
1835
  >
1836
1836
  <div
1837
- class="innerHead "
1837
+ class="innerHead"
1838
1838
  />
1839
1839
  </div>
1840
1840
  <div
@@ -1869,7 +1869,7 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1869
1869
  data-test-id="flex"
1870
1870
  >
1871
1871
  <button
1872
- class="primaryButton footerButton bold primaryfilled medium"
1872
+ class="bold primaryfilled medium primaryButton footerButton"
1873
1873
  data-id="onboarding_primary_button"
1874
1874
  data-selector-id="button"
1875
1875
  data-test-id="onboarding_primary_button"
@@ -1888,14 +1888,14 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1888
1888
  >
1889
1889
  <i
1890
1890
  aria-hidden="true"
1891
- class="zd_font_icons basic icon-inapp-close closeIcon "
1891
+ class="zd_font_icons basic icon-inapp-close closeIcon"
1892
1892
  data-id="fontIcon"
1893
1893
  data-selector-id="fontIcon"
1894
1894
  data-test-id="fontIcon"
1895
1895
  />
1896
1896
  </button>
1897
1897
  <span
1898
- class="basic newRibbon palette_primary medium flag"
1898
+ class="basic palette_primary medium flag newRibbon"
1899
1899
  data-id="onboarding_ribbon"
1900
1900
  data-selector-id="ribbon"
1901
1901
  data-test-id="onboarding_ribbon"
@@ -1914,7 +1914,7 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1914
1914
  exports[`Onboarding rendering data of sliderData with image 1`] = `
1915
1915
  <DocumentFragment>
1916
1916
  <div
1917
- class="mainContainer mainContainerAnimation"
1917
+ class="mainContainer mainContainerAnimation"
1918
1918
  data-drag-container="true"
1919
1919
  data-id="onboarding_container"
1920
1920
  data-test-id="onboarding_container"
@@ -1954,10 +1954,10 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
1954
1954
  data-test-id="flex"
1955
1955
  >
1956
1956
  <div
1957
- class="innerHead "
1957
+ class="innerHead"
1958
1958
  >
1959
1959
  <img
1960
- class=" mediaElement image imgMaxFullSize "
1960
+ class="imgMaxFullSize mediaElement image"
1961
1961
  src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s"
1962
1962
  />
1963
1963
  </div>
@@ -1988,7 +1988,7 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
1988
1988
  data-test-id="flex"
1989
1989
  >
1990
1990
  <button
1991
- class="primaryButton footerButton bold primaryfilled medium"
1991
+ class="bold primaryfilled medium primaryButton footerButton"
1992
1992
  data-id="onboarding_primary_button"
1993
1993
  data-selector-id="button"
1994
1994
  data-test-id="onboarding_primary_button"
@@ -2007,14 +2007,14 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
2007
2007
  >
2008
2008
  <i
2009
2009
  aria-hidden="true"
2010
- class="zd_font_icons basic icon-inapp-close closeIcon "
2010
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2011
2011
  data-id="fontIcon"
2012
2012
  data-selector-id="fontIcon"
2013
2013
  data-test-id="fontIcon"
2014
2014
  />
2015
2015
  </button>
2016
2016
  <span
2017
- class="basic newRibbon palette_primary medium flag"
2017
+ class="basic palette_primary medium flag newRibbon"
2018
2018
  data-id="onboarding_ribbon"
2019
2019
  data-selector-id="ribbon"
2020
2020
  data-test-id="onboarding_ribbon"
@@ -2033,7 +2033,7 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
2033
2033
  exports[`Onboarding rendering data of two sliderData 1`] = `
2034
2034
  <DocumentFragment>
2035
2035
  <div
2036
- class="mainContainer mainContainerAnimation"
2036
+ class="mainContainer mainContainerAnimation"
2037
2037
  data-drag-container="true"
2038
2038
  data-id="onboarding_container"
2039
2039
  data-test-id="onboarding_container"
@@ -2073,7 +2073,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2073
2073
  data-test-id="flex"
2074
2074
  >
2075
2075
  <div
2076
- class="innerHead "
2076
+ class="innerHead"
2077
2077
  />
2078
2078
  </div>
2079
2079
  <div
@@ -2103,7 +2103,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2103
2103
  data-test-id="flex"
2104
2104
  >
2105
2105
  <div
2106
- class="innerHead "
2106
+ class="innerHead"
2107
2107
  />
2108
2108
  </div>
2109
2109
  <div
@@ -2135,12 +2135,12 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2135
2135
  data-test-id="onboarding_carousel_dots"
2136
2136
  >
2137
2137
  <div
2138
- class="bullet bulletActive"
2138
+ class="bullet bulletActive"
2139
2139
  data-id="onboarding_carousel_dots_0"
2140
2140
  data-test-id="onboarding_carousel_dots_0"
2141
2141
  />
2142
2142
  <div
2143
- class="bullet bulletNormal"
2143
+ class="bullet bulletNormal"
2144
2144
  data-id="onboarding_carousel_dots_1"
2145
2145
  data-test-id="onboarding_carousel_dots_1"
2146
2146
  />
@@ -2151,7 +2151,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2151
2151
  data-test-id="flex"
2152
2152
  >
2153
2153
  <button
2154
- class="primaryButton footerButton bold primaryfilled medium"
2154
+ class="bold primaryfilled medium primaryButton footerButton"
2155
2155
  data-id="onboarding_primary_button"
2156
2156
  data-selector-id="button"
2157
2157
  data-test-id="onboarding_primary_button"
@@ -2170,14 +2170,14 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2170
2170
  >
2171
2171
  <i
2172
2172
  aria-hidden="true"
2173
- class="zd_font_icons basic icon-inapp-close closeIcon "
2173
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2174
2174
  data-id="fontIcon"
2175
2175
  data-selector-id="fontIcon"
2176
2176
  data-test-id="fontIcon"
2177
2177
  />
2178
2178
  </button>
2179
2179
  <span
2180
- class="basic newRibbon palette_primary medium flag"
2180
+ class="basic palette_primary medium flag newRibbon"
2181
2181
  data-id="onboarding_ribbon"
2182
2182
  data-selector-id="ribbon"
2183
2183
  data-test-id="onboarding_ribbon"
@@ -2196,7 +2196,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2196
2196
  exports[`Onboarding rendering data with a11yAttributes 1`] = `
2197
2197
  <DocumentFragment>
2198
2198
  <div
2199
- class="mainContainer mainContainerAnimation"
2199
+ class="mainContainer mainContainerAnimation"
2200
2200
  data-a11y-focus="true"
2201
2201
  data-drag-container="true"
2202
2202
  data-id="onboarding_container"
@@ -2227,7 +2227,7 @@ exports[`Onboarding rendering data with a11yAttributes 1`] = `
2227
2227
  data-test-id="flex"
2228
2228
  >
2229
2229
  <button
2230
- class="primaryButton footerButton bold primaryfilled medium"
2230
+ class="bold primaryfilled medium primaryButton footerButton"
2231
2231
  data-id="onboarding_primary_button"
2232
2232
  data-selector-id="button"
2233
2233
  data-test-id="onboarding_primary_button"
@@ -2246,14 +2246,14 @@ exports[`Onboarding rendering data with a11yAttributes 1`] = `
2246
2246
  >
2247
2247
  <i
2248
2248
  aria-hidden="true"
2249
- class="zd_font_icons basic icon-inapp-close closeIcon "
2249
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2250
2250
  data-id="fontIcon"
2251
2251
  data-selector-id="fontIcon"
2252
2252
  data-test-id="fontIcon"
2253
2253
  />
2254
2254
  </button>
2255
2255
  <span
2256
- class="basic newRibbon palette_primary medium flag"
2256
+ class="basic palette_primary medium flag newRibbon"
2257
2257
  data-id="onboarding_ribbon"
2258
2258
  data-selector-id="ribbon"
2259
2259
  data-test-id="onboarding_ribbon"
@@ -2272,7 +2272,7 @@ exports[`Onboarding rendering data with a11yAttributes 1`] = `
2272
2272
  exports[`Onboarding rendering data with closeIconTooltip 1`] = `
2273
2273
  <DocumentFragment>
2274
2274
  <div
2275
- class="mainContainer mainContainerAnimation"
2275
+ class="mainContainer mainContainerAnimation"
2276
2276
  data-drag-container="true"
2277
2277
  data-id="onboarding_container"
2278
2278
  data-test-id="onboarding_container"
@@ -2302,7 +2302,7 @@ exports[`Onboarding rendering data with closeIconTooltip 1`] = `
2302
2302
  data-test-id="flex"
2303
2303
  >
2304
2304
  <button
2305
- class="primaryButton footerButton bold primaryfilled medium"
2305
+ class="bold primaryfilled medium primaryButton footerButton"
2306
2306
  data-id="onboarding_primary_button"
2307
2307
  data-selector-id="button"
2308
2308
  data-test-id="onboarding_primary_button"
@@ -2321,14 +2321,14 @@ exports[`Onboarding rendering data with closeIconTooltip 1`] = `
2321
2321
  >
2322
2322
  <i
2323
2323
  aria-hidden="true"
2324
- class="zd_font_icons basic icon-inapp-close closeIcon "
2324
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2325
2325
  data-id="fontIcon"
2326
2326
  data-selector-id="fontIcon"
2327
2327
  data-test-id="fontIcon"
2328
2328
  />
2329
2329
  </button>
2330
2330
  <span
2331
- class="basic newRibbon palette_primary medium flag"
2331
+ class="basic palette_primary medium flag newRibbon"
2332
2332
  data-id="onboarding_ribbon"
2333
2333
  data-selector-id="ribbon"
2334
2334
  data-test-id="onboarding_ribbon"
@@ -2347,7 +2347,7 @@ exports[`Onboarding rendering data with closeIconTooltip 1`] = `
2347
2347
  exports[`Onboarding rendering data with customStyle 1`] = `
2348
2348
  <DocumentFragment>
2349
2349
  <div
2350
- class="mainContainer customMainContainer mainContainerAnimation"
2350
+ class="mainContainer customMainContainer mainContainerAnimation"
2351
2351
  data-drag-container="true"
2352
2352
  data-id="onboarding_container"
2353
2353
  data-test-id="onboarding_container"
@@ -2377,7 +2377,7 @@ exports[`Onboarding rendering data with customStyle 1`] = `
2377
2377
  data-test-id="flex"
2378
2378
  >
2379
2379
  <button
2380
- class="primaryButton footerButton bold primaryfilled medium"
2380
+ class="bold primaryfilled medium primaryButton footerButton"
2381
2381
  data-id="onboarding_primary_button"
2382
2382
  data-selector-id="button"
2383
2383
  data-test-id="onboarding_primary_button"
@@ -2396,14 +2396,14 @@ exports[`Onboarding rendering data with customStyle 1`] = `
2396
2396
  >
2397
2397
  <i
2398
2398
  aria-hidden="true"
2399
- class="zd_font_icons basic icon-inapp-close closeIcon "
2399
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2400
2400
  data-id="fontIcon"
2401
2401
  data-selector-id="fontIcon"
2402
2402
  data-test-id="fontIcon"
2403
2403
  />
2404
2404
  </button>
2405
2405
  <span
2406
- class="basic newRibbon palette_primary medium flag"
2406
+ class="basic palette_primary medium flag newRibbon"
2407
2407
  data-id="onboarding_ribbon"
2408
2408
  data-selector-id="ribbon"
2409
2409
  data-test-id="onboarding_ribbon"
@@ -2422,7 +2422,7 @@ exports[`Onboarding rendering data with customStyle 1`] = `
2422
2422
  exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton as true, hasSecondaryButtonLink as false 1`] = `
2423
2423
  <DocumentFragment>
2424
2424
  <div
2425
- class="mainContainer mainContainerAnimation"
2425
+ class="mainContainer mainContainerAnimation"
2426
2426
  data-drag-container="true"
2427
2427
  data-id="onboarding_container"
2428
2428
  data-test-id="onboarding_container"
@@ -2462,7 +2462,7 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2462
2462
  data-test-id="flex"
2463
2463
  >
2464
2464
  <div
2465
- class="innerHead "
2465
+ class="innerHead"
2466
2466
  />
2467
2467
  </div>
2468
2468
  <div
@@ -2491,7 +2491,7 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2491
2491
  data-test-id="flex"
2492
2492
  >
2493
2493
  <button
2494
- class=" secondaryButtton footerButton expandedButton bold primary medium"
2494
+ class="bold primary medium secondaryButtton footerButton expandedButton"
2495
2495
  data-id="onboarding_secondary_button"
2496
2496
  data-selector-id="button"
2497
2497
  data-test-id="onboarding_secondary_button"
@@ -2500,7 +2500,7 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2500
2500
  Button
2501
2501
  </button>
2502
2502
  <button
2503
- class="primaryButton footerButton expandedButton bold primaryfilled medium"
2503
+ class="bold primaryfilled medium primaryButton footerButton expandedButton"
2504
2504
  data-id="onboarding_primary_button"
2505
2505
  data-selector-id="button"
2506
2506
  data-test-id="onboarding_primary_button"
@@ -2519,14 +2519,14 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2519
2519
  >
2520
2520
  <i
2521
2521
  aria-hidden="true"
2522
- class="zd_font_icons basic icon-inapp-close closeIcon "
2522
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2523
2523
  data-id="fontIcon"
2524
2524
  data-selector-id="fontIcon"
2525
2525
  data-test-id="fontIcon"
2526
2526
  />
2527
2527
  </button>
2528
2528
  <span
2529
- class="basic newRibbon palette_primary medium flag"
2529
+ class="basic palette_primary medium flag newRibbon"
2530
2530
  data-id="onboarding_ribbon"
2531
2531
  data-selector-id="ribbon"
2532
2532
  data-test-id="onboarding_ribbon"
@@ -2545,7 +2545,7 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2545
2545
  exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton, hasSecondaryButtonLink as true 1`] = `
2546
2546
  <DocumentFragment>
2547
2547
  <div
2548
- class="mainContainer mainContainerAnimation"
2548
+ class="mainContainer mainContainerAnimation"
2549
2549
  data-drag-container="true"
2550
2550
  data-id="onboarding_container"
2551
2551
  data-test-id="onboarding_container"
@@ -2585,7 +2585,7 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2585
2585
  data-test-id="flex"
2586
2586
  >
2587
2587
  <div
2588
- class="innerHead "
2588
+ class="innerHead"
2589
2589
  />
2590
2590
  </div>
2591
2591
  <div
@@ -2614,7 +2614,7 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2614
2614
  data-test-id="flex"
2615
2615
  >
2616
2616
  <a
2617
- class="container secondaryButtton secondaryButttonLink footerButton expandedButton"
2617
+ class="container secondaryButtton secondaryButttonLink footerButton expandedButton"
2618
2618
  data-id="onboarding_secondary_button_link"
2619
2619
  data-test-id="onboarding_secondary_button_link"
2620
2620
  href="https://gc.zoho.com/org/746519053/widgets/4398000000528001"
@@ -2622,7 +2622,7 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2622
2622
  target="_blank"
2623
2623
  />
2624
2624
  <button
2625
- class="primaryButton footerButton expandedButton bold primaryfilled medium"
2625
+ class="bold primaryfilled medium primaryButton footerButton expandedButton"
2626
2626
  data-id="onboarding_primary_button"
2627
2627
  data-selector-id="button"
2628
2628
  data-test-id="onboarding_primary_button"
@@ -2641,14 +2641,14 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2641
2641
  >
2642
2642
  <i
2643
2643
  aria-hidden="true"
2644
- class="zd_font_icons basic icon-inapp-close closeIcon "
2644
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2645
2645
  data-id="fontIcon"
2646
2646
  data-selector-id="fontIcon"
2647
2647
  data-test-id="fontIcon"
2648
2648
  />
2649
2649
  </button>
2650
2650
  <span
2651
- class="basic newRibbon palette_primary medium flag"
2651
+ class="basic palette_primary medium flag newRibbon"
2652
2652
  data-id="onboarding_ribbon"
2653
2653
  data-selector-id="ribbon"
2654
2654
  data-test-id="onboarding_ribbon"
@@ -2667,7 +2667,7 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2667
2667
  exports[`Onboarding rendering data with mediaElement 1`] = `
2668
2668
  <DocumentFragment>
2669
2669
  <div
2670
- class="mainContainer mainContainerAnimation"
2670
+ class="mainContainer mainContainerAnimation"
2671
2671
  data-drag-container="true"
2672
2672
  data-id="onboarding_container"
2673
2673
  data-test-id="onboarding_container"
@@ -2707,7 +2707,7 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2707
2707
  data-test-id="flex"
2708
2708
  >
2709
2709
  <div
2710
- class="innerHead "
2710
+ class="innerHead"
2711
2711
  >
2712
2712
  <div>
2713
2713
  Custom Element
@@ -2743,7 +2743,7 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2743
2743
  data-test-id="flex"
2744
2744
  >
2745
2745
  <button
2746
- class="primaryButton footerButton bold primaryfilled medium"
2746
+ class="bold primaryfilled medium primaryButton footerButton"
2747
2747
  data-id="onboarding_primary_button"
2748
2748
  data-selector-id="button"
2749
2749
  data-test-id="onboarding_primary_button"
@@ -2762,14 +2762,14 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2762
2762
  >
2763
2763
  <i
2764
2764
  aria-hidden="true"
2765
- class="zd_font_icons basic icon-inapp-close closeIcon "
2765
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2766
2766
  data-id="fontIcon"
2767
2767
  data-selector-id="fontIcon"
2768
2768
  data-test-id="fontIcon"
2769
2769
  />
2770
2770
  </button>
2771
2771
  <span
2772
- class="basic newRibbon palette_primary medium flag"
2772
+ class="basic palette_primary medium flag newRibbon"
2773
2773
  data-id="onboarding_ribbon"
2774
2774
  data-selector-id="ribbon"
2775
2775
  data-test-id="onboarding_ribbon"
@@ -2818,7 +2818,7 @@ exports[`Onboarding rendering data with position - absolute 1`] = `
2818
2818
  data-test-id="flex"
2819
2819
  >
2820
2820
  <button
2821
- class="primaryButton footerButton bold primaryfilled medium"
2821
+ class="bold primaryfilled medium primaryButton footerButton"
2822
2822
  data-id="onboarding_primary_button"
2823
2823
  data-selector-id="button"
2824
2824
  data-test-id="onboarding_primary_button"
@@ -2837,14 +2837,14 @@ exports[`Onboarding rendering data with position - absolute 1`] = `
2837
2837
  >
2838
2838
  <i
2839
2839
  aria-hidden="true"
2840
- class="zd_font_icons basic icon-inapp-close closeIcon "
2840
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2841
2841
  data-id="fontIcon"
2842
2842
  data-selector-id="fontIcon"
2843
2843
  data-test-id="fontIcon"
2844
2844
  />
2845
2845
  </button>
2846
2846
  <span
2847
- class="basic newRibbon palette_primary medium flag"
2847
+ class="basic palette_primary medium flag newRibbon"
2848
2848
  data-id="onboarding_ribbon"
2849
2849
  data-selector-id="ribbon"
2850
2850
  data-test-id="onboarding_ribbon"
@@ -2863,7 +2863,7 @@ exports[`Onboarding rendering data with position - absolute 1`] = `
2863
2863
  exports[`Onboarding rendering data with tagAttributes 1`] = `
2864
2864
  <DocumentFragment>
2865
2865
  <div
2866
- class="mainContainer mainContainerAnimation"
2866
+ class="mainContainer mainContainerAnimation"
2867
2867
  data-drag-container="true"
2868
2868
  data-id="onboarding_container"
2869
2869
  data-scroll="true"
@@ -2894,7 +2894,7 @@ exports[`Onboarding rendering data with tagAttributes 1`] = `
2894
2894
  data-test-id="flex"
2895
2895
  >
2896
2896
  <button
2897
- class="primaryButton footerButton bold primaryfilled medium"
2897
+ class="bold primaryfilled medium primaryButton footerButton"
2898
2898
  data-id="onboarding_primary_button"
2899
2899
  data-selector-id="button"
2900
2900
  data-test-id="onboarding_primary_button"
@@ -2913,14 +2913,14 @@ exports[`Onboarding rendering data with tagAttributes 1`] = `
2913
2913
  >
2914
2914
  <i
2915
2915
  aria-hidden="true"
2916
- class="zd_font_icons basic icon-inapp-close closeIcon "
2916
+ class="zd_font_icons basic icon-inapp-close closeIcon"
2917
2917
  data-id="fontIcon"
2918
2918
  data-selector-id="fontIcon"
2919
2919
  data-test-id="fontIcon"
2920
2920
  />
2921
2921
  </button>
2922
2922
  <span
2923
- class="basic newRibbon palette_primary medium flag"
2923
+ class="basic palette_primary medium flag newRibbon"
2924
2924
  data-id="onboarding_ribbon"
2925
2925
  data-selector-id="ribbon"
2926
2926
  data-test-id="onboarding_ribbon"
@@ -2939,7 +2939,7 @@ exports[`Onboarding rendering data with tagAttributes 1`] = `
2939
2939
  exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
2940
2940
  <DocumentFragment>
2941
2941
  <div
2942
- class="mainContainer mainContainerAnimation"
2942
+ class="mainContainer mainContainerAnimation"
2943
2943
  data-drag-container="true"
2944
2944
  data-id="onboarding_container"
2945
2945
  data-test-id="onboarding_container"
@@ -2979,7 +2979,7 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
2979
2979
  data-test-id="flex"
2980
2980
  >
2981
2981
  <div
2982
- class="innerHead "
2982
+ class="innerHead"
2983
2983
  />
2984
2984
  </div>
2985
2985
  <div
@@ -3008,7 +3008,7 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
3008
3008
  data-test-id="flex"
3009
3009
  >
3010
3010
  <button
3011
- class=" secondaryButtton footerButton bold primary medium"
3011
+ class="bold primary medium secondaryButtton footerButton"
3012
3012
  data-id="onboarding_secondary_button"
3013
3013
  data-selector-id="button"
3014
3014
  data-test-id="onboarding_secondary_button"
@@ -3018,7 +3018,7 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
3018
3018
  read more
3019
3019
  </button>
3020
3020
  <button
3021
- class="primaryButton footerButton bold primaryfilled medium"
3021
+ class="bold primaryfilled medium primaryButton footerButton"
3022
3022
  data-id="onboarding_primary_button"
3023
3023
  data-selector-id="button"
3024
3024
  data-test-id="onboarding_primary_button"
@@ -3037,14 +3037,14 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
3037
3037
  >
3038
3038
  <i
3039
3039
  aria-hidden="true"
3040
- class="zd_font_icons basic icon-inapp-close closeIcon "
3040
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3041
3041
  data-id="fontIcon"
3042
3042
  data-selector-id="fontIcon"
3043
3043
  data-test-id="fontIcon"
3044
3044
  />
3045
3045
  </button>
3046
3046
  <span
3047
- class="basic newRibbon palette_primary medium flag"
3047
+ class="basic palette_primary medium flag newRibbon"
3048
3048
  data-id="onboarding_ribbon"
3049
3049
  data-selector-id="ribbon"
3050
3050
  data-test-id="onboarding_ribbon"
@@ -3063,7 +3063,7 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
3063
3063
  exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
3064
3064
  <DocumentFragment>
3065
3065
  <div
3066
- class="mainContainer "
3066
+ class="mainContainer"
3067
3067
  data-drag-container="true"
3068
3068
  data-id="onboarding_container"
3069
3069
  data-test-id="onboarding_container"
@@ -3093,7 +3093,7 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
3093
3093
  data-test-id="flex"
3094
3094
  >
3095
3095
  <button
3096
- class="primaryButton footerButton bold primaryfilled medium"
3096
+ class="bold primaryfilled medium primaryButton footerButton"
3097
3097
  data-id="onboarding_primary_button"
3098
3098
  data-selector-id="button"
3099
3099
  data-test-id="onboarding_primary_button"
@@ -3112,14 +3112,14 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
3112
3112
  >
3113
3113
  <i
3114
3114
  aria-hidden="true"
3115
- class="zd_font_icons basic icon-inapp-close closeIcon "
3115
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3116
3116
  data-id="fontIcon"
3117
3117
  data-selector-id="fontIcon"
3118
3118
  data-test-id="fontIcon"
3119
3119
  />
3120
3120
  </button>
3121
3121
  <span
3122
- class="basic newRibbon palette_primary medium flag"
3122
+ class="basic palette_primary medium flag newRibbon"
3123
3123
  data-id="onboarding_ribbon"
3124
3124
  data-selector-id="ribbon"
3125
3125
  data-test-id="onboarding_ribbon"
@@ -3138,7 +3138,7 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
3138
3138
  exports[`Onboarding rendering data without hasCloseIcon 1`] = `
3139
3139
  <DocumentFragment>
3140
3140
  <div
3141
- class="mainContainer mainContainerAnimation"
3141
+ class="mainContainer mainContainerAnimation"
3142
3142
  data-drag-container="true"
3143
3143
  data-id="onboarding_container"
3144
3144
  data-test-id="onboarding_container"
@@ -3168,7 +3168,7 @@ exports[`Onboarding rendering data without hasCloseIcon 1`] = `
3168
3168
  data-test-id="flex"
3169
3169
  >
3170
3170
  <button
3171
- class="primaryButton footerButton bold primaryfilled medium"
3171
+ class="bold primaryfilled medium primaryButton footerButton"
3172
3172
  data-id="onboarding_primary_button"
3173
3173
  data-selector-id="button"
3174
3174
  data-test-id="onboarding_primary_button"
@@ -3180,7 +3180,7 @@ exports[`Onboarding rendering data without hasCloseIcon 1`] = `
3180
3180
  </div>
3181
3181
  </div>
3182
3182
  <span
3183
- class="basic newRibbon palette_primary medium flag"
3183
+ class="basic palette_primary medium flag newRibbon"
3184
3184
  data-id="onboarding_ribbon"
3185
3185
  data-selector-id="ribbon"
3186
3186
  data-test-id="onboarding_ribbon"
@@ -3199,7 +3199,7 @@ exports[`Onboarding rendering data without hasCloseIcon 1`] = `
3199
3199
  exports[`Onboarding rendering data without hasExpandedButton 1`] = `
3200
3200
  <DocumentFragment>
3201
3201
  <div
3202
- class="mainContainer mainContainerAnimation"
3202
+ class="mainContainer mainContainerAnimation"
3203
3203
  data-drag-container="true"
3204
3204
  data-id="onboarding_container"
3205
3205
  data-test-id="onboarding_container"
@@ -3229,7 +3229,7 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
3229
3229
  data-test-id="flex"
3230
3230
  >
3231
3231
  <button
3232
- class="primaryButton footerButton bold primaryfilled medium"
3232
+ class="bold primaryfilled medium primaryButton footerButton"
3233
3233
  data-id="onboarding_primary_button"
3234
3234
  data-selector-id="button"
3235
3235
  data-test-id="onboarding_primary_button"
@@ -3248,14 +3248,14 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
3248
3248
  >
3249
3249
  <i
3250
3250
  aria-hidden="true"
3251
- class="zd_font_icons basic icon-inapp-close closeIcon "
3251
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3252
3252
  data-id="fontIcon"
3253
3253
  data-selector-id="fontIcon"
3254
3254
  data-test-id="fontIcon"
3255
3255
  />
3256
3256
  </button>
3257
3257
  <span
3258
- class="basic newRibbon palette_primary medium flag"
3258
+ class="basic palette_primary medium flag newRibbon"
3259
3259
  data-id="onboarding_ribbon"
3260
3260
  data-selector-id="ribbon"
3261
3261
  data-test-id="onboarding_ribbon"
@@ -3274,7 +3274,7 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
3274
3274
  exports[`Onboarding rendering data without isDraggable 1`] = `
3275
3275
  <DocumentFragment>
3276
3276
  <div
3277
- class="mainContainer mainContainerAnimation"
3277
+ class="mainContainer mainContainerAnimation"
3278
3278
  data-drag-container="false"
3279
3279
  data-id="onboarding_container"
3280
3280
  data-test-id="onboarding_container"
@@ -3303,7 +3303,7 @@ exports[`Onboarding rendering data without isDraggable 1`] = `
3303
3303
  data-test-id="flex"
3304
3304
  >
3305
3305
  <button
3306
- class="primaryButton footerButton bold primaryfilled medium"
3306
+ class="bold primaryfilled medium primaryButton footerButton"
3307
3307
  data-id="onboarding_primary_button"
3308
3308
  data-selector-id="button"
3309
3309
  data-test-id="onboarding_primary_button"
@@ -3322,14 +3322,14 @@ exports[`Onboarding rendering data without isDraggable 1`] = `
3322
3322
  >
3323
3323
  <i
3324
3324
  aria-hidden="true"
3325
- class="zd_font_icons basic icon-inapp-close closeIcon "
3325
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3326
3326
  data-id="fontIcon"
3327
3327
  data-selector-id="fontIcon"
3328
3328
  data-test-id="fontIcon"
3329
3329
  />
3330
3330
  </button>
3331
3331
  <span
3332
- class="basic newRibbon palette_primary medium flag"
3332
+ class="basic palette_primary medium flag newRibbon"
3333
3333
  data-id="onboarding_ribbon"
3334
3334
  data-selector-id="ribbon"
3335
3335
  data-test-id="onboarding_ribbon"
@@ -3348,7 +3348,7 @@ exports[`Onboarding rendering data without isDraggable 1`] = `
3348
3348
  exports[`Onboarding rendering data without primaryButtonText 1`] = `
3349
3349
  <DocumentFragment>
3350
3350
  <div
3351
- class="mainContainer mainContainerAnimation"
3351
+ class="mainContainer mainContainerAnimation"
3352
3352
  data-drag-container="true"
3353
3353
  data-id="onboarding_container"
3354
3354
  data-test-id="onboarding_container"
@@ -3388,7 +3388,7 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
3388
3388
  data-test-id="flex"
3389
3389
  >
3390
3390
  <div
3391
- class="innerHead "
3391
+ class="innerHead"
3392
3392
  />
3393
3393
  </div>
3394
3394
  <div
@@ -3425,14 +3425,14 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
3425
3425
  >
3426
3426
  <i
3427
3427
  aria-hidden="true"
3428
- class="zd_font_icons basic icon-inapp-close closeIcon "
3428
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3429
3429
  data-id="fontIcon"
3430
3430
  data-selector-id="fontIcon"
3431
3431
  data-test-id="fontIcon"
3432
3432
  />
3433
3433
  </button>
3434
3434
  <span
3435
- class="basic newRibbon palette_primary medium flag"
3435
+ class="basic palette_primary medium flag newRibbon"
3436
3436
  data-id="onboarding_ribbon"
3437
3437
  data-selector-id="ribbon"
3438
3438
  data-test-id="onboarding_ribbon"
@@ -3451,7 +3451,7 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
3451
3451
  exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3452
3452
  <DocumentFragment>
3453
3453
  <div
3454
- class="mainContainer mainContainerAnimation"
3454
+ class="mainContainer mainContainerAnimation"
3455
3455
  data-drag-container="true"
3456
3456
  data-id="onboarding_container"
3457
3457
  data-test-id="onboarding_container"
@@ -3491,7 +3491,7 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3491
3491
  data-test-id="flex"
3492
3492
  >
3493
3493
  <div
3494
- class="innerHead "
3494
+ class="innerHead"
3495
3495
  />
3496
3496
  </div>
3497
3497
  <div
@@ -3520,7 +3520,7 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3520
3520
  data-test-id="flex"
3521
3521
  >
3522
3522
  <button
3523
- class="primaryButton footerButton bold primaryfilled medium"
3523
+ class="bold primaryfilled medium primaryButton footerButton"
3524
3524
  data-id="onboarding_primary_button"
3525
3525
  data-selector-id="button"
3526
3526
  data-test-id="onboarding_primary_button"
@@ -3539,14 +3539,14 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3539
3539
  >
3540
3540
  <i
3541
3541
  aria-hidden="true"
3542
- class="zd_font_icons basic icon-inapp-close closeIcon "
3542
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3543
3543
  data-id="fontIcon"
3544
3544
  data-selector-id="fontIcon"
3545
3545
  data-test-id="fontIcon"
3546
3546
  />
3547
3547
  </button>
3548
3548
  <span
3549
- class="basic newRibbon palette_primary medium flag"
3549
+ class="basic palette_primary medium flag newRibbon"
3550
3550
  data-id="onboarding_ribbon"
3551
3551
  data-selector-id="ribbon"
3552
3552
  data-test-id="onboarding_ribbon"
@@ -3565,7 +3565,7 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3565
3565
  exports[`Onboarding rendering prop of ribbonText 1`] = `
3566
3566
  <DocumentFragment>
3567
3567
  <div
3568
- class="mainContainer mainContainerAnimation"
3568
+ class="mainContainer mainContainerAnimation"
3569
3569
  data-drag-container="true"
3570
3570
  data-id="onboarding_container"
3571
3571
  data-test-id="onboarding_container"
@@ -3595,7 +3595,7 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
3595
3595
  data-test-id="flex"
3596
3596
  >
3597
3597
  <button
3598
- class="primaryButton footerButton bold primaryfilled medium"
3598
+ class="bold primaryfilled medium primaryButton footerButton"
3599
3599
  data-id="onboarding_primary_button"
3600
3600
  data-selector-id="button"
3601
3601
  data-test-id="onboarding_primary_button"
@@ -3614,14 +3614,14 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
3614
3614
  >
3615
3615
  <i
3616
3616
  aria-hidden="true"
3617
- class="zd_font_icons basic icon-inapp-close closeIcon "
3617
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3618
3618
  data-id="fontIcon"
3619
3619
  data-selector-id="fontIcon"
3620
3620
  data-test-id="fontIcon"
3621
3621
  />
3622
3622
  </button>
3623
3623
  <span
3624
- class="basic newRibbon palette_primary medium flag"
3624
+ class="basic palette_primary medium flag newRibbon"
3625
3625
  data-id="onboarding_ribbon"
3626
3626
  data-selector-id="ribbon"
3627
3627
  data-test-id="onboarding_ribbon"
@@ -3640,7 +3640,7 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
3640
3640
  exports[`Onboarding rendering the defult props 1`] = `
3641
3641
  <DocumentFragment>
3642
3642
  <div
3643
- class="mainContainer mainContainerAnimation"
3643
+ class="mainContainer mainContainerAnimation"
3644
3644
  data-drag-container="true"
3645
3645
  data-id="onboarding_container"
3646
3646
  data-test-id="onboarding_container"
@@ -3670,7 +3670,7 @@ exports[`Onboarding rendering the defult props 1`] = `
3670
3670
  data-test-id="flex"
3671
3671
  >
3672
3672
  <button
3673
- class="primaryButton footerButton bold primaryfilled medium"
3673
+ class="bold primaryfilled medium primaryButton footerButton"
3674
3674
  data-id="onboarding_primary_button"
3675
3675
  data-selector-id="button"
3676
3676
  data-test-id="onboarding_primary_button"
@@ -3689,14 +3689,14 @@ exports[`Onboarding rendering the defult props 1`] = `
3689
3689
  >
3690
3690
  <i
3691
3691
  aria-hidden="true"
3692
- class="zd_font_icons basic icon-inapp-close closeIcon "
3692
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3693
3693
  data-id="fontIcon"
3694
3694
  data-selector-id="fontIcon"
3695
3695
  data-test-id="fontIcon"
3696
3696
  />
3697
3697
  </button>
3698
3698
  <span
3699
- class="basic newRibbon palette_primary medium flag"
3699
+ class="basic palette_primary medium flag newRibbon"
3700
3700
  data-id="onboarding_ribbon"
3701
3701
  data-selector-id="ribbon"
3702
3702
  data-test-id="onboarding_ribbon"
@@ -3715,7 +3715,7 @@ exports[`Onboarding rendering the defult props 1`] = `
3715
3715
  exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
3716
3716
  <DocumentFragment>
3717
3717
  <div
3718
- class="mainContainer mainContainerAnimation"
3718
+ class="mainContainer mainContainerAnimation"
3719
3719
  data-drag-container="true"
3720
3720
  data-id="onboarding_container"
3721
3721
  data-test-id="onboarding_container"
@@ -3745,7 +3745,7 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
3745
3745
  data-test-id="flex"
3746
3746
  >
3747
3747
  <button
3748
- class="primaryButton footerButton bold primaryfilled medium"
3748
+ class="bold primaryfilled medium primaryButton footerButton"
3749
3749
  data-id="onboarding_primary_button"
3750
3750
  data-selector-id="button"
3751
3751
  data-test-id="onboarding_primary_button"
@@ -3764,7 +3764,7 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
3764
3764
  >
3765
3765
  <i
3766
3766
  aria-hidden="true"
3767
- class="zd_font_icons basic icon-inapp-close closeIcon "
3767
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3768
3768
  data-id="fontIcon"
3769
3769
  data-selector-id="fontIcon"
3770
3770
  data-test-id="fontIcon"
@@ -3778,7 +3778,7 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
3778
3778
  exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3779
3779
  <DocumentFragment>
3780
3780
  <div
3781
- class="mainContainer mainContainerAnimation"
3781
+ class="mainContainer mainContainerAnimation"
3782
3782
  data-drag-container="true"
3783
3783
  data-id="radar_onboarding_container"
3784
3784
  data-test-id="onboarding_container"
@@ -3818,7 +3818,7 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3818
3818
  data-test-id="flex"
3819
3819
  >
3820
3820
  <div
3821
- class="innerHead "
3821
+ class="innerHead"
3822
3822
  />
3823
3823
  </div>
3824
3824
  <div
@@ -3847,7 +3847,7 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3847
3847
  data-test-id="flex"
3848
3848
  >
3849
3849
  <a
3850
- class="container secondaryButtton secondaryButttonLink footerButton "
3850
+ class="container secondaryButtton secondaryButttonLink footerButton"
3851
3851
  data-id="radar_onboarding_secondary_button_link"
3852
3852
  data-test-id="radar_onboarding_secondary_button_link"
3853
3853
  data-title="learn more"
@@ -3858,7 +3858,7 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3858
3858
  learn more
3859
3859
  </a>
3860
3860
  <button
3861
- class="primaryButton footerButton bold primaryfilled medium"
3861
+ class="bold primaryfilled medium primaryButton footerButton"
3862
3862
  data-id="radar_onboarding_primary_button"
3863
3863
  data-selector-id="button"
3864
3864
  data-test-id="radar_onboarding_primary_button"
@@ -3877,14 +3877,14 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3877
3877
  >
3878
3878
  <i
3879
3879
  aria-hidden="true"
3880
- class="zd_font_icons basic icon-inapp-close closeIcon "
3880
+ class="zd_font_icons basic icon-inapp-close closeIcon"
3881
3881
  data-id="fontIcon"
3882
3882
  data-selector-id="fontIcon"
3883
3883
  data-test-id="fontIcon"
3884
3884
  />
3885
3885
  </button>
3886
3886
  <span
3887
- class="basic newRibbon palette_primary medium flag"
3887
+ class="basic palette_primary medium flag newRibbon"
3888
3888
  data-id="radar_onboarding_ribbon"
3889
3889
  data-selector-id="ribbon"
3890
3890
  data-test-id="radar_onboarding_ribbon"
@@ -3903,7 +3903,7 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3903
3903
  exports[`Onboarding rendering with customId 1`] = `
3904
3904
  <DocumentFragment>
3905
3905
  <div
3906
- class="mainContainer mainContainerAnimation"
3906
+ class="mainContainer mainContainerAnimation"
3907
3907
  data-drag-container="true"
3908
3908
  data-id="radar_onboarding_container"
3909
3909
  data-test-id="onboarding_container"
@@ -3961,13 +3961,13 @@ exports[`Onboarding rendering with customId 1`] = `
3961
3961
  data-test-id="flex"
3962
3962
  >
3963
3963
  <button
3964
- class="flex row alignItems_center justifyContent_center playIcon undefined buttonReset"
3964
+ class="flex row alignItems_center justifyContent_center playIcon buttonReset"
3965
3965
  data-id="radar_onboarding_play_icon"
3966
3966
  data-test-id="onboarding_play_icon"
3967
3967
  >
3968
3968
  <i
3969
3969
  aria-hidden="true"
3970
- class="zd_font_icons basic icon-arrowFill playIconInner "
3970
+ class="zd_font_icons basic icon-arrowFill playIconInner"
3971
3971
  data-id="fontIcon"
3972
3972
  data-selector-id="fontIcon"
3973
3973
  data-test-id="fontIcon"
@@ -4008,7 +4008,7 @@ exports[`Onboarding rendering with customId 1`] = `
4008
4008
  data-test-id="flex"
4009
4009
  >
4010
4010
  <button
4011
- class=" secondaryButtton footerButton bold primary medium"
4011
+ class="bold primary medium secondaryButtton footerButton"
4012
4012
  data-id="radar_onboarding_secondary_button"
4013
4013
  data-selector-id="button"
4014
4014
  data-test-id="radar_onboarding_secondary_button"
@@ -4017,7 +4017,7 @@ exports[`Onboarding rendering with customId 1`] = `
4017
4017
  Button
4018
4018
  </button>
4019
4019
  <button
4020
- class="primaryButton footerButton bold primaryfilled medium"
4020
+ class="bold primaryfilled medium primaryButton footerButton"
4021
4021
  data-id="radar_onboarding_primary_button"
4022
4022
  data-selector-id="button"
4023
4023
  data-test-id="radar_onboarding_primary_button"
@@ -4036,14 +4036,14 @@ exports[`Onboarding rendering with customId 1`] = `
4036
4036
  >
4037
4037
  <i
4038
4038
  aria-hidden="true"
4039
- class="zd_font_icons basic icon-inapp-close closeIcon "
4039
+ class="zd_font_icons basic icon-inapp-close closeIcon"
4040
4040
  data-id="fontIcon"
4041
4041
  data-selector-id="fontIcon"
4042
4042
  data-test-id="fontIcon"
4043
4043
  />
4044
4044
  </button>
4045
4045
  <span
4046
- class="basic newRibbon palette_primary medium flag"
4046
+ class="basic palette_primary medium flag newRibbon"
4047
4047
  data-id="radar_onboarding_ribbon"
4048
4048
  data-selector-id="ribbon"
4049
4049
  data-test-id="radar_onboarding_ribbon"
@@ -4062,7 +4062,7 @@ exports[`Onboarding rendering with customId 1`] = `
4062
4062
  exports[`Onboarding rendering with testId 1`] = `
4063
4063
  <DocumentFragment>
4064
4064
  <div
4065
- class="mainContainer mainContainerAnimation"
4065
+ class="mainContainer mainContainerAnimation"
4066
4066
  data-drag-container="true"
4067
4067
  data-id="onboarding_container"
4068
4068
  data-test-id="radar_onboarding_container"
@@ -4110,13 +4110,13 @@ exports[`Onboarding rendering with testId 1`] = `
4110
4110
  data-test-id="flex"
4111
4111
  >
4112
4112
  <button
4113
- class="flex row alignItems_center justifyContent_center playIcon undefined buttonReset"
4113
+ class="flex row alignItems_center justifyContent_center playIcon buttonReset"
4114
4114
  data-id="onboarding_play_icon"
4115
4115
  data-test-id="radar_onboarding_play_icon"
4116
4116
  >
4117
4117
  <i
4118
4118
  aria-hidden="true"
4119
- class="zd_font_icons basic icon-arrowFill playIconInner "
4119
+ class="zd_font_icons basic icon-arrowFill playIconInner"
4120
4120
  data-id="fontIcon"
4121
4121
  data-selector-id="fontIcon"
4122
4122
  data-test-id="fontIcon"
@@ -4151,7 +4151,7 @@ exports[`Onboarding rendering with testId 1`] = `
4151
4151
  data-test-id="flex"
4152
4152
  >
4153
4153
  <button
4154
- class="primaryButton footerButton bold primaryfilled medium"
4154
+ class="bold primaryfilled medium primaryButton footerButton"
4155
4155
  data-id="onboarding_primary_button"
4156
4156
  data-selector-id="button"
4157
4157
  data-test-id="onboarding_primary_button"
@@ -4170,14 +4170,14 @@ exports[`Onboarding rendering with testId 1`] = `
4170
4170
  >
4171
4171
  <i
4172
4172
  aria-hidden="true"
4173
- class="zd_font_icons basic icon-inapp-close closeIcon "
4173
+ class="zd_font_icons basic icon-inapp-close closeIcon"
4174
4174
  data-id="fontIcon"
4175
4175
  data-selector-id="fontIcon"
4176
4176
  data-test-id="fontIcon"
4177
4177
  />
4178
4178
  </button>
4179
4179
  <span
4180
- class="basic newRibbon palette_primary medium flag"
4180
+ class="basic palette_primary medium flag newRibbon"
4181
4181
  data-id="onboarding_ribbon"
4182
4182
  data-selector-id="ribbon"
4183
4183
  data-test-id="onboarding_ribbon"