@zohodesk/dot 1.9.18 → 1.9.20

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 (825) hide show
  1. package/CHANGELOG.md +1911 -0
  2. package/README.md +16 -1896
  3. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +422 -425
  4. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +11 -11
  5. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +16 -16
  6. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +11 -11
  7. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +16 -16
  8. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +11 -11
  9. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +16 -16
  10. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +11 -11
  11. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +16 -16
  12. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +11 -11
  13. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +16 -16
  14. package/assets/Appearance/light/mode/Dot_LightMode.module.css +422 -425
  15. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +11 -11
  16. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +16 -16
  17. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +11 -11
  18. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +16 -16
  19. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +11 -11
  20. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +16 -16
  21. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +11 -11
  22. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +16 -16
  23. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +11 -11
  24. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +16 -16
  25. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +422 -425
  26. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +11 -11
  27. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +16 -16
  28. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +11 -11
  29. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +16 -16
  30. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +11 -11
  31. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +16 -16
  32. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +11 -11
  33. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +16 -16
  34. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +11 -11
  35. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +16 -16
  36. package/es/ActionButton/ActionButton.module.css +6 -11
  37. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +297 -297
  38. package/es/AlphabeticList/AlphabeticList.js +3 -2
  39. package/es/AlphabeticList/AlphabeticList.module.css +4 -7
  40. package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +29 -29
  41. package/es/Attachment/Attachment.js +3 -6
  42. package/es/Attachment/Attachment.module.css +4 -9
  43. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  44. package/es/AttachmentViewer/AttachmentImage.js +3 -2
  45. package/es/AttachmentViewer/AttachmentViewer.js +14 -17
  46. package/es/AttachmentViewer/AttachmentViewer.module.css +29 -44
  47. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap +1 -1
  48. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +106 -106
  49. package/es/AudioPlayer/AudioPlayer.js +4 -3
  50. package/es/AudioPlayer/AudioPlayer.module.css +10 -10
  51. package/es/AudioPlayer/Timer/Timer.module.css +1 -1
  52. package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +2 -2
  53. package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +222 -222
  54. package/es/ChannelIcon/ChannelIcon.js +4 -7
  55. package/es/ChannelIcon/ChannelIcon.module.css +3 -4
  56. package/es/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  57. package/es/DotProvider/__tests__/__snapshots__/DotProvider.spec.js.snap +1 -1
  58. package/es/Drawer/Drawer.module.css +5 -6
  59. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +10 -10
  60. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  61. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +89 -89
  62. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +92 -92
  63. package/es/ExternalLink/ExternalLink.js +3 -6
  64. package/es/ExternalLink/ExternalLink.module.css +1 -2
  65. package/es/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +1 -1
  66. package/es/FlipCard/FlipCard.js +4 -7
  67. package/es/FlipCard/FlipCard.module.css +2 -2
  68. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +326 -326
  69. package/es/FormAction/FormAction.js +6 -9
  70. package/es/FormAction/FormAction.module.css +2 -2
  71. package/es/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +34 -34
  72. package/es/FreezeLayer/FreezeLayer.js +3 -7
  73. package/es/FreezeLayer/__tests__/__snapshots__/FreezeLayer.spec.js.snap +1 -1
  74. package/es/FreezeLayer/css/FreezeLayer.module.css +1 -2
  75. package/es/IconButton/IconButton.js +1 -5
  76. package/es/IconButton/IconButton.module.css +1 -1
  77. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +29 -29
  78. package/es/Image/Image.js +3 -6
  79. package/es/Image/Image.module.css +2 -4
  80. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +1 -1
  81. package/es/ImportantNotes/ImportantNotes.js +1 -6
  82. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +41 -41
  83. package/es/Link/Link.js +3 -6
  84. package/es/Link/Link.module.css +1 -2
  85. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  86. package/es/Loader/Loader.js +3 -2
  87. package/es/Loader/Loader.module.css +2 -4
  88. package/es/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  89. package/es/Message/Message.js +8 -12
  90. package/es/Message/Message.module.css +6 -22
  91. package/es/Message/__tests__/__snapshots__/Message.spec.js.snap +3 -3
  92. package/es/MessageBanner/MessageBanner.js +1 -5
  93. package/es/MessageBanner/MessageBanner.module.css +2 -1
  94. package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  95. package/es/NewStar/NewStar.js +1 -5
  96. package/es/NewStar/NewStar.module.css +2 -3
  97. package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +37 -37
  98. package/es/Onboarding/CarouselDots/CarouselDot/CarouselDot.js +2 -1
  99. package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +1 -1
  100. package/es/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css +1 -2
  101. package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +7 -7
  102. package/es/Onboarding/CarouselDots/css/CarouselDots.module.css +1 -1
  103. package/es/Onboarding/Onboarding.js +9 -8
  104. package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +271 -271
  105. package/es/Onboarding/css/Onboarding.module.css +26 -39
  106. package/es/PlusIcon/PlusIcon.js +3 -7
  107. package/es/PlusIcon/PlusIcon.module.css +1 -1
  108. package/es/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +27 -27
  109. package/es/Separator/Separator.module.css +1 -1
  110. package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +118 -118
  111. package/es/TagWithIcon/TagWithIcon.js +1 -1
  112. package/es/TagWithIcon/TagWithIcon.module.css +1 -1
  113. package/es/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +2 -2
  114. package/es/ToastMessage/ToastMessage.js +4 -7
  115. package/es/ToastMessage/ToastMessage.module.css +10 -17
  116. package/es/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +12 -12
  117. package/es/Upload/Upload.js +6 -9
  118. package/es/Upload/Upload.module.css +8 -13
  119. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +38 -38
  120. package/es/VideoLookup/VideoLookup.js +4 -3
  121. package/es/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +17 -17
  122. package/es/VideoLookup/css/VideoLookup.module.css +3 -4
  123. package/es/alert/AlertHeader/AlertHeader.js +3 -7
  124. package/es/alert/AlertHeader/AlertHeader.module.css +2 -2
  125. package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +104 -104
  126. package/es/alert/AlertLookup/AlertLookup.js +4 -8
  127. package/es/alert/AlertLookup/AlertLookup.module.css +1 -1
  128. package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  129. package/es/avatar/AvatarClose/AvatarClose.js +5 -8
  130. package/es/avatar/AvatarClose/AvatarClose.module.css +3 -9
  131. package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  132. package/es/avatar/AvatarCollision/AvatarCollision.js +5 -8
  133. package/es/avatar/AvatarCollision/AvatarCollision.module.css +3 -9
  134. package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  135. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -3
  136. package/es/avatar/AvatarIcon/AvatarIcon.module.css +1 -2
  137. package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +3 -3
  138. package/es/avatar/AvatarStatus/AvatarStatus.js +4 -7
  139. package/es/avatar/AvatarStatus/AvatarStatus.module.css +2 -4
  140. package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +1 -1
  141. package/es/avatar/AvatarThread/AvatarThread.js +5 -8
  142. package/es/avatar/AvatarThread/AvatarThread.module.css +5 -6
  143. package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +1 -1
  144. package/es/avatar/AvatarUser/AvatarUser.js +7 -10
  145. package/es/avatar/AvatarUser/AvatarUser.module.css +3 -7
  146. package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  147. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +4 -7
  148. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +2 -3
  149. package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +1 -1
  150. package/es/deprecated/FreezeLayer/FreezeLayer.js +3 -2
  151. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +1 -2
  152. package/es/deprecated/SelectDropdown/SelectDropdown.js +4 -3
  153. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +2 -3
  154. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +7 -11
  155. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +11 -17
  156. package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +3 -3
  157. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +9 -12
  158. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +2 -2
  159. package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  160. package/es/emptystate/EditionPage/EditionPage.css +3 -4
  161. package/es/emptystate/EditionPage/EditionPage.js +10 -13
  162. package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  163. package/es/errorstate/EmptyStates.module.css +7 -12
  164. package/es/errorstate/Inconvenience/Inconvenience.js +5 -10
  165. package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  166. package/es/errorstate/LinkText/LinkText.js +1 -5
  167. package/es/errorstate/LinkText/LinkText.module.css +1 -2
  168. package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  169. package/es/errorstate/NoRequestFound/NoRequestFound.js +5 -8
  170. package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  171. package/es/errorstate/PermissionPlay/PermissionPlay.js +6 -9
  172. package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  173. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +5 -8
  174. package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  175. package/es/errorstate/UnableToProcess/UnableToProcess.js +5 -10
  176. package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  177. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +5 -8
  178. package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  179. package/es/errorstate/WillBack/WillBack.js +7 -10
  180. package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +6 -6
  181. package/es/form/fields/CheckBoxField/CheckBoxField.js +4 -8
  182. package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +22 -22
  183. package/es/form/fields/CurrencyField/CurrencyField.js +4 -8
  184. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +5 -5
  185. package/es/form/fields/DateField/DateField.js +5 -9
  186. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +8 -8
  187. package/es/form/fields/FieldContainer/FieldContainer.js +3 -7
  188. package/es/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +2 -2
  189. package/es/form/fields/Fields.module.css +16 -17
  190. package/es/form/fields/MultiSelectField/MultiSelectField.js +3 -7
  191. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +9 -9
  192. package/es/form/fields/PhoneField/PhoneField.js +1 -6
  193. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +8 -8
  194. package/es/form/fields/RadioField/RadioField.js +5 -9
  195. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +55 -55
  196. package/es/form/fields/SelectField/SelectField.js +4 -8
  197. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +9 -9
  198. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -8
  199. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -15
  200. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +7 -7
  201. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -7
  202. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +7 -7
  203. package/es/form/fields/TextBoxField/TextBoxField.js +4 -8
  204. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +5 -5
  205. package/es/form/fields/TextEditor/TextEditor.js +3 -7
  206. package/es/form/fields/TextEditor/TextEditor.module.css +5 -14
  207. package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js +1 -0
  208. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +3 -3
  209. package/es/form/fields/TextEditorField/TextEditorField.js +4 -7
  210. package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +1 -1
  211. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -2
  212. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +3 -5
  213. package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  214. package/es/form/fields/TextareaField/TextareaField.js +6 -10
  215. package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +1 -1
  216. package/es/form/fields/ValidationMessage/ValidationMessage.js +3 -7
  217. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +3 -3
  218. package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +1 -1
  219. package/es/form/layout/Field/Field.js +5 -8
  220. package/es/form/layout/Field/Field.module.css +4 -7
  221. package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +1 -1
  222. package/es/form/layout/Section/Section.js +5 -8
  223. package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  224. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +7 -11
  225. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +6 -10
  226. package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +2 -2
  227. package/es/layout/SubtabLayout/SubtabLayout.js +6 -9
  228. package/es/layout/SubtabLayout/SubtabLayout.module.css +3 -3
  229. package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +2 -2
  230. package/es/list/AvatarFlip/AvatarFlip.js +1 -6
  231. package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +5 -5
  232. package/es/list/BluePrintStatus/BluePrintStatus.js +3 -6
  233. package/es/list/BluePrintStatus/BluePrintStatus.module.css +1 -1
  234. package/es/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +2 -2
  235. package/es/list/Comment/Comment.js +3 -7
  236. package/es/list/Comment/Comment.module.css +2 -4
  237. package/es/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  238. package/es/list/DepartmentDropDown/DepartmentDropDown.js +1 -6
  239. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +1 -1
  240. package/es/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  241. package/es/list/Dot/Dot.js +2 -1
  242. package/es/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  243. package/es/list/DotNew/DotNew.js +3 -7
  244. package/es/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  245. package/es/list/GridStencils/GridStencils.js +7 -11
  246. package/es/list/GridStencils/GridStencils.module.css +3 -4
  247. package/es/list/GridStencils/__tests__/__snapshots__/GridStencils.spec.js.snap +1 -1
  248. package/es/list/Icons/AddNewIcon.js +2 -1
  249. package/es/list/Icons/CompleteIcon.js +2 -1
  250. package/es/list/Icons/DeleteIcon.js +2 -1
  251. package/es/list/Icons/EditIcon.js +2 -1
  252. package/es/list/Icons/FloatingIcons.js +3 -7
  253. package/es/list/Icons/Icons.module.css +1 -1
  254. package/es/list/Icons/ReadUnreadIcon.js +2 -1
  255. package/es/list/Icons/SmartIcon.js +2 -1
  256. package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  257. package/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  258. package/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  259. package/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  260. package/es/list/Icons/__tests__/__snapshots__/FloatingIcons.spec.js.snap +1 -1
  261. package/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  262. package/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  263. package/es/list/ListLayout/ListLayout.js +3 -7
  264. package/es/list/ListLayout/ListLayout.module.css +2 -2
  265. package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  266. package/es/list/ListStencils/ListStencils.js +9 -13
  267. package/es/list/ListStencils/ListStencils.module.css +2 -4
  268. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +1 -1
  269. package/es/list/SecondaryText/AccountName.js +1 -6
  270. package/es/list/SecondaryText/ContactName.js +1 -6
  271. package/es/list/SecondaryText/DepartmentText.js +1 -6
  272. package/es/list/SecondaryText/Email.js +1 -6
  273. package/es/list/SecondaryText/HappinessRating.js +5 -9
  274. package/es/list/SecondaryText/PhoneNumber.js +1 -6
  275. package/es/list/SecondaryText/PriorityText.js +1 -6
  276. package/es/list/SecondaryText/SecondaryText.js +1 -6
  277. package/es/list/SecondaryText/SecondaryText.module.css +11 -17
  278. package/es/list/SecondaryText/StatusText.js +1 -6
  279. package/es/list/SecondaryText/TicketId.js +3 -7
  280. package/es/list/SecondaryText/Website.js +1 -6
  281. package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +5 -5
  282. package/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +3 -3
  283. package/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  284. package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +1 -1
  285. package/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  286. package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +1 -1
  287. package/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  288. package/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  289. package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  290. package/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  291. package/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  292. package/es/list/SecondryPanel/SecondryPanel.js +3 -7
  293. package/es/list/SecondryPanel/SecondryPanel.module.css +1 -1
  294. package/es/list/SecondryPanel/__tests__/__snapshots__/SecondryPanel.spec.js.snap +1 -1
  295. package/es/list/SentimentStatus/SentimentStatus.js +3 -6
  296. package/es/list/SentimentStatus/SentimentStatus.module.css +2 -2
  297. package/es/list/SentimentStatus/__tests__/__snapshots__/SentimentStatus.spec.js.snap +1 -1
  298. package/es/list/Subject/Subject.js +1 -6
  299. package/es/list/Subject/Subject.module.css +2 -2
  300. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +1 -1
  301. package/es/list/TagNew/TagNew.js +3 -7
  302. package/es/list/TagNew/TagNew.module.css +2 -5
  303. package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  304. package/es/list/Thread/Thread.js +3 -7
  305. package/es/list/Thread/Thread.module.css +1 -2
  306. package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  307. package/es/list/listCommon.module.css +3 -11
  308. package/es/list/status/StatusDropdown/StatusDropdown.js +4 -8
  309. package/es/list/status/StatusDropdown/StatusDropdown.module.css +9 -12
  310. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +2 -1
  311. package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +4 -4
  312. package/es/list/status/StatusListItem/StatusListItem.js +3 -7
  313. package/es/list/status/StatusListItem/StatusListItem.module.css +4 -5
  314. package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +8 -8
  315. package/es/lookup/EmptyPage/EmptyPage.js +4 -7
  316. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +1 -1
  317. package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  318. package/es/lookup/Lookup/Lookup.js +3 -6
  319. package/es/lookup/Lookup/Lookup.module.css +5 -7
  320. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +19 -19
  321. package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +17 -17
  322. package/es/lookup/header/Close/Close.js +1 -5
  323. package/es/lookup/header/Close/LookupClose.module.css +1 -2
  324. package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +3 -3
  325. package/es/lookup/header/ModuleHeader/ModuleHeader.js +3 -2
  326. package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +76 -76
  327. package/es/lookup/header/Search/LookupSearch.module.css +2 -3
  328. package/es/lookup/header/Search/Search.js +3 -6
  329. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +38 -38
  330. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -7
  331. package/es/lookup/header/TicketHeader/TicketHeader.module.css +3 -1
  332. package/es/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  333. package/es/lookup/header/Title/LookupTitle.module.css +1 -2
  334. package/es/lookup/header/Title/Title.js +3 -6
  335. package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  336. package/es/lookup/header/ViewDropDown/ViewDropDown.js +8 -14
  337. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +2 -2
  338. package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  339. package/es/lookup/header/lookupHeaderCommon.module.css +3 -6
  340. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +1 -3
  341. package/es/setup/header/Button/Button.js +3 -7
  342. package/es/setup/header/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  343. package/es/setup/header/Link/Link.js +1 -6
  344. package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +4 -4
  345. package/es/setup/header/Search/Search.js +4 -8
  346. package/es/setup/header/Search/Search.module.css +3 -4
  347. package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +1 -1
  348. package/es/setup/header/Views/Views.js +5 -9
  349. package/es/setup/header/Views/Views.module.css +2 -4
  350. package/es/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  351. package/es/setup/helptips/Description/Description.js +3 -7
  352. package/es/setup/helptips/Description/__tests__/__snapshots__/Description.spec.js.snap +1 -1
  353. package/es/setup/helptips/Link/Link.js +3 -7
  354. package/es/setup/helptips/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  355. package/es/setup/helptips/ListGroup/ListGroup.js +6 -10
  356. package/es/setup/helptips/ListGroup/ListGroup.module.css +1 -2
  357. package/es/setup/helptips/ListGroup/__tests__/__snapshots__/ListGroup.spec.js.snap +1 -1
  358. package/es/setup/helptips/Title/Title.js +3 -7
  359. package/es/setup/helptips/Title/__tests__/__snapshots__/Title.spec.js.snap +1 -1
  360. package/es/setup/table/Table/Table.js +1 -6
  361. package/es/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +2 -2
  362. package/es/setup/table/TableBody/TableBody.js +1 -6
  363. package/es/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +2 -2
  364. package/es/setup/table/TableData/SetupTableData.module.css +5 -11
  365. package/es/setup/table/TableData/TableData.js +1 -6
  366. package/es/setup/table/TableData/Tablehover.module.css +1 -1
  367. package/es/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +2 -2
  368. package/es/setup/table/TableHead/TableHead.js +1 -6
  369. package/es/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +3 -3
  370. package/es/setup/table/TableRow/SetupTableRow.module.css +1 -1
  371. package/es/setup/table/TableRow/TableRow.js +1 -6
  372. package/es/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +2 -2
  373. package/es/setup/table/Text/TableText.module.css +4 -5
  374. package/es/setup/table/Text/Text.js +3 -7
  375. package/es/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +1 -1
  376. package/es/svg/PlusIcon.js +1 -5
  377. package/es/svg/SnippetIcon.js +1 -5
  378. package/es/svg/TemplateIcon.js +1 -5
  379. package/es/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  380. package/es/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  381. package/es/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  382. package/es/version2/AlertClose/AlertClose.js +1 -6
  383. package/es/version2/AlertClose/AlertClose.module.css +2 -2
  384. package/es/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +4 -4
  385. package/es/version2/GlobalNotification/GlobalNotification.js +5 -10
  386. package/es/version2/GlobalNotification/GlobalNotification.module.css +5 -18
  387. package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -8
  388. package/es/version2/alertIcons/AlarmAlertIcon.js +13 -12
  389. package/es/version2/alertIcons/AlertIcons.js +3 -7
  390. package/es/version2/alertIcons/AlertIcons.module.css +1 -2
  391. package/es/version2/alertIcons/DangerAlertIcon.js +13 -12
  392. package/es/version2/alertIcons/ErrorAlertIcon.js +14 -13
  393. package/es/version2/alertIcons/InfoAlertIcon.js +15 -14
  394. package/es/version2/alertIcons/NotificationAlertIcon.js +14 -13
  395. package/es/version2/alertIcons/SuccessAlertIcon.js +13 -12
  396. package/es/version2/alertIcons/WarningAlertIcon.js +13 -12
  397. package/es/version2/alertIcons/__tests__/__snapshots__/AlarmAlertIcon.spec.js.snap +1 -1
  398. package/es/version2/alertIcons/__tests__/__snapshots__/AlertIcons.spec.js.snap +1 -1
  399. package/es/version2/alertIcons/__tests__/__snapshots__/DangerAlertIcon.spec.js.snap +1 -1
  400. package/es/version2/alertIcons/__tests__/__snapshots__/ErrorAlertIcon.spec.js.snap +1 -1
  401. package/es/version2/alertIcons/__tests__/__snapshots__/InfoAlertIcon.spec.js.snap +1 -1
  402. package/es/version2/alertIcons/__tests__/__snapshots__/NotificationAlertIcon.spec.js.snap +1 -1
  403. package/es/version2/alertIcons/__tests__/__snapshots__/SuccessAlertIcon.spec.js.snap +1 -1
  404. package/es/version2/alertIcons/__tests__/__snapshots__/WarningAlertIcon.spec.js.snap +1 -1
  405. package/es/version2/errorstate/Inconvenience/Inconvenience.js +1 -5
  406. package/es/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +2 -2
  407. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -5
  408. package/es/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +2 -2
  409. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -5
  410. package/es/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +2 -2
  411. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -5
  412. package/es/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +2 -2
  413. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +1 -5
  414. package/es/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +2 -2
  415. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +1 -5
  416. package/es/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +2 -2
  417. package/es/version2/lookup/AlertHeader/AlertHeader.js +2 -1
  418. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +77 -77
  419. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +4 -6
  420. package/es/version2/lookup/AlertLookup/AlertLookup.js +5 -9
  421. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -3
  422. package/es/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  423. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -1
  424. package/es/version2/notification/DesktopNotification/DesktopNotification.js +8 -12
  425. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +6 -10
  426. package/es/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -13
  427. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -7
  428. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +2 -3
  429. package/es/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  430. package/lib/ActionButton/ActionButton.module.css +6 -11
  431. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +297 -297
  432. package/lib/AlphabeticList/AlphabeticList.js +4 -2
  433. package/lib/AlphabeticList/AlphabeticList.module.css +4 -7
  434. package/lib/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +29 -29
  435. package/lib/Attachment/Attachment.js +4 -6
  436. package/lib/Attachment/Attachment.module.css +4 -9
  437. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  438. package/lib/AttachmentViewer/AttachmentImage.js +4 -2
  439. package/lib/AttachmentViewer/AttachmentViewer.js +15 -17
  440. package/lib/AttachmentViewer/AttachmentViewer.module.css +29 -44
  441. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentImage.spec.js.snap +1 -1
  442. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +106 -106
  443. package/lib/AudioPlayer/AudioPlayer.js +5 -3
  444. package/lib/AudioPlayer/AudioPlayer.module.css +10 -10
  445. package/lib/AudioPlayer/Timer/Timer.module.css +1 -1
  446. package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +2 -2
  447. package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +222 -222
  448. package/lib/ChannelIcon/ChannelIcon.js +5 -7
  449. package/lib/ChannelIcon/ChannelIcon.module.css +3 -4
  450. package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  451. package/lib/DotProvider/__tests__/__snapshots__/DotProvider.spec.js.snap +1 -1
  452. package/lib/Drawer/Drawer.module.css +5 -6
  453. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +10 -10
  454. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  455. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +89 -89
  456. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +92 -92
  457. package/lib/ExternalLink/ExternalLink.js +4 -6
  458. package/lib/ExternalLink/ExternalLink.module.css +1 -2
  459. package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +1 -1
  460. package/lib/FlipCard/FlipCard.js +5 -7
  461. package/lib/FlipCard/FlipCard.module.css +2 -2
  462. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +326 -326
  463. package/lib/FormAction/FormAction.js +7 -9
  464. package/lib/FormAction/FormAction.module.css +2 -2
  465. package/lib/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +34 -34
  466. package/lib/FreezeLayer/FreezeLayer.js +4 -7
  467. package/lib/FreezeLayer/__tests__/__snapshots__/FreezeLayer.spec.js.snap +1 -1
  468. package/lib/FreezeLayer/css/FreezeLayer.module.css +1 -2
  469. package/lib/IconButton/IconButton.js +1 -5
  470. package/lib/IconButton/IconButton.module.css +1 -1
  471. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +29 -29
  472. package/lib/Image/Image.js +4 -6
  473. package/lib/Image/Image.module.css +2 -4
  474. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +1 -1
  475. package/lib/ImportantNotes/ImportantNotes.js +1 -6
  476. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +41 -41
  477. package/lib/Link/Link.js +4 -6
  478. package/lib/Link/Link.module.css +1 -2
  479. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  480. package/lib/Loader/Loader.js +4 -2
  481. package/lib/Loader/Loader.module.css +2 -4
  482. package/lib/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  483. package/lib/Message/Message.js +9 -11
  484. package/lib/Message/Message.module.css +6 -22
  485. package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap +3 -3
  486. package/lib/MessageBanner/MessageBanner.js +1 -5
  487. package/lib/MessageBanner/MessageBanner.module.css +2 -1
  488. package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  489. package/lib/NewStar/NewStar.js +1 -5
  490. package/lib/NewStar/NewStar.module.css +2 -3
  491. package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +37 -37
  492. package/lib/Onboarding/CarouselDots/CarouselDot/CarouselDot.js +3 -1
  493. package/lib/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +1 -1
  494. package/lib/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css +1 -2
  495. package/lib/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +7 -7
  496. package/lib/Onboarding/CarouselDots/css/CarouselDots.module.css +1 -1
  497. package/lib/Onboarding/Onboarding.js +10 -8
  498. package/lib/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +271 -271
  499. package/lib/Onboarding/css/Onboarding.module.css +26 -39
  500. package/lib/PlusIcon/PlusIcon.js +4 -7
  501. package/lib/PlusIcon/PlusIcon.module.css +1 -1
  502. package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +27 -27
  503. package/lib/Separator/Separator.module.css +1 -1
  504. package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +118 -118
  505. package/lib/TagWithIcon/TagWithIcon.js +1 -1
  506. package/lib/TagWithIcon/TagWithIcon.module.css +1 -1
  507. package/lib/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +2 -2
  508. package/lib/ToastMessage/ToastMessage.js +5 -7
  509. package/lib/ToastMessage/ToastMessage.module.css +10 -17
  510. package/lib/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +12 -12
  511. package/lib/Upload/Upload.js +7 -9
  512. package/lib/Upload/Upload.module.css +8 -13
  513. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +38 -38
  514. package/lib/VideoLookup/VideoLookup.js +5 -3
  515. package/lib/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +17 -17
  516. package/lib/VideoLookup/css/VideoLookup.module.css +3 -4
  517. package/lib/alert/AlertHeader/AlertHeader.js +4 -7
  518. package/lib/alert/AlertHeader/AlertHeader.module.css +2 -2
  519. package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +104 -104
  520. package/lib/alert/AlertLookup/AlertLookup.js +5 -8
  521. package/lib/alert/AlertLookup/AlertLookup.module.css +1 -1
  522. package/lib/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  523. package/lib/avatar/AvatarClose/AvatarClose.js +6 -8
  524. package/lib/avatar/AvatarClose/AvatarClose.module.css +3 -9
  525. package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  526. package/lib/avatar/AvatarCollision/AvatarCollision.js +6 -8
  527. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +3 -9
  528. package/lib/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  529. package/lib/avatar/AvatarIcon/AvatarIcon.js +1 -3
  530. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +1 -2
  531. package/lib/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +3 -3
  532. package/lib/avatar/AvatarStatus/AvatarStatus.js +5 -7
  533. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +2 -4
  534. package/lib/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +1 -1
  535. package/lib/avatar/AvatarThread/AvatarThread.js +6 -8
  536. package/lib/avatar/AvatarThread/AvatarThread.module.css +5 -6
  537. package/lib/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +1 -1
  538. package/lib/avatar/AvatarUser/AvatarUser.js +8 -10
  539. package/lib/avatar/AvatarUser/AvatarUser.module.css +3 -7
  540. package/lib/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  541. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +5 -7
  542. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +2 -3
  543. package/lib/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +1 -1
  544. package/lib/deprecated/FreezeLayer/FreezeLayer.js +3 -1
  545. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +1 -2
  546. package/lib/deprecated/SelectDropdown/SelectDropdown.js +5 -3
  547. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +2 -3
  548. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +8 -11
  549. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +11 -17
  550. package/lib/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +3 -3
  551. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +10 -12
  552. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +2 -2
  553. package/lib/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  554. package/lib/emptystate/EditionPage/EditionPage.css +3 -4
  555. package/lib/emptystate/EditionPage/EditionPage.js +11 -13
  556. package/lib/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  557. package/lib/errorstate/EmptyStates.module.css +7 -12
  558. package/lib/errorstate/Inconvenience/Inconvenience.js +6 -10
  559. package/lib/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  560. package/lib/errorstate/LinkText/LinkText.js +1 -5
  561. package/lib/errorstate/LinkText/LinkText.module.css +1 -2
  562. package/lib/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  563. package/lib/errorstate/NoRequestFound/NoRequestFound.js +6 -8
  564. package/lib/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  565. package/lib/errorstate/PermissionPlay/PermissionPlay.js +7 -9
  566. package/lib/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  567. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +6 -8
  568. package/lib/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  569. package/lib/errorstate/UnableToProcess/UnableToProcess.js +6 -10
  570. package/lib/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  571. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +6 -8
  572. package/lib/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  573. package/lib/errorstate/WillBack/WillBack.js +8 -10
  574. package/lib/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +6 -6
  575. package/lib/form/fields/CheckBoxField/CheckBoxField.js +5 -8
  576. package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +22 -22
  577. package/lib/form/fields/CurrencyField/CurrencyField.js +5 -8
  578. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +5 -5
  579. package/lib/form/fields/DateField/DateField.js +6 -9
  580. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +8 -8
  581. package/lib/form/fields/FieldContainer/FieldContainer.js +4 -7
  582. package/lib/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +2 -2
  583. package/lib/form/fields/Fields.module.css +16 -17
  584. package/lib/form/fields/MultiSelectField/MultiSelectField.js +4 -7
  585. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +9 -9
  586. package/lib/form/fields/PhoneField/PhoneField.js +1 -6
  587. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +8 -8
  588. package/lib/form/fields/RadioField/RadioField.js +6 -9
  589. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +55 -55
  590. package/lib/form/fields/SelectField/SelectField.js +5 -8
  591. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +9 -9
  592. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -7
  593. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +7 -15
  594. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +7 -7
  595. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +4 -7
  596. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +7 -7
  597. package/lib/form/fields/TextBoxField/TextBoxField.js +5 -8
  598. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +5 -5
  599. package/lib/form/fields/TextEditor/TextEditor.js +4 -7
  600. package/lib/form/fields/TextEditor/TextEditor.module.css +5 -14
  601. package/lib/form/fields/TextEditor/__tests__/TextEditor.spec.js +1 -0
  602. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +3 -3
  603. package/lib/form/fields/TextEditorField/TextEditorField.js +5 -7
  604. package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +1 -1
  605. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +4 -2
  606. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +3 -5
  607. package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  608. package/lib/form/fields/TextareaField/TextareaField.js +7 -10
  609. package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +1 -1
  610. package/lib/form/fields/ValidationMessage/ValidationMessage.js +4 -7
  611. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +3 -3
  612. package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +1 -1
  613. package/lib/form/layout/Field/Field.js +6 -8
  614. package/lib/form/layout/Field/Field.module.css +4 -7
  615. package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +1 -1
  616. package/lib/form/layout/Section/Section.js +6 -8
  617. package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  618. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +8 -10
  619. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +6 -10
  620. package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +2 -2
  621. package/lib/layout/SubtabLayout/SubtabLayout.js +7 -9
  622. package/lib/layout/SubtabLayout/SubtabLayout.module.css +3 -3
  623. package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +2 -2
  624. package/lib/list/AvatarFlip/AvatarFlip.js +1 -6
  625. package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +5 -5
  626. package/lib/list/BluePrintStatus/BluePrintStatus.js +4 -6
  627. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +1 -1
  628. package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +2 -2
  629. package/lib/list/Comment/Comment.js +4 -7
  630. package/lib/list/Comment/Comment.module.css +2 -4
  631. package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  632. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +1 -7
  633. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +1 -1
  634. package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  635. package/lib/list/Dot/Dot.js +3 -1
  636. package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  637. package/lib/list/DotNew/DotNew.js +4 -7
  638. package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  639. package/lib/list/GridStencils/GridStencils.js +8 -11
  640. package/lib/list/GridStencils/GridStencils.module.css +3 -4
  641. package/lib/list/GridStencils/__tests__/__snapshots__/GridStencils.spec.js.snap +1 -1
  642. package/lib/list/Icons/AddNewIcon.js +3 -1
  643. package/lib/list/Icons/CompleteIcon.js +3 -1
  644. package/lib/list/Icons/DeleteIcon.js +3 -1
  645. package/lib/list/Icons/EditIcon.js +3 -1
  646. package/lib/list/Icons/FloatingIcons.js +4 -7
  647. package/lib/list/Icons/Icons.module.css +1 -1
  648. package/lib/list/Icons/ReadUnreadIcon.js +3 -1
  649. package/lib/list/Icons/SmartIcon.js +3 -1
  650. package/lib/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  651. package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  652. package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  653. package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  654. package/lib/list/Icons/__tests__/__snapshots__/FloatingIcons.spec.js.snap +1 -1
  655. package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  656. package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  657. package/lib/list/ListLayout/ListLayout.js +4 -7
  658. package/lib/list/ListLayout/ListLayout.module.css +2 -2
  659. package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  660. package/lib/list/ListStencils/ListStencils.js +10 -13
  661. package/lib/list/ListStencils/ListStencils.module.css +2 -4
  662. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +1 -1
  663. package/lib/list/SecondaryText/AccountName.js +1 -6
  664. package/lib/list/SecondaryText/ContactName.js +1 -6
  665. package/lib/list/SecondaryText/DepartmentText.js +1 -6
  666. package/lib/list/SecondaryText/Email.js +1 -6
  667. package/lib/list/SecondaryText/HappinessRating.js +6 -9
  668. package/lib/list/SecondaryText/PhoneNumber.js +1 -6
  669. package/lib/list/SecondaryText/PriorityText.js +1 -6
  670. package/lib/list/SecondaryText/SecondaryText.js +1 -6
  671. package/lib/list/SecondaryText/SecondaryText.module.css +11 -17
  672. package/lib/list/SecondaryText/StatusText.js +1 -6
  673. package/lib/list/SecondaryText/TicketId.js +4 -7
  674. package/lib/list/SecondaryText/Website.js +1 -6
  675. package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +5 -5
  676. package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +3 -3
  677. package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  678. package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +1 -1
  679. package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  680. package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +1 -1
  681. package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  682. package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  683. package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  684. package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  685. package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  686. package/lib/list/SecondryPanel/SecondryPanel.js +4 -7
  687. package/lib/list/SecondryPanel/SecondryPanel.module.css +1 -1
  688. package/lib/list/SecondryPanel/__tests__/__snapshots__/SecondryPanel.spec.js.snap +1 -1
  689. package/lib/list/SentimentStatus/SentimentStatus.js +4 -6
  690. package/lib/list/SentimentStatus/SentimentStatus.module.css +2 -2
  691. package/lib/list/SentimentStatus/__tests__/__snapshots__/SentimentStatus.spec.js.snap +1 -1
  692. package/lib/list/Subject/Subject.js +1 -6
  693. package/lib/list/Subject/Subject.module.css +2 -2
  694. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +1 -1
  695. package/lib/list/TagNew/TagNew.js +4 -7
  696. package/lib/list/TagNew/TagNew.module.css +2 -5
  697. package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  698. package/lib/list/Thread/Thread.js +4 -7
  699. package/lib/list/Thread/Thread.module.css +1 -2
  700. package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  701. package/lib/list/listCommon.module.css +3 -11
  702. package/lib/list/status/StatusDropdown/StatusDropdown.js +5 -8
  703. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +9 -12
  704. package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -1
  705. package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +4 -4
  706. package/lib/list/status/StatusListItem/StatusListItem.js +4 -7
  707. package/lib/list/status/StatusListItem/StatusListItem.module.css +4 -5
  708. package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +8 -8
  709. package/lib/lookup/EmptyPage/EmptyPage.js +5 -7
  710. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +1 -1
  711. package/lib/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  712. package/lib/lookup/Lookup/Lookup.js +4 -6
  713. package/lib/lookup/Lookup/Lookup.module.css +5 -7
  714. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +19 -19
  715. package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +17 -17
  716. package/lib/lookup/header/Close/Close.js +1 -5
  717. package/lib/lookup/header/Close/LookupClose.module.css +1 -2
  718. package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +3 -3
  719. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +4 -2
  720. package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +76 -76
  721. package/lib/lookup/header/Search/LookupSearch.module.css +2 -3
  722. package/lib/lookup/header/Search/Search.js +4 -6
  723. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +38 -38
  724. package/lib/lookup/header/TicketHeader/TicketHeader.js +5 -8
  725. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +3 -1
  726. package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  727. package/lib/lookup/header/Title/LookupTitle.module.css +1 -2
  728. package/lib/lookup/header/Title/Title.js +4 -6
  729. package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  730. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +9 -14
  731. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +2 -2
  732. package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  733. package/lib/lookup/header/lookupHeaderCommon.module.css +3 -6
  734. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +1 -3
  735. package/lib/setup/header/Button/Button.js +4 -7
  736. package/lib/setup/header/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  737. package/lib/setup/header/Link/Link.js +1 -6
  738. package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +4 -4
  739. package/lib/setup/header/Search/Search.js +5 -8
  740. package/lib/setup/header/Search/Search.module.css +3 -4
  741. package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +1 -1
  742. package/lib/setup/header/Views/Views.js +6 -9
  743. package/lib/setup/header/Views/Views.module.css +2 -4
  744. package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  745. package/lib/setup/helptips/Description/Description.js +4 -7
  746. package/lib/setup/helptips/Description/__tests__/__snapshots__/Description.spec.js.snap +1 -1
  747. package/lib/setup/helptips/Link/Link.js +4 -7
  748. package/lib/setup/helptips/Link/__tests__/__snapshots__/Link.spec.js.snap +1 -1
  749. package/lib/setup/helptips/ListGroup/ListGroup.js +7 -10
  750. package/lib/setup/helptips/ListGroup/ListGroup.module.css +1 -2
  751. package/lib/setup/helptips/ListGroup/__tests__/__snapshots__/ListGroup.spec.js.snap +1 -1
  752. package/lib/setup/helptips/Title/Title.js +4 -7
  753. package/lib/setup/helptips/Title/__tests__/__snapshots__/Title.spec.js.snap +1 -1
  754. package/lib/setup/table/Table/Table.js +1 -6
  755. package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +2 -2
  756. package/lib/setup/table/TableBody/TableBody.js +1 -6
  757. package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +2 -2
  758. package/lib/setup/table/TableData/SetupTableData.module.css +5 -11
  759. package/lib/setup/table/TableData/TableData.js +1 -6
  760. package/lib/setup/table/TableData/Tablehover.module.css +1 -1
  761. package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +2 -2
  762. package/lib/setup/table/TableHead/TableHead.js +1 -6
  763. package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +3 -3
  764. package/lib/setup/table/TableRow/SetupTableRow.module.css +1 -1
  765. package/lib/setup/table/TableRow/TableRow.js +1 -6
  766. package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +2 -2
  767. package/lib/setup/table/Text/TableText.module.css +4 -5
  768. package/lib/setup/table/Text/Text.js +4 -7
  769. package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +1 -1
  770. package/lib/svg/PlusIcon.js +1 -5
  771. package/lib/svg/SnippetIcon.js +1 -5
  772. package/lib/svg/TemplateIcon.js +1 -5
  773. package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  774. package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  775. package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  776. package/lib/version2/AlertClose/AlertClose.js +1 -6
  777. package/lib/version2/AlertClose/AlertClose.module.css +2 -2
  778. package/lib/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +4 -4
  779. package/lib/version2/GlobalNotification/GlobalNotification.js +5 -8
  780. package/lib/version2/GlobalNotification/GlobalNotification.module.css +5 -18
  781. package/lib/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -8
  782. package/lib/version2/alertIcons/AlarmAlertIcon.js +14 -12
  783. package/lib/version2/alertIcons/AlertIcons.js +4 -7
  784. package/lib/version2/alertIcons/AlertIcons.module.css +1 -2
  785. package/lib/version2/alertIcons/DangerAlertIcon.js +14 -12
  786. package/lib/version2/alertIcons/ErrorAlertIcon.js +15 -13
  787. package/lib/version2/alertIcons/InfoAlertIcon.js +16 -14
  788. package/lib/version2/alertIcons/NotificationAlertIcon.js +15 -13
  789. package/lib/version2/alertIcons/SuccessAlertIcon.js +14 -12
  790. package/lib/version2/alertIcons/WarningAlertIcon.js +14 -12
  791. package/lib/version2/alertIcons/__tests__/__snapshots__/AlarmAlertIcon.spec.js.snap +1 -1
  792. package/lib/version2/alertIcons/__tests__/__snapshots__/AlertIcons.spec.js.snap +1 -1
  793. package/lib/version2/alertIcons/__tests__/__snapshots__/DangerAlertIcon.spec.js.snap +1 -1
  794. package/lib/version2/alertIcons/__tests__/__snapshots__/ErrorAlertIcon.spec.js.snap +1 -1
  795. package/lib/version2/alertIcons/__tests__/__snapshots__/InfoAlertIcon.spec.js.snap +1 -1
  796. package/lib/version2/alertIcons/__tests__/__snapshots__/NotificationAlertIcon.spec.js.snap +1 -1
  797. package/lib/version2/alertIcons/__tests__/__snapshots__/SuccessAlertIcon.spec.js.snap +1 -1
  798. package/lib/version2/alertIcons/__tests__/__snapshots__/WarningAlertIcon.spec.js.snap +1 -1
  799. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +1 -5
  800. package/lib/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +2 -2
  801. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -5
  802. package/lib/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +2 -2
  803. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -5
  804. package/lib/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +2 -2
  805. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -5
  806. package/lib/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +2 -2
  807. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +1 -5
  808. package/lib/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +2 -2
  809. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +1 -5
  810. package/lib/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +2 -2
  811. package/lib/version2/lookup/AlertHeader/AlertHeader.js +3 -1
  812. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +77 -77
  813. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +4 -6
  814. package/lib/version2/lookup/AlertLookup/AlertLookup.js +6 -9
  815. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +3 -3
  816. package/lib/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +2 -2
  817. package/lib/version2/lookup/alertLookupCommonNew.module.css +1 -1
  818. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +9 -12
  819. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +6 -10
  820. package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -13
  821. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +4 -7
  822. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +2 -3
  823. package/lib/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  824. package/package.json +33 -28
  825. package/ut.config.js +106 -0
package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap CHANGED
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`] = `
4
4
  <DocumentFragment>
@@ -27,18 +27,18 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
27
27
  data-drag-hook="true"
28
28
  >
29
29
  <div
30
- class="flex row carouselInner"
30
+ class="d-flex d-flex-row carouselInner"
31
31
  data-id="flex"
32
32
  data-test-id="flex"
33
33
  style="--local_translate_movement: 0%;"
34
34
  >
35
35
  <div
36
- class="flex column noShrink carouselItem"
36
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
37
37
  data-id="flex"
38
38
  data-test-id="flex"
39
39
  >
40
40
  <div
41
- class="flex row alignItems_center justifyContent_center fullSize header"
41
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
42
42
  data-id="flex"
43
43
  data-test-id="flex"
44
44
  >
@@ -47,7 +47,7 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
47
47
  />
48
48
  </div>
49
49
  <div
50
- class="scroll_vertical content"
50
+ class="d-overflow-y-auto d-overflow-x-hidden content"
51
51
  data-id="flex"
52
52
  data-test-id="flex"
53
53
  >
@@ -62,12 +62,12 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
62
62
  </div>
63
63
  </div>
64
64
  <div
65
- class="flex row alignItems_center footer"
65
+ class="d-flex d-flex-row d-items-center footer"
66
66
  data-id="flex"
67
67
  data-test-id="flex"
68
68
  >
69
69
  <div
70
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
70
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
71
71
  data-id="flex"
72
72
  data-test-id="flex"
73
73
  >
@@ -93,14 +93,14 @@ exports[`Onboarding rendering data of customprops for Secondarybuttonprops 1`]
93
93
  </div>
94
94
  </div>
95
95
  <button
96
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
96
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
97
97
  data-id="onboarding_close_icon"
98
98
  data-test-id="onboarding_close_icon"
99
99
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
104
104
  data-id="fontIcon"
105
105
  data-selector-id="fontIcon"
106
106
  data-test-id="fontIcon"
@@ -150,18 +150,18 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
150
150
  data-drag-hook="true"
151
151
  >
152
152
  <div
153
- class="flex row carouselInner"
153
+ class="d-flex d-flex-row carouselInner"
154
154
  data-id="flex"
155
155
  data-test-id="flex"
156
156
  style="--local_translate_movement: 0%;"
157
157
  >
158
158
  <div
159
- class="flex column noShrink carouselItem"
159
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
160
160
  data-id="flex"
161
161
  data-test-id="flex"
162
162
  >
163
163
  <div
164
- class="flex row alignItems_center justifyContent_center fullSize header"
164
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
165
165
  data-id="flex"
166
166
  data-test-id="flex"
167
167
  >
@@ -170,7 +170,7 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
170
170
  />
171
171
  </div>
172
172
  <div
173
- class="scroll_vertical content"
173
+ class="d-overflow-y-auto d-overflow-x-hidden content"
174
174
  data-id="flex"
175
175
  data-test-id="flex"
176
176
  >
@@ -188,12 +188,12 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
188
188
  </div>
189
189
  </div>
190
190
  <div
191
- class="flex row alignItems_center footer"
191
+ class="d-flex d-flex-row d-items-center footer"
192
192
  data-id="flex"
193
193
  data-test-id="flex"
194
194
  >
195
195
  <div
196
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
196
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
197
197
  data-id="flex"
198
198
  data-test-id="flex"
199
199
  >
@@ -210,14 +210,14 @@ exports[`Onboarding rendering data of customprops for descriptionProps 1`] = `
210
210
  </div>
211
211
  </div>
212
212
  <button
213
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
213
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
214
214
  data-id="onboarding_close_icon"
215
215
  data-test-id="onboarding_close_icon"
216
216
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
221
221
  data-id="fontIcon"
222
222
  data-selector-id="fontIcon"
223
223
  data-test-id="fontIcon"
@@ -263,12 +263,12 @@ exports[`Onboarding rendering data of customprops for footerProps 1`] = `
263
263
  />
264
264
  </div>
265
265
  <div
266
- class="inlineFlex row alignItems_center footer"
266
+ class="d-inline-flex d-flex-row d-items-center footer"
267
267
  data-id="flex"
268
268
  data-test-id="flex"
269
269
  >
270
270
  <div
271
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
271
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
272
272
  data-id="flex"
273
273
  data-test-id="flex"
274
274
  >
@@ -285,14 +285,14 @@ exports[`Onboarding rendering data of customprops for footerProps 1`] = `
285
285
  </div>
286
286
  </div>
287
287
  <button
288
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
288
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
289
289
  data-id="onboarding_close_icon"
290
290
  data-test-id="onboarding_close_icon"
291
291
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
296
296
  data-id="fontIcon"
297
297
  data-selector-id="fontIcon"
298
298
  data-test-id="fontIcon"
@@ -342,18 +342,18 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
342
342
  data-drag-hook="true"
343
343
  >
344
344
  <div
345
- class="flex row carouselInner"
345
+ class="d-flex d-flex-row carouselInner"
346
346
  data-id="flex"
347
347
  data-test-id="flex"
348
348
  style="--local_translate_movement: 0%;"
349
349
  >
350
350
  <div
351
- class="flex column noShrink carouselItem"
351
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
352
352
  data-id="flex"
353
353
  data-test-id="flex"
354
354
  >
355
355
  <div
356
- class="flex row alignItems_center justifyContent_center fullSize header"
356
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
357
357
  data-id="flex"
358
358
  data-test-id="flex"
359
359
  >
@@ -362,7 +362,7 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
362
362
  />
363
363
  </div>
364
364
  <div
365
- class="scroll_vertical content"
365
+ class="d-overflow-y-auto d-overflow-x-hidden content"
366
366
  data-id="flex"
367
367
  data-test-id="flex"
368
368
  >
@@ -380,12 +380,12 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
380
380
  </div>
381
381
  </div>
382
382
  <div
383
- class="flex row alignItems_center footer"
383
+ class="d-flex d-flex-row d-items-center footer"
384
384
  data-id="flex"
385
385
  data-test-id="flex"
386
386
  >
387
387
  <div
388
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
388
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
389
389
  data-id="flex"
390
390
  data-test-id="flex"
391
391
  >
@@ -402,14 +402,14 @@ exports[`Onboarding rendering data of customprops for headingProps 1`] = `
402
402
  </div>
403
403
  </div>
404
404
  <button
405
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
405
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
406
406
  data-id="onboarding_close_icon"
407
407
  data-test-id="onboarding_close_icon"
408
408
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
413
413
  data-id="fontIcon"
414
414
  data-selector-id="fontIcon"
415
415
  data-test-id="fontIcon"
@@ -459,18 +459,18 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
459
459
  data-drag-hook="true"
460
460
  >
461
461
  <div
462
- class="flex row carouselInner"
462
+ class="d-flex d-flex-row carouselInner"
463
463
  data-id="flex"
464
464
  data-test-id="flex"
465
465
  style="--local_translate_movement: 0%;"
466
466
  >
467
467
  <div
468
- class="flex column noShrink carouselItem"
468
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
469
469
  data-id="flex"
470
470
  data-test-id="flex"
471
471
  >
472
472
  <div
473
- class="flex row alignItems_center justifyContent_center fullSize header"
473
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
474
474
  data-id="flex"
475
475
  data-test-id="flex"
476
476
  >
@@ -479,7 +479,7 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
479
479
  />
480
480
  </div>
481
481
  <div
482
- class="scroll_vertical content"
482
+ class="d-overflow-y-auto d-overflow-x-hidden content"
483
483
  data-id="flex"
484
484
  data-test-id="flex"
485
485
  >
@@ -494,12 +494,12 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
494
494
  </div>
495
495
  </div>
496
496
  <div
497
- class="flex row alignItems_center footer"
497
+ class="d-flex d-flex-row d-items-center footer"
498
498
  data-id="flex"
499
499
  data-test-id="flex"
500
500
  >
501
501
  <div
502
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
502
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
503
503
  data-id="flex"
504
504
  data-test-id="flex"
505
505
  >
@@ -516,14 +516,14 @@ exports[`Onboarding rendering data of customprops for primarybuttonprops 1`] =
516
516
  </div>
517
517
  </div>
518
518
  <button
519
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
519
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
520
520
  data-id="onboarding_close_icon"
521
521
  data-test-id="onboarding_close_icon"
522
522
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
527
527
  data-id="fontIcon"
528
528
  data-selector-id="fontIcon"
529
529
  data-test-id="fontIcon"
@@ -569,12 +569,12 @@ exports[`Onboarding rendering data of customprops for ribbonProps 1`] = `
569
569
  />
570
570
  </div>
571
571
  <div
572
- class="flex row alignItems_center footer"
572
+ class="d-flex d-flex-row d-items-center footer"
573
573
  data-id="flex"
574
574
  data-test-id="flex"
575
575
  >
576
576
  <div
577
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
577
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
578
578
  data-id="flex"
579
579
  data-test-id="flex"
580
580
  >
@@ -591,14 +591,14 @@ exports[`Onboarding rendering data of customprops for ribbonProps 1`] = `
591
591
  </div>
592
592
  </div>
593
593
  <button
594
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
594
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
595
595
  data-id="onboarding_close_icon"
596
596
  data-test-id="onboarding_close_icon"
597
597
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
602
602
  data-id="fontIcon"
603
603
  data-selector-id="fontIcon"
604
604
  data-test-id="fontIcon"
@@ -654,18 +654,18 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
654
654
  data-drag-hook="true"
655
655
  >
656
656
  <div
657
- class="flex row carouselInner"
657
+ class="d-flex d-flex-row carouselInner"
658
658
  data-id="flex"
659
659
  data-test-id="flex"
660
660
  style="--local_translate_movement: 0%;"
661
661
  >
662
662
  <div
663
- class="flex column noShrink carouselItem"
663
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
664
664
  data-id="flex"
665
665
  data-test-id="flex"
666
666
  >
667
667
  <div
668
- class="flex row alignItems_center justifyContent_center fullSize header"
668
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
669
669
  data-id="flex"
670
670
  data-test-id="flex"
671
671
  >
@@ -674,7 +674,7 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
674
674
  />
675
675
  </div>
676
676
  <div
677
- class="scroll_vertical content"
677
+ class="d-overflow-y-auto d-overflow-x-hidden content"
678
678
  data-id="flex"
679
679
  data-test-id="flex"
680
680
  >
@@ -689,12 +689,12 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
689
689
  </div>
690
690
  </div>
691
691
  <div
692
- class="flex row alignItems_center footer"
692
+ class="d-flex d-flex-row d-items-center footer"
693
693
  data-id="flex"
694
694
  data-test-id="flex"
695
695
  >
696
696
  <div
697
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
697
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
698
698
  data-id="flex"
699
699
  data-test-id="flex"
700
700
  >
@@ -722,14 +722,14 @@ exports[`Onboarding rendering data of customprops for secondaryButtonLinkProps
722
722
  </div>
723
723
  </div>
724
724
  <button
725
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
725
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
726
726
  data-id="onboarding_close_icon"
727
727
  data-test-id="onboarding_close_icon"
728
728
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
733
733
  data-id="fontIcon"
734
734
  data-selector-id="fontIcon"
735
735
  data-test-id="fontIcon"
@@ -779,18 +779,18 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
779
779
  data-drag-hook="true"
780
780
  >
781
781
  <div
782
- class="flex row carouselInner"
782
+ class="d-flex d-flex-row carouselInner"
783
783
  data-id="flex"
784
784
  data-test-id="flex"
785
785
  style="--local_translate_movement: 0%;"
786
786
  >
787
787
  <div
788
- class="flex column noShrink carouselItem"
788
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
789
789
  data-id="flex"
790
790
  data-test-id="flex"
791
791
  >
792
792
  <div
793
- class="flex row alignItems_center justifyContent_center fullSize header"
793
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
794
794
  data-id="flex"
795
795
  data-test-id="flex"
796
796
  >
@@ -802,18 +802,18 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
802
802
  src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3Mu0NdfXXqvCExZ9YG_j93CKuU4DIdcIlEQ&s"
803
803
  />
804
804
  <div
805
- class="flex row alignItems_center justifyContent_center playIconWrapper"
805
+ class="d-flex d-flex-row d-items-center d-justify-center playIconWrapper"
806
806
  data-id="flex"
807
807
  data-test-id="flex"
808
808
  >
809
809
  <button
810
- class="flex row alignItems_center justifyContent_center playIcon buttonReset"
810
+ class="d-flex d-flex-row d-items-center d-justify-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 ff icon-arrowFill basic d-inline-block d-align-middle playIconInner"
817
817
  data-id="fontIcon"
818
818
  data-selector-id="fontIcon"
819
819
  data-test-id="fontIcon"
@@ -823,7 +823,7 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
823
823
  </div>
824
824
  </div>
825
825
  <div
826
- class="scroll_vertical content"
826
+ class="d-overflow-y-auto d-overflow-x-hidden content"
827
827
  data-id="flex"
828
828
  data-test-id="flex"
829
829
  >
@@ -838,12 +838,12 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
838
838
  </div>
839
839
  </div>
840
840
  <div
841
- class="flex row alignItems_center footer"
841
+ class="d-flex d-flex-row d-items-center footer"
842
842
  data-id="flex"
843
843
  data-test-id="flex"
844
844
  >
845
845
  <div
846
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
846
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
847
847
  data-id="flex"
848
848
  data-test-id="flex"
849
849
  >
@@ -860,14 +860,14 @@ exports[`Onboarding rendering data of image with hasVideoPlayButton 1`] = `
860
860
  </div>
861
861
  </div>
862
862
  <button
863
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
863
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
864
864
  data-id="onboarding_close_icon"
865
865
  data-test-id="onboarding_close_icon"
866
866
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
871
871
  data-id="fontIcon"
872
872
  data-selector-id="fontIcon"
873
873
  data-test-id="fontIcon"
@@ -917,18 +917,18 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
917
917
  data-drag-hook="true"
918
918
  >
919
919
  <div
920
- class="flex row carouselInner"
920
+ class="d-flex d-flex-row carouselInner"
921
921
  data-id="flex"
922
922
  data-test-id="flex"
923
923
  style="--local_translate_movement: 0%;"
924
924
  >
925
925
  <div
926
- class="flex column noShrink carouselItem"
926
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
927
927
  data-id="flex"
928
928
  data-test-id="flex"
929
929
  >
930
930
  <div
931
- class="flex row alignItems_center justifyContent_center fullSize header"
931
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
932
932
  data-id="flex"
933
933
  data-test-id="flex"
934
934
  >
@@ -942,7 +942,7 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
942
942
  </div>
943
943
  </div>
944
944
  <div
945
- class="scroll_vertical content"
945
+ class="d-overflow-y-auto d-overflow-x-hidden content"
946
946
  data-id="flex"
947
947
  data-test-id="flex"
948
948
  >
@@ -957,12 +957,12 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
957
957
  </div>
958
958
  </div>
959
959
  <div
960
- class="flex row alignItems_center footer"
960
+ class="d-flex d-flex-row d-items-center footer"
961
961
  data-id="flex"
962
962
  data-test-id="flex"
963
963
  >
964
964
  <div
965
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
965
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
966
966
  data-id="flex"
967
967
  data-test-id="flex"
968
968
  >
@@ -979,14 +979,14 @@ exports[`Onboarding rendering data of image without hasVideoPlayButton 1`] = `
979
979
  </div>
980
980
  </div>
981
981
  <button
982
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
982
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
983
983
  data-id="onboarding_close_icon"
984
984
  data-test-id="onboarding_close_icon"
985
985
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
990
990
  data-id="fontIcon"
991
991
  data-selector-id="fontIcon"
992
992
  data-test-id="fontIcon"
@@ -1036,18 +1036,18 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1036
1036
  data-drag-hook="true"
1037
1037
  >
1038
1038
  <div
1039
- class="flex row carouselInner"
1039
+ class="d-flex d-flex-row carouselInner"
1040
1040
  data-id="flex"
1041
1041
  data-test-id="flex"
1042
1042
  style="--local_translate_movement: 0%;"
1043
1043
  >
1044
1044
  <div
1045
- class="flex column noShrink carouselItem"
1045
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1046
1046
  data-id="flex"
1047
1047
  data-test-id="flex"
1048
1048
  >
1049
1049
  <div
1050
- class="flex row alignItems_center justifyContent_center fullSize header"
1050
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1051
1051
  data-id="flex"
1052
1052
  data-test-id="flex"
1053
1053
  >
@@ -1067,7 +1067,7 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1067
1067
  </div>
1068
1068
  </div>
1069
1069
  <div
1070
- class="scroll_vertical content"
1070
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1071
1071
  data-id="flex"
1072
1072
  data-test-id="flex"
1073
1073
  >
@@ -1082,12 +1082,12 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1082
1082
  </div>
1083
1083
  </div>
1084
1084
  <div
1085
- class="flex row alignItems_center footer"
1085
+ class="d-flex d-flex-row d-items-center footer"
1086
1086
  data-id="flex"
1087
1087
  data-test-id="flex"
1088
1088
  >
1089
1089
  <div
1090
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1090
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1091
1091
  data-id="flex"
1092
1092
  data-test-id="flex"
1093
1093
  >
@@ -1104,14 +1104,14 @@ exports[`Onboarding rendering data of videoSource 1`] = `
1104
1104
  </div>
1105
1105
  </div>
1106
1106
  <button
1107
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1107
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1108
1108
  data-id="onboarding_close_icon"
1109
1109
  data-test-id="onboarding_close_icon"
1110
1110
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1115
1115
  data-id="fontIcon"
1116
1116
  data-selector-id="fontIcon"
1117
1117
  data-test-id="fontIcon"
@@ -1161,18 +1161,18 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1161
1161
  data-drag-hook="true"
1162
1162
  >
1163
1163
  <div
1164
- class="flex row carouselInner"
1164
+ class="d-flex d-flex-row carouselInner"
1165
1165
  data-id="flex"
1166
1166
  data-test-id="flex"
1167
1167
  style="--local_translate_movement: 0%;"
1168
1168
  >
1169
1169
  <div
1170
- class="flex column noShrink carouselItem"
1170
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1171
1171
  data-id="flex"
1172
1172
  data-test-id="flex"
1173
1173
  >
1174
1174
  <div
1175
- class="flex row alignItems_center justifyContent_center fullSize header"
1175
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1176
1176
  data-id="flex"
1177
1177
  data-test-id="flex"
1178
1178
  >
@@ -1181,7 +1181,7 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1181
1181
  />
1182
1182
  </div>
1183
1183
  <div
1184
- class="scroll_vertical content"
1184
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1185
1185
  data-id="flex"
1186
1186
  data-test-id="flex"
1187
1187
  >
@@ -1196,12 +1196,12 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1196
1196
  </div>
1197
1197
  </div>
1198
1198
  <div
1199
- class="flex row alignItems_center footer"
1199
+ class="d-flex d-flex-row d-items-center footer"
1200
1200
  data-id="flex"
1201
1201
  data-test-id="flex"
1202
1202
  >
1203
1203
  <div
1204
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1204
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1205
1205
  data-id="flex"
1206
1206
  data-test-id="flex"
1207
1207
  >
@@ -1229,14 +1229,14 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
1229
1229
  </div>
1230
1230
  </div>
1231
1231
  <button
1232
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1232
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1233
1233
  data-id="onboarding_close_icon"
1234
1234
  data-test-id="onboarding_close_icon"
1235
1235
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1240
1240
  data-id="fontIcon"
1241
1241
  data-selector-id="fontIcon"
1242
1242
  data-test-id="fontIcon"
@@ -1286,18 +1286,18 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1286
1286
  data-drag-hook="true"
1287
1287
  >
1288
1288
  <div
1289
- class="flex row carouselInner"
1289
+ class="d-flex d-flex-row carouselInner"
1290
1290
  data-id="flex"
1291
1291
  data-test-id="flex"
1292
1292
  style="--local_translate_movement: 0%;"
1293
1293
  >
1294
1294
  <div
1295
- class="flex column noShrink carouselItem"
1295
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1296
1296
  data-id="flex"
1297
1297
  data-test-id="flex"
1298
1298
  >
1299
1299
  <div
1300
- class="flex row alignItems_center justifyContent_center fullSize header"
1300
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1301
1301
  data-id="flex"
1302
1302
  data-test-id="flex"
1303
1303
  >
@@ -1315,18 +1315,18 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1315
1315
  />
1316
1316
  </video>
1317
1317
  <div
1318
- class="flex row alignItems_center justifyContent_center playIconWrapper"
1318
+ class="d-flex d-flex-row d-items-center d-justify-center playIconWrapper"
1319
1319
  data-id="flex"
1320
1320
  data-test-id="flex"
1321
1321
  >
1322
1322
  <button
1323
- class="flex row alignItems_center justifyContent_center playIcon buttonReset"
1323
+ class="d-flex d-flex-row d-items-center d-justify-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 ff icon-arrowFill basic d-inline-block d-align-middle playIconInner"
1330
1330
  data-id="fontIcon"
1331
1331
  data-selector-id="fontIcon"
1332
1332
  data-test-id="fontIcon"
@@ -1336,7 +1336,7 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1336
1336
  </div>
1337
1337
  </div>
1338
1338
  <div
1339
- class="scroll_vertical content"
1339
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1340
1340
  data-id="flex"
1341
1341
  data-test-id="flex"
1342
1342
  >
@@ -1351,12 +1351,12 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1351
1351
  </div>
1352
1352
  </div>
1353
1353
  <div
1354
- class="flex row alignItems_center footer"
1354
+ class="d-flex d-flex-row d-items-center footer"
1355
1355
  data-id="flex"
1356
1356
  data-test-id="flex"
1357
1357
  >
1358
1358
  <div
1359
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1359
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1360
1360
  data-id="flex"
1361
1361
  data-test-id="flex"
1362
1362
  >
@@ -1373,14 +1373,14 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
1373
1373
  </div>
1374
1374
  </div>
1375
1375
  <button
1376
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1376
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1377
1377
  data-id="onboarding_close_icon"
1378
1378
  data-test-id="onboarding_close_icon"
1379
1379
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1384
1384
  data-id="fontIcon"
1385
1385
  data-selector-id="fontIcon"
1386
1386
  data-test-id="fontIcon"
@@ -1426,12 +1426,12 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
1426
1426
  />
1427
1427
  </div>
1428
1428
  <div
1429
- class="flex row alignItems_center footer"
1429
+ class="d-flex d-flex-row d-items-center footer"
1430
1430
  data-id="flex"
1431
1431
  data-test-id="flex"
1432
1432
  >
1433
1433
  <div
1434
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1434
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1435
1435
  data-id="flex"
1436
1436
  data-test-id="flex"
1437
1437
  >
@@ -1448,14 +1448,14 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
1448
1448
  </div>
1449
1449
  </div>
1450
1450
  <button
1451
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1451
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1452
1452
  data-id="onboarding_close_icon"
1453
1453
  data-test-id="onboarding_close_icon"
1454
1454
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1459
1459
  data-id="fontIcon"
1460
1460
  data-selector-id="fontIcon"
1461
1461
  data-test-id="fontIcon"
@@ -1501,12 +1501,12 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
1501
1501
  />
1502
1502
  </div>
1503
1503
  <div
1504
- class="flex row alignItems_center footer"
1504
+ class="d-flex d-flex-row d-items-center footer"
1505
1505
  data-id="flex"
1506
1506
  data-test-id="flex"
1507
1507
  >
1508
1508
  <div
1509
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1509
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1510
1510
  data-id="flex"
1511
1511
  data-test-id="flex"
1512
1512
  >
@@ -1523,14 +1523,14 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
1523
1523
  </div>
1524
1524
  </div>
1525
1525
  <button
1526
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1526
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1527
1527
  data-id="onboarding_close_icon"
1528
1528
  data-test-id="onboarding_close_icon"
1529
1529
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1534
1534
  data-id="fontIcon"
1535
1535
  data-selector-id="fontIcon"
1536
1536
  data-test-id="fontIcon"
@@ -1580,18 +1580,18 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1580
1580
  data-drag-hook="true"
1581
1581
  >
1582
1582
  <div
1583
- class="flex row carouselInner"
1583
+ class="d-flex d-flex-row carouselInner"
1584
1584
  data-id="flex"
1585
1585
  data-test-id="flex"
1586
1586
  style="--local_translate_movement: 0%;"
1587
1587
  >
1588
1588
  <div
1589
- class="flex column noShrink carouselItem"
1589
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1590
1590
  data-id="flex"
1591
1591
  data-test-id="flex"
1592
1592
  >
1593
1593
  <div
1594
- class="flex row alignItems_center justifyContent_center fullSize header"
1594
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1595
1595
  data-id="flex"
1596
1596
  data-test-id="flex"
1597
1597
  >
@@ -1600,7 +1600,7 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1600
1600
  />
1601
1601
  </div>
1602
1602
  <div
1603
- class="scroll_vertical content"
1603
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1604
1604
  data-id="flex"
1605
1605
  data-test-id="flex"
1606
1606
  >
@@ -1615,12 +1615,12 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1615
1615
  </div>
1616
1616
  </div>
1617
1617
  <div
1618
- class="flex row alignItems_center footer"
1618
+ class="d-flex d-flex-row d-items-center footer"
1619
1619
  data-id="flex"
1620
1620
  data-test-id="flex"
1621
1621
  >
1622
1622
  <div
1623
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1623
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1624
1624
  data-id="flex"
1625
1625
  data-test-id="flex"
1626
1626
  >
@@ -1637,14 +1637,14 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
1637
1637
  </div>
1638
1638
  </div>
1639
1639
  <button
1640
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1640
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1641
1641
  data-id="onboarding_close_icon"
1642
1642
  data-test-id="onboarding_close_icon"
1643
1643
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1648
1648
  data-id="fontIcon"
1649
1649
  data-selector-id="fontIcon"
1650
1650
  data-test-id="fontIcon"
@@ -1694,18 +1694,18 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1694
1694
  data-drag-hook="true"
1695
1695
  >
1696
1696
  <div
1697
- class="flex row carouselInner"
1697
+ class="d-flex d-flex-row carouselInner"
1698
1698
  data-id="flex"
1699
1699
  data-test-id="flex"
1700
1700
  style="--local_translate_movement: 0%;"
1701
1701
  >
1702
1702
  <div
1703
- class="flex column noShrink carouselItem"
1703
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1704
1704
  data-id="flex"
1705
1705
  data-test-id="flex"
1706
1706
  >
1707
1707
  <div
1708
- class="flex row alignItems_center justifyContent_center fullSize header"
1708
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1709
1709
  data-id="flex"
1710
1710
  data-test-id="flex"
1711
1711
  >
@@ -1714,7 +1714,7 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1714
1714
  />
1715
1715
  </div>
1716
1716
  <div
1717
- class="scroll_vertical content"
1717
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1718
1718
  data-id="flex"
1719
1719
  data-test-id="flex"
1720
1720
  >
@@ -1729,12 +1729,12 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1729
1729
  </div>
1730
1730
  </div>
1731
1731
  <div
1732
- class="flex row alignItems_center footer"
1732
+ class="d-flex d-flex-row d-items-center footer"
1733
1733
  data-id="flex"
1734
1734
  data-test-id="flex"
1735
1735
  >
1736
1736
  <div
1737
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1737
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1738
1738
  data-id="flex"
1739
1739
  data-test-id="flex"
1740
1740
  >
@@ -1761,14 +1761,14 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
1761
1761
  </div>
1762
1762
  </div>
1763
1763
  <button
1764
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1764
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1765
1765
  data-id="onboarding_close_icon"
1766
1766
  data-test-id="onboarding_close_icon"
1767
1767
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1772
1772
  data-id="fontIcon"
1773
1773
  data-selector-id="fontIcon"
1774
1774
  data-test-id="fontIcon"
@@ -1818,18 +1818,18 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1818
1818
  data-drag-hook="true"
1819
1819
  >
1820
1820
  <div
1821
- class="flex row carouselInner"
1821
+ class="d-flex d-flex-row carouselInner"
1822
1822
  data-id="flex"
1823
1823
  data-test-id="flex"
1824
1824
  style="--local_translate_movement: 0%;"
1825
1825
  >
1826
1826
  <div
1827
- class="flex column noShrink carouselItem"
1827
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1828
1828
  data-id="flex"
1829
1829
  data-test-id="flex"
1830
1830
  >
1831
1831
  <div
1832
- class="flex row alignItems_center justifyContent_center fullSize header"
1832
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1833
1833
  data-id="flex"
1834
1834
  data-test-id="flex"
1835
1835
  >
@@ -1838,7 +1838,7 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1838
1838
  />
1839
1839
  </div>
1840
1840
  <div
1841
- class="scroll_vertical content"
1841
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1842
1842
  data-id="flex"
1843
1843
  data-test-id="flex"
1844
1844
  >
@@ -1859,12 +1859,12 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1859
1859
  </div>
1860
1860
  </div>
1861
1861
  <div
1862
- class="flex row alignItems_center footer"
1862
+ class="d-flex d-flex-row d-items-center footer"
1863
1863
  data-id="flex"
1864
1864
  data-test-id="flex"
1865
1865
  >
1866
1866
  <div
1867
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1867
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1868
1868
  data-id="flex"
1869
1869
  data-test-id="flex"
1870
1870
  >
@@ -1881,14 +1881,14 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
1881
1881
  </div>
1882
1882
  </div>
1883
1883
  <button
1884
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
1884
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
1885
1885
  data-id="onboarding_close_icon"
1886
1886
  data-test-id="onboarding_close_icon"
1887
1887
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
1892
1892
  data-id="fontIcon"
1893
1893
  data-selector-id="fontIcon"
1894
1894
  data-test-id="fontIcon"
@@ -1938,18 +1938,18 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
1938
1938
  data-drag-hook="true"
1939
1939
  >
1940
1940
  <div
1941
- class="flex row carouselInner"
1941
+ class="d-flex d-flex-row carouselInner"
1942
1942
  data-id="flex"
1943
1943
  data-test-id="flex"
1944
1944
  style="--local_translate_movement: 0%;"
1945
1945
  >
1946
1946
  <div
1947
- class="flex column noShrink carouselItem"
1947
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
1948
1948
  data-id="flex"
1949
1949
  data-test-id="flex"
1950
1950
  >
1951
1951
  <div
1952
- class="flex row alignItems_center justifyContent_center fullSize header"
1952
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
1953
1953
  data-id="flex"
1954
1954
  data-test-id="flex"
1955
1955
  >
@@ -1963,7 +1963,7 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
1963
1963
  </div>
1964
1964
  </div>
1965
1965
  <div
1966
- class="scroll_vertical content"
1966
+ class="d-overflow-y-auto d-overflow-x-hidden content"
1967
1967
  data-id="flex"
1968
1968
  data-test-id="flex"
1969
1969
  >
@@ -1978,12 +1978,12 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
1978
1978
  </div>
1979
1979
  </div>
1980
1980
  <div
1981
- class="flex row alignItems_center footer"
1981
+ class="d-flex d-flex-row d-items-center footer"
1982
1982
  data-id="flex"
1983
1983
  data-test-id="flex"
1984
1984
  >
1985
1985
  <div
1986
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
1986
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
1987
1987
  data-id="flex"
1988
1988
  data-test-id="flex"
1989
1989
  >
@@ -2000,14 +2000,14 @@ exports[`Onboarding rendering data of sliderData with image 1`] = `
2000
2000
  </div>
2001
2001
  </div>
2002
2002
  <button
2003
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2003
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2004
2004
  data-id="onboarding_close_icon"
2005
2005
  data-test-id="onboarding_close_icon"
2006
2006
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2011
2011
  data-id="fontIcon"
2012
2012
  data-selector-id="fontIcon"
2013
2013
  data-test-id="fontIcon"
@@ -2057,18 +2057,18 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2057
2057
  data-drag-hook="true"
2058
2058
  >
2059
2059
  <div
2060
- class="flex row carouselInner"
2060
+ class="d-flex d-flex-row carouselInner"
2061
2061
  data-id="flex"
2062
2062
  data-test-id="flex"
2063
2063
  style="--local_translate_movement: 0%;"
2064
2064
  >
2065
2065
  <div
2066
- class="flex column noShrink carouselItem"
2066
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
2067
2067
  data-id="flex"
2068
2068
  data-test-id="flex"
2069
2069
  >
2070
2070
  <div
2071
- class="flex row alignItems_center justifyContent_center fullSize header"
2071
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
2072
2072
  data-id="flex"
2073
2073
  data-test-id="flex"
2074
2074
  >
@@ -2077,7 +2077,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2077
2077
  />
2078
2078
  </div>
2079
2079
  <div
2080
- class="scroll_vertical content"
2080
+ class="d-overflow-y-auto d-overflow-x-hidden content"
2081
2081
  data-id="flex"
2082
2082
  data-test-id="flex"
2083
2083
  >
@@ -2093,12 +2093,12 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2093
2093
  </div>
2094
2094
  </div>
2095
2095
  <div
2096
- class="flex column noShrink carouselItem"
2096
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
2097
2097
  data-id="flex"
2098
2098
  data-test-id="flex"
2099
2099
  >
2100
2100
  <div
2101
- class="flex row alignItems_center justifyContent_center fullSize header"
2101
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
2102
2102
  data-id="flex"
2103
2103
  data-test-id="flex"
2104
2104
  >
@@ -2107,7 +2107,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2107
2107
  />
2108
2108
  </div>
2109
2109
  <div
2110
- class="scroll_vertical content"
2110
+ class="d-overflow-y-auto d-overflow-x-hidden content"
2111
2111
  data-id="flex"
2112
2112
  data-test-id="flex"
2113
2113
  >
@@ -2125,12 +2125,12 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2125
2125
  </div>
2126
2126
  </div>
2127
2127
  <div
2128
- class="flex row alignItems_center footer"
2128
+ class="d-flex d-flex-row d-items-center footer"
2129
2129
  data-id="flex"
2130
2130
  data-test-id="flex"
2131
2131
  >
2132
2132
  <div
2133
- class="flex row alignItems_center justifyContent_center btnCnt"
2133
+ class="d-flex d-flex-row d-items-center d-justify-center btnCnt"
2134
2134
  data-id="onboarding_carousel_dots"
2135
2135
  data-test-id="onboarding_carousel_dots"
2136
2136
  >
@@ -2146,7 +2146,7 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2146
2146
  />
2147
2147
  </div>
2148
2148
  <div
2149
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2149
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2150
2150
  data-id="flex"
2151
2151
  data-test-id="flex"
2152
2152
  >
@@ -2163,14 +2163,14 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
2163
2163
  </div>
2164
2164
  </div>
2165
2165
  <button
2166
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2166
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2167
2167
  data-id="onboarding_close_icon"
2168
2168
  data-test-id="onboarding_close_icon"
2169
2169
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2174
2174
  data-id="fontIcon"
2175
2175
  data-selector-id="fontIcon"
2176
2176
  data-test-id="fontIcon"
@@ -2217,12 +2217,12 @@ exports[`Onboarding rendering data with a11yAttributes 1`] = `
2217
2217
  />
2218
2218
  </div>
2219
2219
  <div
2220
- class="flex row alignItems_center footer"
2220
+ class="d-flex d-flex-row d-items-center footer"
2221
2221
  data-id="flex"
2222
2222
  data-test-id="flex"
2223
2223
  >
2224
2224
  <div
2225
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2225
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2226
2226
  data-id="flex"
2227
2227
  data-test-id="flex"
2228
2228
  >
@@ -2239,14 +2239,14 @@ exports[`Onboarding rendering data with a11yAttributes 1`] = `
2239
2239
  </div>
2240
2240
  </div>
2241
2241
  <button
2242
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2242
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2243
2243
  data-id="onboarding_close_icon"
2244
2244
  data-test-id="onboarding_close_icon"
2245
2245
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2250
2250
  data-id="fontIcon"
2251
2251
  data-selector-id="fontIcon"
2252
2252
  data-test-id="fontIcon"
@@ -2292,12 +2292,12 @@ exports[`Onboarding rendering data with closeIconTooltip 1`] = `
2292
2292
  />
2293
2293
  </div>
2294
2294
  <div
2295
- class="flex row alignItems_center footer"
2295
+ class="d-flex d-flex-row d-items-center footer"
2296
2296
  data-id="flex"
2297
2297
  data-test-id="flex"
2298
2298
  >
2299
2299
  <div
2300
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2300
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2301
2301
  data-id="flex"
2302
2302
  data-test-id="flex"
2303
2303
  >
@@ -2314,14 +2314,14 @@ exports[`Onboarding rendering data with closeIconTooltip 1`] = `
2314
2314
  </div>
2315
2315
  </div>
2316
2316
  <button
2317
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2317
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2318
2318
  data-id="onboarding_close_icon"
2319
2319
  data-test-id="onboarding_close_icon"
2320
2320
  data-title="escape"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2325
2325
  data-id="fontIcon"
2326
2326
  data-selector-id="fontIcon"
2327
2327
  data-test-id="fontIcon"
@@ -2367,12 +2367,12 @@ exports[`Onboarding rendering data with customStyle 1`] = `
2367
2367
  />
2368
2368
  </div>
2369
2369
  <div
2370
- class="flex row alignItems_center footer"
2370
+ class="d-flex d-flex-row d-items-center footer"
2371
2371
  data-id="flex"
2372
2372
  data-test-id="flex"
2373
2373
  >
2374
2374
  <div
2375
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2375
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2376
2376
  data-id="flex"
2377
2377
  data-test-id="flex"
2378
2378
  >
@@ -2389,14 +2389,14 @@ exports[`Onboarding rendering data with customStyle 1`] = `
2389
2389
  </div>
2390
2390
  </div>
2391
2391
  <button
2392
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2392
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2393
2393
  data-id="onboarding_close_icon"
2394
2394
  data-test-id="onboarding_close_icon"
2395
2395
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2400
2400
  data-id="fontIcon"
2401
2401
  data-selector-id="fontIcon"
2402
2402
  data-test-id="fontIcon"
@@ -2446,18 +2446,18 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2446
2446
  data-drag-hook="true"
2447
2447
  >
2448
2448
  <div
2449
- class="flex row carouselInner"
2449
+ class="d-flex d-flex-row carouselInner"
2450
2450
  data-id="flex"
2451
2451
  data-test-id="flex"
2452
2452
  style="--local_translate_movement: 0%;"
2453
2453
  >
2454
2454
  <div
2455
- class="flex column noShrink carouselItem"
2455
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
2456
2456
  data-id="flex"
2457
2457
  data-test-id="flex"
2458
2458
  >
2459
2459
  <div
2460
- class="flex row alignItems_center justifyContent_center fullSize header"
2460
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
2461
2461
  data-id="flex"
2462
2462
  data-test-id="flex"
2463
2463
  >
@@ -2466,7 +2466,7 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2466
2466
  />
2467
2467
  </div>
2468
2468
  <div
2469
- class="scroll_vertical content"
2469
+ class="d-overflow-y-auto d-overflow-x-hidden content"
2470
2470
  data-id="flex"
2471
2471
  data-test-id="flex"
2472
2472
  >
@@ -2481,12 +2481,12 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2481
2481
  </div>
2482
2482
  </div>
2483
2483
  <div
2484
- class="flex column alignItems_center wrap footer"
2484
+ class="d-flex d-flex-col d-items-center d-flex-wrap footer"
2485
2485
  data-id="flex"
2486
2486
  data-test-id="flex"
2487
2487
  >
2488
2488
  <div
2489
- class="flex row justifyContent_end wrap flexible basis_zero shrink btnWrapper"
2489
+ class="d-flex d-flex-row d-justify-end d-flex-wrap d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2490
2490
  data-id="flex"
2491
2491
  data-test-id="flex"
2492
2492
  >
@@ -2512,14 +2512,14 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
2512
2512
  </div>
2513
2513
  </div>
2514
2514
  <button
2515
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2515
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2516
2516
  data-id="onboarding_close_icon"
2517
2517
  data-test-id="onboarding_close_icon"
2518
2518
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2523
2523
  data-id="fontIcon"
2524
2524
  data-selector-id="fontIcon"
2525
2525
  data-test-id="fontIcon"
@@ -2569,18 +2569,18 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2569
2569
  data-drag-hook="true"
2570
2570
  >
2571
2571
  <div
2572
- class="flex row carouselInner"
2572
+ class="d-flex d-flex-row carouselInner"
2573
2573
  data-id="flex"
2574
2574
  data-test-id="flex"
2575
2575
  style="--local_translate_movement: 0%;"
2576
2576
  >
2577
2577
  <div
2578
- class="flex column noShrink carouselItem"
2578
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
2579
2579
  data-id="flex"
2580
2580
  data-test-id="flex"
2581
2581
  >
2582
2582
  <div
2583
- class="flex row alignItems_center justifyContent_center fullSize header"
2583
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
2584
2584
  data-id="flex"
2585
2585
  data-test-id="flex"
2586
2586
  >
@@ -2589,7 +2589,7 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2589
2589
  />
2590
2590
  </div>
2591
2591
  <div
2592
- class="scroll_vertical content"
2592
+ class="d-overflow-y-auto d-overflow-x-hidden content"
2593
2593
  data-id="flex"
2594
2594
  data-test-id="flex"
2595
2595
  >
@@ -2604,12 +2604,12 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2604
2604
  </div>
2605
2605
  </div>
2606
2606
  <div
2607
- class="flex column alignItems_center wrap footer"
2607
+ class="d-flex d-flex-col d-items-center d-flex-wrap footer"
2608
2608
  data-id="flex"
2609
2609
  data-test-id="flex"
2610
2610
  >
2611
2611
  <div
2612
- class="flex row justifyContent_end wrap flexible basis_zero shrink btnWrapper"
2612
+ class="d-flex d-flex-row d-justify-end d-flex-wrap d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2613
2613
  data-id="flex"
2614
2614
  data-test-id="flex"
2615
2615
  >
@@ -2634,14 +2634,14 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
2634
2634
  </div>
2635
2635
  </div>
2636
2636
  <button
2637
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2637
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2638
2638
  data-id="onboarding_close_icon"
2639
2639
  data-test-id="onboarding_close_icon"
2640
2640
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2645
2645
  data-id="fontIcon"
2646
2646
  data-selector-id="fontIcon"
2647
2647
  data-test-id="fontIcon"
@@ -2691,18 +2691,18 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2691
2691
  data-drag-hook="true"
2692
2692
  >
2693
2693
  <div
2694
- class="flex row carouselInner"
2694
+ class="d-flex d-flex-row carouselInner"
2695
2695
  data-id="flex"
2696
2696
  data-test-id="flex"
2697
2697
  style="--local_translate_movement: 0%;"
2698
2698
  >
2699
2699
  <div
2700
- class="flex column noShrink carouselItem"
2700
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
2701
2701
  data-id="flex"
2702
2702
  data-test-id="flex"
2703
2703
  >
2704
2704
  <div
2705
- class="flex row alignItems_center justifyContent_center fullSize header"
2705
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
2706
2706
  data-id="flex"
2707
2707
  data-test-id="flex"
2708
2708
  >
@@ -2715,7 +2715,7 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2715
2715
  </div>
2716
2716
  </div>
2717
2717
  <div
2718
- class="scroll_vertical content"
2718
+ class="d-overflow-y-auto d-overflow-x-hidden content"
2719
2719
  data-id="flex"
2720
2720
  data-test-id="flex"
2721
2721
  >
@@ -2733,12 +2733,12 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2733
2733
  </div>
2734
2734
  </div>
2735
2735
  <div
2736
- class="flex row alignItems_center footer"
2736
+ class="d-flex d-flex-row d-items-center footer"
2737
2737
  data-id="flex"
2738
2738
  data-test-id="flex"
2739
2739
  >
2740
2740
  <div
2741
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2741
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2742
2742
  data-id="flex"
2743
2743
  data-test-id="flex"
2744
2744
  >
@@ -2755,14 +2755,14 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
2755
2755
  </div>
2756
2756
  </div>
2757
2757
  <button
2758
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2758
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2759
2759
  data-id="onboarding_close_icon"
2760
2760
  data-test-id="onboarding_close_icon"
2761
2761
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2766
2766
  data-id="fontIcon"
2767
2767
  data-selector-id="fontIcon"
2768
2768
  data-test-id="fontIcon"
@@ -2808,12 +2808,12 @@ exports[`Onboarding rendering data with position - absolute 1`] = `
2808
2808
  />
2809
2809
  </div>
2810
2810
  <div
2811
- class="flex row alignItems_center footer"
2811
+ class="d-flex d-flex-row d-items-center footer"
2812
2812
  data-id="flex"
2813
2813
  data-test-id="flex"
2814
2814
  >
2815
2815
  <div
2816
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2816
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2817
2817
  data-id="flex"
2818
2818
  data-test-id="flex"
2819
2819
  >
@@ -2830,14 +2830,14 @@ exports[`Onboarding rendering data with position - absolute 1`] = `
2830
2830
  </div>
2831
2831
  </div>
2832
2832
  <button
2833
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2833
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2834
2834
  data-id="onboarding_close_icon"
2835
2835
  data-test-id="onboarding_close_icon"
2836
2836
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2841
2841
  data-id="fontIcon"
2842
2842
  data-selector-id="fontIcon"
2843
2843
  data-test-id="fontIcon"
@@ -2884,12 +2884,12 @@ exports[`Onboarding rendering data with tagAttributes 1`] = `
2884
2884
  />
2885
2885
  </div>
2886
2886
  <div
2887
- class="flex row alignItems_center footer"
2887
+ class="d-flex d-flex-row d-items-center footer"
2888
2888
  data-id="flex"
2889
2889
  data-test-id="flex"
2890
2890
  >
2891
2891
  <div
2892
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
2892
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
2893
2893
  data-id="flex"
2894
2894
  data-test-id="flex"
2895
2895
  >
@@ -2906,14 +2906,14 @@ exports[`Onboarding rendering data with tagAttributes 1`] = `
2906
2906
  </div>
2907
2907
  </div>
2908
2908
  <button
2909
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
2909
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
2910
2910
  data-id="onboarding_close_icon"
2911
2911
  data-test-id="onboarding_close_icon"
2912
2912
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
2917
2917
  data-id="fontIcon"
2918
2918
  data-selector-id="fontIcon"
2919
2919
  data-test-id="fontIcon"
@@ -2963,18 +2963,18 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
2963
2963
  data-drag-hook="true"
2964
2964
  >
2965
2965
  <div
2966
- class="flex row carouselInner"
2966
+ class="d-flex d-flex-row carouselInner"
2967
2967
  data-id="flex"
2968
2968
  data-test-id="flex"
2969
2969
  style="--local_translate_movement: 0%;"
2970
2970
  >
2971
2971
  <div
2972
- class="flex column noShrink carouselItem"
2972
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
2973
2973
  data-id="flex"
2974
2974
  data-test-id="flex"
2975
2975
  >
2976
2976
  <div
2977
- class="flex row alignItems_center justifyContent_center fullSize header"
2977
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
2978
2978
  data-id="flex"
2979
2979
  data-test-id="flex"
2980
2980
  >
@@ -2983,7 +2983,7 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
2983
2983
  />
2984
2984
  </div>
2985
2985
  <div
2986
- class="scroll_vertical content"
2986
+ class="d-overflow-y-auto d-overflow-x-hidden content"
2987
2987
  data-id="flex"
2988
2988
  data-test-id="flex"
2989
2989
  >
@@ -2998,12 +2998,12 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
2998
2998
  </div>
2999
2999
  </div>
3000
3000
  <div
3001
- class="flex row alignItems_center footer"
3001
+ class="d-flex d-flex-row d-items-center footer"
3002
3002
  data-id="flex"
3003
3003
  data-test-id="flex"
3004
3004
  >
3005
3005
  <div
3006
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3006
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3007
3007
  data-id="flex"
3008
3008
  data-test-id="flex"
3009
3009
  >
@@ -3030,14 +3030,14 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
3030
3030
  </div>
3031
3031
  </div>
3032
3032
  <button
3033
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3033
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3034
3034
  data-id="onboarding_close_icon"
3035
3035
  data-test-id="onboarding_close_icon"
3036
3036
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3041
3041
  data-id="fontIcon"
3042
3042
  data-selector-id="fontIcon"
3043
3043
  data-test-id="fontIcon"
@@ -3083,12 +3083,12 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
3083
3083
  />
3084
3084
  </div>
3085
3085
  <div
3086
- class="flex row alignItems_center footer"
3086
+ class="d-flex d-flex-row d-items-center footer"
3087
3087
  data-id="flex"
3088
3088
  data-test-id="flex"
3089
3089
  >
3090
3090
  <div
3091
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3091
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3092
3092
  data-id="flex"
3093
3093
  data-test-id="flex"
3094
3094
  >
@@ -3105,14 +3105,14 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
3105
3105
  </div>
3106
3106
  </div>
3107
3107
  <button
3108
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3108
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3109
3109
  data-id="onboarding_close_icon"
3110
3110
  data-test-id="onboarding_close_icon"
3111
3111
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3116
3116
  data-id="fontIcon"
3117
3117
  data-selector-id="fontIcon"
3118
3118
  data-test-id="fontIcon"
@@ -3158,12 +3158,12 @@ exports[`Onboarding rendering data without hasCloseIcon 1`] = `
3158
3158
  />
3159
3159
  </div>
3160
3160
  <div
3161
- class="flex row alignItems_center footer"
3161
+ class="d-flex d-flex-row d-items-center footer"
3162
3162
  data-id="flex"
3163
3163
  data-test-id="flex"
3164
3164
  >
3165
3165
  <div
3166
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3166
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3167
3167
  data-id="flex"
3168
3168
  data-test-id="flex"
3169
3169
  >
@@ -3219,12 +3219,12 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
3219
3219
  />
3220
3220
  </div>
3221
3221
  <div
3222
- class="flex row alignItems_center footer"
3222
+ class="d-flex d-flex-row d-items-center footer"
3223
3223
  data-id="flex"
3224
3224
  data-test-id="flex"
3225
3225
  >
3226
3226
  <div
3227
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3227
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3228
3228
  data-id="flex"
3229
3229
  data-test-id="flex"
3230
3230
  >
@@ -3241,14 +3241,14 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
3241
3241
  </div>
3242
3242
  </div>
3243
3243
  <button
3244
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3244
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3245
3245
  data-id="onboarding_close_icon"
3246
3246
  data-test-id="onboarding_close_icon"
3247
3247
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3252
3252
  data-id="fontIcon"
3253
3253
  data-selector-id="fontIcon"
3254
3254
  data-test-id="fontIcon"
@@ -3293,12 +3293,12 @@ exports[`Onboarding rendering data without isDraggable 1`] = `
3293
3293
  />
3294
3294
  </div>
3295
3295
  <div
3296
- class="flex row alignItems_center footer"
3296
+ class="d-flex d-flex-row d-items-center footer"
3297
3297
  data-id="flex"
3298
3298
  data-test-id="flex"
3299
3299
  >
3300
3300
  <div
3301
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3301
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3302
3302
  data-id="flex"
3303
3303
  data-test-id="flex"
3304
3304
  >
@@ -3315,14 +3315,14 @@ exports[`Onboarding rendering data without isDraggable 1`] = `
3315
3315
  </div>
3316
3316
  </div>
3317
3317
  <button
3318
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3318
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3319
3319
  data-id="onboarding_close_icon"
3320
3320
  data-test-id="onboarding_close_icon"
3321
3321
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3326
3326
  data-id="fontIcon"
3327
3327
  data-selector-id="fontIcon"
3328
3328
  data-test-id="fontIcon"
@@ -3372,18 +3372,18 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
3372
3372
  data-drag-hook="true"
3373
3373
  >
3374
3374
  <div
3375
- class="flex row carouselInner"
3375
+ class="d-flex d-flex-row carouselInner"
3376
3376
  data-id="flex"
3377
3377
  data-test-id="flex"
3378
3378
  style="--local_translate_movement: 0%;"
3379
3379
  >
3380
3380
  <div
3381
- class="flex column noShrink carouselItem"
3381
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
3382
3382
  data-id="flex"
3383
3383
  data-test-id="flex"
3384
3384
  >
3385
3385
  <div
3386
- class="flex row alignItems_center justifyContent_center fullSize header"
3386
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
3387
3387
  data-id="flex"
3388
3388
  data-test-id="flex"
3389
3389
  >
@@ -3392,7 +3392,7 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
3392
3392
  />
3393
3393
  </div>
3394
3394
  <div
3395
- class="scroll_vertical content"
3395
+ class="d-overflow-y-auto d-overflow-x-hidden content"
3396
3396
  data-id="flex"
3397
3397
  data-test-id="flex"
3398
3398
  >
@@ -3407,25 +3407,25 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
3407
3407
  </div>
3408
3408
  </div>
3409
3409
  <div
3410
- class="flex row alignItems_center footer"
3410
+ class="d-flex d-flex-row d-items-center footer"
3411
3411
  data-id="flex"
3412
3412
  data-test-id="flex"
3413
3413
  >
3414
3414
  <div
3415
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3415
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3416
3416
  data-id="flex"
3417
3417
  data-test-id="flex"
3418
3418
  />
3419
3419
  </div>
3420
3420
  <button
3421
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3421
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3422
3422
  data-id="onboarding_close_icon"
3423
3423
  data-test-id="onboarding_close_icon"
3424
3424
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3429
3429
  data-id="fontIcon"
3430
3430
  data-selector-id="fontIcon"
3431
3431
  data-test-id="fontIcon"
@@ -3475,18 +3475,18 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3475
3475
  data-drag-hook="true"
3476
3476
  >
3477
3477
  <div
3478
- class="flex row carouselInner"
3478
+ class="d-flex d-flex-row carouselInner"
3479
3479
  data-id="flex"
3480
3480
  data-test-id="flex"
3481
3481
  style="--local_translate_movement: 0%;"
3482
3482
  >
3483
3483
  <div
3484
- class="flex column noShrink carouselItem"
3484
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
3485
3485
  data-id="flex"
3486
3486
  data-test-id="flex"
3487
3487
  >
3488
3488
  <div
3489
- class="flex row alignItems_center justifyContent_center fullSize header"
3489
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
3490
3490
  data-id="flex"
3491
3491
  data-test-id="flex"
3492
3492
  >
@@ -3495,7 +3495,7 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3495
3495
  />
3496
3496
  </div>
3497
3497
  <div
3498
- class="scroll_vertical content"
3498
+ class="d-overflow-y-auto d-overflow-x-hidden content"
3499
3499
  data-id="flex"
3500
3500
  data-test-id="flex"
3501
3501
  >
@@ -3510,12 +3510,12 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3510
3510
  </div>
3511
3511
  </div>
3512
3512
  <div
3513
- class="flex row alignItems_center footer"
3513
+ class="d-flex d-flex-row d-items-center footer"
3514
3514
  data-id="flex"
3515
3515
  data-test-id="flex"
3516
3516
  >
3517
3517
  <div
3518
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3518
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3519
3519
  data-id="flex"
3520
3520
  data-test-id="flex"
3521
3521
  >
@@ -3532,14 +3532,14 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
3532
3532
  </div>
3533
3533
  </div>
3534
3534
  <button
3535
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3535
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3536
3536
  data-id="onboarding_close_icon"
3537
3537
  data-test-id="onboarding_close_icon"
3538
3538
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3543
3543
  data-id="fontIcon"
3544
3544
  data-selector-id="fontIcon"
3545
3545
  data-test-id="fontIcon"
@@ -3585,12 +3585,12 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
3585
3585
  />
3586
3586
  </div>
3587
3587
  <div
3588
- class="flex row alignItems_center footer"
3588
+ class="d-flex d-flex-row d-items-center footer"
3589
3589
  data-id="flex"
3590
3590
  data-test-id="flex"
3591
3591
  >
3592
3592
  <div
3593
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3593
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3594
3594
  data-id="flex"
3595
3595
  data-test-id="flex"
3596
3596
  >
@@ -3607,14 +3607,14 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
3607
3607
  </div>
3608
3608
  </div>
3609
3609
  <button
3610
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3610
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3611
3611
  data-id="onboarding_close_icon"
3612
3612
  data-test-id="onboarding_close_icon"
3613
3613
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3618
3618
  data-id="fontIcon"
3619
3619
  data-selector-id="fontIcon"
3620
3620
  data-test-id="fontIcon"
@@ -3660,12 +3660,12 @@ exports[`Onboarding rendering the defult props 1`] = `
3660
3660
  />
3661
3661
  </div>
3662
3662
  <div
3663
- class="flex row alignItems_center footer"
3663
+ class="d-flex d-flex-row d-items-center footer"
3664
3664
  data-id="flex"
3665
3665
  data-test-id="flex"
3666
3666
  >
3667
3667
  <div
3668
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3668
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3669
3669
  data-id="flex"
3670
3670
  data-test-id="flex"
3671
3671
  >
@@ -3682,14 +3682,14 @@ exports[`Onboarding rendering the defult props 1`] = `
3682
3682
  </div>
3683
3683
  </div>
3684
3684
  <button
3685
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3685
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3686
3686
  data-id="onboarding_close_icon"
3687
3687
  data-test-id="onboarding_close_icon"
3688
3688
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3693
3693
  data-id="fontIcon"
3694
3694
  data-selector-id="fontIcon"
3695
3695
  data-test-id="fontIcon"
@@ -3735,12 +3735,12 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
3735
3735
  />
3736
3736
  </div>
3737
3737
  <div
3738
- class="flex row alignItems_center footer"
3738
+ class="d-flex d-flex-row d-items-center footer"
3739
3739
  data-id="flex"
3740
3740
  data-test-id="flex"
3741
3741
  >
3742
3742
  <div
3743
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3743
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3744
3744
  data-id="flex"
3745
3745
  data-test-id="flex"
3746
3746
  >
@@ -3757,14 +3757,14 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
3757
3757
  </div>
3758
3758
  </div>
3759
3759
  <button
3760
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3760
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3761
3761
  data-id="onboarding_close_icon"
3762
3762
  data-test-id="onboarding_close_icon"
3763
3763
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3768
3768
  data-id="fontIcon"
3769
3769
  data-selector-id="fontIcon"
3770
3770
  data-test-id="fontIcon"
@@ -3802,18 +3802,18 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3802
3802
  data-drag-hook="true"
3803
3803
  >
3804
3804
  <div
3805
- class="flex row carouselInner"
3805
+ class="d-flex d-flex-row carouselInner"
3806
3806
  data-id="flex"
3807
3807
  data-test-id="flex"
3808
3808
  style="--local_translate_movement: 0%;"
3809
3809
  >
3810
3810
  <div
3811
- class="flex column noShrink carouselItem"
3811
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
3812
3812
  data-id="flex"
3813
3813
  data-test-id="flex"
3814
3814
  >
3815
3815
  <div
3816
- class="flex row alignItems_center justifyContent_center fullSize header"
3816
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
3817
3817
  data-id="flex"
3818
3818
  data-test-id="flex"
3819
3819
  >
@@ -3822,7 +3822,7 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3822
3822
  />
3823
3823
  </div>
3824
3824
  <div
3825
- class="scroll_vertical content"
3825
+ class="d-overflow-y-auto d-overflow-x-hidden content"
3826
3826
  data-id="flex"
3827
3827
  data-test-id="flex"
3828
3828
  >
@@ -3837,12 +3837,12 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3837
3837
  </div>
3838
3838
  </div>
3839
3839
  <div
3840
- class="flex row alignItems_center footer"
3840
+ class="d-flex d-flex-row d-items-center footer"
3841
3841
  data-id="flex"
3842
3842
  data-test-id="flex"
3843
3843
  >
3844
3844
  <div
3845
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
3845
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
3846
3846
  data-id="flex"
3847
3847
  data-test-id="flex"
3848
3848
  >
@@ -3870,14 +3870,14 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink 1`] = `
3870
3870
  </div>
3871
3871
  </div>
3872
3872
  <button
3873
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
3873
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
3874
3874
  data-id="radar_onboarding_close_icon"
3875
3875
  data-test-id="onboarding_close_icon"
3876
3876
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
3881
3881
  data-id="fontIcon"
3882
3882
  data-selector-id="fontIcon"
3883
3883
  data-test-id="fontIcon"
@@ -3927,18 +3927,18 @@ exports[`Onboarding rendering with customId 1`] = `
3927
3927
  data-drag-hook="true"
3928
3928
  >
3929
3929
  <div
3930
- class="flex row carouselInner"
3930
+ class="d-flex d-flex-row carouselInner"
3931
3931
  data-id="flex"
3932
3932
  data-test-id="flex"
3933
3933
  style="--local_translate_movement: 0%;"
3934
3934
  >
3935
3935
  <div
3936
- class="flex column noShrink carouselItem"
3936
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
3937
3937
  data-id="flex"
3938
3938
  data-test-id="flex"
3939
3939
  >
3940
3940
  <div
3941
- class="flex row alignItems_center justifyContent_center fullSize header"
3941
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
3942
3942
  data-id="flex"
3943
3943
  data-test-id="flex"
3944
3944
  >
@@ -3956,18 +3956,18 @@ exports[`Onboarding rendering with customId 1`] = `
3956
3956
  />
3957
3957
  </video>
3958
3958
  <div
3959
- class="flex row alignItems_center justifyContent_center playIconWrapper"
3959
+ class="d-flex d-flex-row d-items-center d-justify-center playIconWrapper"
3960
3960
  data-id="flex"
3961
3961
  data-test-id="flex"
3962
3962
  >
3963
3963
  <button
3964
- class="flex row alignItems_center justifyContent_center playIcon buttonReset"
3964
+ class="d-flex d-flex-row d-items-center d-justify-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 ff icon-arrowFill basic d-inline-block d-align-middle playIconInner"
3971
3971
  data-id="fontIcon"
3972
3972
  data-selector-id="fontIcon"
3973
3973
  data-test-id="fontIcon"
@@ -3977,7 +3977,7 @@ exports[`Onboarding rendering with customId 1`] = `
3977
3977
  </div>
3978
3978
  </div>
3979
3979
  <div
3980
- class="scroll_vertical content"
3980
+ class="d-overflow-y-auto d-overflow-x-hidden content"
3981
3981
  data-id="flex"
3982
3982
  data-test-id="flex"
3983
3983
  >
@@ -3998,12 +3998,12 @@ exports[`Onboarding rendering with customId 1`] = `
3998
3998
  </div>
3999
3999
  </div>
4000
4000
  <div
4001
- class="flex row alignItems_center footer"
4001
+ class="d-flex d-flex-row d-items-center footer"
4002
4002
  data-id="flex"
4003
4003
  data-test-id="flex"
4004
4004
  >
4005
4005
  <div
4006
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
4006
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
4007
4007
  data-id="flex"
4008
4008
  data-test-id="flex"
4009
4009
  >
@@ -4029,14 +4029,14 @@ exports[`Onboarding rendering with customId 1`] = `
4029
4029
  </div>
4030
4030
  </div>
4031
4031
  <button
4032
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
4032
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
4033
4033
  data-id="radar_onboarding_close_icon"
4034
4034
  data-test-id="onboarding_close_icon"
4035
4035
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
4040
4040
  data-id="fontIcon"
4041
4041
  data-selector-id="fontIcon"
4042
4042
  data-test-id="fontIcon"
@@ -4086,18 +4086,18 @@ exports[`Onboarding rendering with testId 1`] = `
4086
4086
  data-drag-hook="true"
4087
4087
  >
4088
4088
  <div
4089
- class="flex row carouselInner"
4089
+ class="d-flex d-flex-row carouselInner"
4090
4090
  data-id="flex"
4091
4091
  data-test-id="flex"
4092
4092
  style="--local_translate_movement: 0%;"
4093
4093
  >
4094
4094
  <div
4095
- class="flex column noShrink carouselItem"
4095
+ class="d-flex d-flex-col d-flex-shrink-0 carouselItem"
4096
4096
  data-id="flex"
4097
4097
  data-test-id="flex"
4098
4098
  >
4099
4099
  <div
4100
- class="flex row alignItems_center justifyContent_center fullSize header"
4100
+ class="d-flex d-flex-row d-items-center d-justify-center d-h-full d-w-full header"
4101
4101
  data-id="flex"
4102
4102
  data-test-id="flex"
4103
4103
  >
@@ -4105,18 +4105,18 @@ exports[`Onboarding rendering with testId 1`] = `
4105
4105
  class="innerHead dvLayer"
4106
4106
  >
4107
4107
  <div
4108
- class="flex row alignItems_center justifyContent_center playIconWrapper"
4108
+ class="d-flex d-flex-row d-items-center d-justify-center playIconWrapper"
4109
4109
  data-id="flex"
4110
4110
  data-test-id="flex"
4111
4111
  >
4112
4112
  <button
4113
- class="flex row alignItems_center justifyContent_center playIcon buttonReset"
4113
+ class="d-flex d-flex-row d-items-center d-justify-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 ff icon-arrowFill basic d-inline-block d-align-middle playIconInner"
4120
4120
  data-id="fontIcon"
4121
4121
  data-selector-id="fontIcon"
4122
4122
  data-test-id="fontIcon"
@@ -4126,7 +4126,7 @@ exports[`Onboarding rendering with testId 1`] = `
4126
4126
  </div>
4127
4127
  </div>
4128
4128
  <div
4129
- class="scroll_vertical content"
4129
+ class="d-overflow-y-auto d-overflow-x-hidden content"
4130
4130
  data-id="flex"
4131
4131
  data-test-id="flex"
4132
4132
  >
@@ -4141,12 +4141,12 @@ exports[`Onboarding rendering with testId 1`] = `
4141
4141
  </div>
4142
4142
  </div>
4143
4143
  <div
4144
- class="flex row alignItems_center footer"
4144
+ class="d-flex d-flex-row d-items-center footer"
4145
4145
  data-id="flex"
4146
4146
  data-test-id="flex"
4147
4147
  >
4148
4148
  <div
4149
- class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
4149
+ class="d-flex d-flex-row d-justify-end d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink btnWrapper"
4150
4150
  data-id="flex"
4151
4151
  data-test-id="flex"
4152
4152
  >
@@ -4163,14 +4163,14 @@ exports[`Onboarding rendering with testId 1`] = `
4163
4163
  </div>
4164
4164
  </div>
4165
4165
  <button
4166
- class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
4166
+ class="d-flex d-flex-row d-items-center d-justify-center closeIconContainer buttonReset"
4167
4167
  data-id="onboarding_close_icon"
4168
4168
  data-test-id="radar_onboarding_close_icon"
4169
4169
  data-title="Close"
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 ff icon-inapp-close basic d-inline-block d-align-middle closeIcon"
4174
4174
  data-id="fontIcon"
4175
4175
  data-selector-id="fontIcon"
4176
4176
  data-test-id="fontIcon"