@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/lib/FlipCard/__tests__/__snapshots__/FlipCard.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[`FlipCard renders correctly with channel: call and action: missed 1`] = `
4
4
  <DocumentFragment>
@@ -9,14 +9,14 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
9
9
  class="container"
10
10
  >
11
11
  <div
12
- class="flex fullSize column alignItems_center justifyContent_center front"
12
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
16
16
  >
17
17
  <div
18
18
  aria-checked="false"
19
- class="inlineFlex row alignItems_center container pointer primary"
19
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
20
20
  data-id="listViewCheckBox_undefined"
21
21
  data-selector-id="checkbox_undefined"
22
22
  data-test-id="listViewCheckBox_undefined"
@@ -24,7 +24,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
24
24
  tabindex="0"
25
25
  >
26
26
  <div
27
- class="noShrink boxContainer medium filled"
27
+ class="d-flex-shrink-0 boxContainer medium filled"
28
28
  data-id="boxComponent"
29
29
  data-selector-id="box"
30
30
  data-test-id="boxComponent"
@@ -55,7 +55,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
55
55
  </div>
56
56
  </div>
57
57
  <div
58
- class="flex fullSize column alignItems_center justifyContent_center back"
58
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
59
59
  data-id="containerComponent"
60
60
  data-selector-id="container"
61
61
  data-test-id="containerComponent"
@@ -96,14 +96,14 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
96
96
  class="container"
97
97
  >
98
98
  <div
99
- class="flex fullSize column alignItems_center justifyContent_center front"
99
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
100
100
  data-id="containerComponent"
101
101
  data-selector-id="container"
102
102
  data-test-id="containerComponent"
103
103
  >
104
104
  <div
105
105
  aria-checked="false"
106
- class="inlineFlex row alignItems_center container pointer primary"
106
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
107
107
  data-id="listViewCheckBox_undefined"
108
108
  data-selector-id="checkbox_undefined"
109
109
  data-test-id="listViewCheckBox_undefined"
@@ -111,7 +111,7 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
111
111
  tabindex="0"
112
112
  >
113
113
  <div
114
- class="noShrink boxContainer medium filled"
114
+ class="d-flex-shrink-0 boxContainer medium filled"
115
115
  data-id="boxComponent"
116
116
  data-selector-id="box"
117
117
  data-test-id="boxComponent"
@@ -142,7 +142,7 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
142
142
  </div>
143
143
  </div>
144
144
  <div
145
- class="flex fullSize column alignItems_center justifyContent_center back"
145
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
146
146
  data-id="containerComponent"
147
147
  data-selector-id="container"
148
148
  data-test-id="containerComponent"
@@ -152,14 +152,14 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
152
152
  data-selector-id="channelIcon"
153
153
  >
154
154
  <div
155
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
155
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
156
156
  data-id="chat"
157
157
  data-selector-id="avatarIcon"
158
158
  data-test-id="chat"
159
159
  >
160
160
  <i
161
161
  aria-hidden="true"
162
- class="zd_font_icons blue basic icon-chChatOut avatar_align_center iconColor iconStyle chat_outgoing"
162
+ class="zd_font_icons blue ff icon-chChatOut basic d-inline-block d-align-middle avatar_align_center iconColor iconStyle chat_outgoing"
163
163
  data-id="fontIcon"
164
164
  data-selector-id="fontIcon"
165
165
  data-test-id="fontIcon"
@@ -189,14 +189,14 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
189
189
  class="container"
190
190
  >
191
191
  <div
192
- class="flex fullSize column alignItems_center justifyContent_center front"
192
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
193
193
  data-id="containerComponent"
194
194
  data-selector-id="container"
195
195
  data-test-id="containerComponent"
196
196
  >
197
197
  <div
198
198
  aria-checked="false"
199
- class="inlineFlex row alignItems_center container pointer primary"
199
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
200
200
  data-id="listViewCheckBox_undefined"
201
201
  data-selector-id="checkbox_undefined"
202
202
  data-test-id="listViewCheckBox_undefined"
@@ -204,7 +204,7 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
204
204
  tabindex="0"
205
205
  >
206
206
  <div
207
- class="noShrink boxContainer medium filled"
207
+ class="d-flex-shrink-0 boxContainer medium filled"
208
208
  data-id="boxComponent"
209
209
  data-selector-id="box"
210
210
  data-test-id="boxComponent"
@@ -235,7 +235,7 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
235
235
  </div>
236
236
  </div>
237
237
  <div
238
- class="flex fullSize column alignItems_center justifyContent_center back"
238
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
239
239
  data-id="containerComponent"
240
240
  data-selector-id="container"
241
241
  data-test-id="containerComponent"
@@ -245,14 +245,14 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
245
245
  data-selector-id="channelIcon"
246
246
  >
247
247
  <div
248
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
248
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
249
249
  data-id="email"
250
250
  data-selector-id="avatarIcon"
251
251
  data-test-id="email"
252
252
  >
253
253
  <i
254
254
  aria-hidden="true"
255
- class="zd_font_icons green basic icon-chMailIn avatar_align_center iconColor iconStyle email_incoming"
255
+ class="zd_font_icons green ff icon-chMailIn basic d-inline-block d-align-middle avatar_align_center iconColor iconStyle email_incoming"
256
256
  data-id="fontIcon"
257
257
  data-selector-id="fontIcon"
258
258
  data-test-id="fontIcon"
@@ -282,14 +282,14 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
282
282
  class="container"
283
283
  >
284
284
  <div
285
- class="flex fullSize column alignItems_center justifyContent_center front"
285
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
286
286
  data-id="containerComponent"
287
287
  data-selector-id="container"
288
288
  data-test-id="containerComponent"
289
289
  >
290
290
  <div
291
291
  aria-checked="false"
292
- class="inlineFlex row alignItems_center container pointer primary"
292
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
293
293
  data-id="listViewCheckBox_undefined"
294
294
  data-selector-id="checkbox_undefined"
295
295
  data-test-id="listViewCheckBox_undefined"
@@ -297,7 +297,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
297
297
  tabindex="0"
298
298
  >
299
299
  <div
300
- class="noShrink boxContainer medium filled"
300
+ class="d-flex-shrink-0 boxContainer medium filled"
301
301
  data-id="boxComponent"
302
302
  data-selector-id="box"
303
303
  data-test-id="boxComponent"
@@ -328,7 +328,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
328
328
  </div>
329
329
  </div>
330
330
  <div
331
- class="flex fullSize column alignItems_center justifyContent_center back"
331
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
332
332
  data-id="containerComponent"
333
333
  data-selector-id="container"
334
334
  data-test-id="containerComponent"
@@ -369,14 +369,14 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
369
369
  class="container"
370
370
  >
371
371
  <div
372
- class="flex fullSize column alignItems_center justifyContent_center front"
372
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
373
373
  data-id="containerComponent"
374
374
  data-selector-id="container"
375
375
  data-test-id="containerComponent"
376
376
  >
377
377
  <div
378
378
  aria-checked="false"
379
- class="inlineFlex row alignItems_center container pointer primary"
379
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
380
380
  data-id="listViewCheckBox_undefined"
381
381
  data-selector-id="checkbox_undefined"
382
382
  data-test-id="listViewCheckBox_undefined"
@@ -384,7 +384,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
384
384
  tabindex="0"
385
385
  >
386
386
  <div
387
- class="noShrink boxContainer medium filled"
387
+ class="d-flex-shrink-0 boxContainer medium filled"
388
388
  data-id="boxComponent"
389
389
  data-selector-id="box"
390
390
  data-test-id="boxComponent"
@@ -415,7 +415,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
415
415
  </div>
416
416
  </div>
417
417
  <div
418
- class="flex fullSize column alignItems_center justifyContent_center back"
418
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
419
419
  data-id="containerComponent"
420
420
  data-selector-id="container"
421
421
  data-test-id="containerComponent"
@@ -456,14 +456,14 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
456
456
  class="container"
457
457
  >
458
458
  <div
459
- class="flex fullSize column alignItems_center justifyContent_center front"
459
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
460
460
  data-id="containerComponent"
461
461
  data-selector-id="container"
462
462
  data-test-id="containerComponent"
463
463
  >
464
464
  <div
465
465
  aria-checked="false"
466
- class="inlineFlex row alignItems_center container pointer primary"
466
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
467
467
  data-id="listViewCheckBox_undefined"
468
468
  data-selector-id="checkbox_undefined"
469
469
  data-test-id="listViewCheckBox_undefined"
@@ -471,7 +471,7 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
471
471
  tabindex="0"
472
472
  >
473
473
  <div
474
- class="noShrink boxContainer medium filled"
474
+ class="d-flex-shrink-0 boxContainer medium filled"
475
475
  data-id="boxComponent"
476
476
  data-selector-id="box"
477
477
  data-test-id="boxComponent"
@@ -502,7 +502,7 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
502
502
  </div>
503
503
  </div>
504
504
  <div
505
- class="flex fullSize column alignItems_center justifyContent_center back"
505
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
506
506
  data-id="containerComponent"
507
507
  data-selector-id="container"
508
508
  data-test-id="containerComponent"
@@ -512,14 +512,14 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
512
512
  data-selector-id="channelIcon"
513
513
  >
514
514
  <div
515
- class="inlineFlex column alignItems_center justifyContent_center container medium default custom-class"
515
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default custom-class"
516
516
  data-id="email"
517
517
  data-selector-id="avatarIcon"
518
518
  data-test-id="email"
519
519
  >
520
520
  <i
521
521
  aria-hidden="true"
522
- class="zd_font_icons green basic icon-chMailIn avatar_align_center iconColor iconStyle email_incoming"
522
+ class="zd_font_icons green ff icon-chMailIn basic d-inline-block d-align-middle avatar_align_center iconColor iconStyle email_incoming"
523
523
  data-id="fontIcon"
524
524
  data-selector-id="fontIcon"
525
525
  data-test-id="fontIcon"
@@ -549,14 +549,14 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
549
549
  class="container"
550
550
  >
551
551
  <div
552
- class="flex fullSize column alignItems_center justifyContent_center front"
552
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
553
553
  data-id="containerComponent"
554
554
  data-selector-id="container"
555
555
  data-test-id="containerComponent"
556
556
  >
557
557
  <div
558
558
  aria-checked="false"
559
- class="inlineFlex row alignItems_center container pointer primary"
559
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
560
560
  data-id="listViewCheckBox_undefined"
561
561
  data-selector-id="checkbox_undefined"
562
562
  data-test-id="listViewCheckBox_undefined"
@@ -564,7 +564,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
564
564
  tabindex="0"
565
565
  >
566
566
  <div
567
- class="noShrink boxContainer medium filled"
567
+ class="d-flex-shrink-0 boxContainer medium filled"
568
568
  data-id="boxComponent"
569
569
  data-selector-id="box"
570
570
  data-test-id="boxComponent"
@@ -595,7 +595,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
595
595
  </div>
596
596
  </div>
597
597
  <div
598
- class="flex fullSize column alignItems_center justifyContent_center back"
598
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
599
599
  data-id="containerComponent"
600
600
  data-selector-id="container"
601
601
  data-test-id="containerComponent"
@@ -633,14 +633,14 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
633
633
  class="container"
634
634
  >
635
635
  <div
636
- class="flex fullSize column alignItems_center justifyContent_center front"
636
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
637
637
  data-id="containerComponent"
638
638
  data-selector-id="container"
639
639
  data-test-id="containerComponent"
640
640
  >
641
641
  <div
642
642
  aria-checked="false"
643
- class="inlineFlex row alignItems_center container pointer primary"
643
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
644
644
  data-id="listViewCheckBox_undefined"
645
645
  data-selector-id="checkbox_undefined"
646
646
  data-test-id="listViewCheckBox_undefined"
@@ -648,7 +648,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
648
648
  tabindex="0"
649
649
  >
650
650
  <div
651
- class="noShrink boxContainer medium filled"
651
+ class="d-flex-shrink-0 boxContainer medium filled"
652
652
  data-id="boxComponent"
653
653
  data-selector-id="box"
654
654
  data-test-id="boxComponent"
@@ -679,7 +679,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
679
679
  </div>
680
680
  </div>
681
681
  <div
682
- class="flex fullSize column alignItems_center justifyContent_center back"
682
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
683
683
  data-id="containerComponent"
684
684
  data-selector-id="container"
685
685
  data-test-id="containerComponent"
@@ -709,7 +709,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
709
709
  >
710
710
  <i
711
711
  aria-hidden="true"
712
- class="zd_font_icons basic icon-paiduser"
712
+ class="zd_font_icons ff icon-paiduser basic d-inline-block d-align-middle"
713
713
  data-id="fontIcon"
714
714
  data-selector-id="fontIcon"
715
715
  data-test-id="fontIcon"
@@ -738,14 +738,14 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
738
738
  class="container"
739
739
  >
740
740
  <div
741
- class="flex fullSize column alignItems_center justifyContent_center front"
741
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
742
742
  data-id="containerComponent"
743
743
  data-selector-id="container"
744
744
  data-test-id="containerComponent"
745
745
  >
746
746
  <div
747
747
  aria-checked="false"
748
- class="inlineFlex row alignItems_center container pointer primary"
748
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
749
749
  data-id="listViewCheckBox_undefined"
750
750
  data-selector-id="checkbox_undefined"
751
751
  data-test-id="listViewCheckBox_undefined"
@@ -753,7 +753,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
753
753
  tabindex="0"
754
754
  >
755
755
  <div
756
- class="noShrink boxContainer medium filled"
756
+ class="d-flex-shrink-0 boxContainer medium filled"
757
757
  data-id="boxComponent"
758
758
  data-selector-id="box"
759
759
  data-test-id="boxComponent"
@@ -784,7 +784,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
784
784
  </div>
785
785
  </div>
786
786
  <div
787
- class="flex fullSize column alignItems_center justifyContent_center back"
787
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
788
788
  data-id="containerComponent"
789
789
  data-selector-id="container"
790
790
  data-test-id="containerComponent"
@@ -822,14 +822,14 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
822
822
  class="container"
823
823
  >
824
824
  <div
825
- class="flex fullSize column alignItems_center justifyContent_center front"
825
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
826
826
  data-id="containerComponent"
827
827
  data-selector-id="container"
828
828
  data-test-id="containerComponent"
829
829
  >
830
830
  <div
831
831
  aria-checked="true"
832
- class="inlineFlex row alignItems_center container pointer primary checkedprimary"
832
+ class="d-inline-flex d-flex-row d-items-center container pointer primary checkedprimary"
833
833
  data-id="listViewCheckBox_undefined"
834
834
  data-selector-id="checkbox_undefined"
835
835
  data-test-id="listViewCheckBox_undefined"
@@ -837,7 +837,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
837
837
  tabindex="0"
838
838
  >
839
839
  <div
840
- class="noShrink boxContainer medium filled"
840
+ class="d-flex-shrink-0 boxContainer medium filled"
841
841
  data-id="boxComponent"
842
842
  data-selector-id="box"
843
843
  data-test-id="boxComponent"
@@ -874,7 +874,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
874
874
  </div>
875
875
  </div>
876
876
  <div
877
- class="flex fullSize column alignItems_center justifyContent_center back"
877
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
878
878
  data-id="containerComponent"
879
879
  data-selector-id="container"
880
880
  data-test-id="containerComponent"
@@ -912,14 +912,14 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
912
912
  class="container"
913
913
  >
914
914
  <div
915
- class="flex fullSize column alignItems_center justifyContent_center front"
915
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
916
916
  data-id="containerComponent"
917
917
  data-selector-id="container"
918
918
  data-test-id="containerComponent"
919
919
  >
920
920
  <div
921
921
  aria-checked="true"
922
- class="inlineFlex row alignItems_center container pointer primary checkedprimary"
922
+ class="d-inline-flex d-flex-row d-items-center container pointer primary checkedprimary"
923
923
  data-id="listViewCheckBox_undefined"
924
924
  data-selector-id="checkbox_undefined"
925
925
  data-test-id="listViewCheckBox_undefined"
@@ -927,7 +927,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
927
927
  tabindex="0"
928
928
  >
929
929
  <div
930
- class="noShrink boxContainer medium filled"
930
+ class="d-flex-shrink-0 boxContainer medium filled"
931
931
  data-id="boxComponent"
932
932
  data-selector-id="box"
933
933
  data-test-id="boxComponent"
@@ -964,7 +964,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
964
964
  </div>
965
965
  </div>
966
966
  <div
967
- class="flex fullSize column alignItems_center justifyContent_center back"
967
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
968
968
  data-id="containerComponent"
969
969
  data-selector-id="container"
970
970
  data-test-id="containerComponent"
@@ -1002,14 +1002,14 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
1002
1002
  class="container"
1003
1003
  >
1004
1004
  <div
1005
- class="flex fullSize column alignItems_center justifyContent_center front"
1005
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1006
1006
  data-id="containerComponent"
1007
1007
  data-selector-id="container"
1008
1008
  data-test-id="containerComponent"
1009
1009
  >
1010
1010
  <div
1011
1011
  aria-checked="false"
1012
- class="inlineFlex row alignItems_center container pointer primary"
1012
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1013
1013
  data-id="listViewCheckBox_undefined"
1014
1014
  data-selector-id="checkbox_undefined"
1015
1015
  data-test-id="listViewCheckBox_undefined"
@@ -1017,7 +1017,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
1017
1017
  tabindex="0"
1018
1018
  >
1019
1019
  <div
1020
- class="noShrink boxContainer medium filled"
1020
+ class="d-flex-shrink-0 boxContainer medium filled"
1021
1021
  data-id="boxComponent"
1022
1022
  data-selector-id="box"
1023
1023
  data-test-id="boxComponent"
@@ -1048,7 +1048,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
1048
1048
  </div>
1049
1049
  </div>
1050
1050
  <div
1051
- class="flex fullSize column alignItems_center justifyContent_center back"
1051
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1052
1052
  data-id="containerComponent"
1053
1053
  data-selector-id="container"
1054
1054
  data-test-id="containerComponent"
@@ -1089,14 +1089,14 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
1089
1089
  class="container"
1090
1090
  >
1091
1091
  <div
1092
- class="flex fullSize column alignItems_center justifyContent_center front"
1092
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1093
1093
  data-id="containerComponent"
1094
1094
  data-selector-id="container"
1095
1095
  data-test-id="containerComponent"
1096
1096
  >
1097
1097
  <div
1098
1098
  aria-checked="false"
1099
- class="inlineFlex row alignItems_center container pointer primary"
1099
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1100
1100
  data-id="listViewCheckBox_undefined"
1101
1101
  data-selector-id="checkbox_undefined"
1102
1102
  data-test-id="listViewCheckBox_undefined"
@@ -1104,7 +1104,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
1104
1104
  tabindex="0"
1105
1105
  >
1106
1106
  <div
1107
- class="noShrink boxContainer medium filled"
1107
+ class="d-flex-shrink-0 boxContainer medium filled"
1108
1108
  data-id="boxComponent"
1109
1109
  data-selector-id="box"
1110
1110
  data-test-id="boxComponent"
@@ -1135,7 +1135,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
1135
1135
  </div>
1136
1136
  </div>
1137
1137
  <div
1138
- class="flex fullSize column alignItems_center justifyContent_center back"
1138
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1139
1139
  data-id="containerComponent"
1140
1140
  data-selector-id="container"
1141
1141
  data-test-id="containerComponent"
@@ -1173,14 +1173,14 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
1173
1173
  class="container"
1174
1174
  >
1175
1175
  <div
1176
- class="flex fullSize column alignItems_center justifyContent_center front"
1176
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1177
1177
  data-id="containerComponent"
1178
1178
  data-selector-id="container"
1179
1179
  data-test-id="containerComponent"
1180
1180
  >
1181
1181
  <div
1182
1182
  aria-checked="false"
1183
- class="inlineFlex row alignItems_center container pointer primary"
1183
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1184
1184
  data-id="listViewCheckBox_undefined"
1185
1185
  data-selector-id="checkbox_undefined"
1186
1186
  data-test-id="listViewCheckBox_undefined"
@@ -1188,7 +1188,7 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
1188
1188
  tabindex="0"
1189
1189
  >
1190
1190
  <div
1191
- class="noShrink boxContainer medium filled"
1191
+ class="d-flex-shrink-0 boxContainer medium filled"
1192
1192
  data-id="boxComponent"
1193
1193
  data-selector-id="box"
1194
1194
  data-test-id="boxComponent"
@@ -1219,7 +1219,7 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
1219
1219
  </div>
1220
1220
  </div>
1221
1221
  <div
1222
- class="flex fullSize column alignItems_center justifyContent_center back"
1222
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1223
1223
  data-id="containerComponent"
1224
1224
  data-selector-id="container"
1225
1225
  data-test-id="containerComponent"
@@ -1229,14 +1229,14 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
1229
1229
  data-selector-id="channelIcon"
1230
1230
  >
1231
1231
  <div
1232
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
1232
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
1233
1233
  data-id="email"
1234
1234
  data-selector-id="avatarIcon"
1235
1235
  data-test-id="email"
1236
1236
  >
1237
1237
  <i
1238
1238
  aria-hidden="true"
1239
- class="zd_font_icons green basic icon-chMailIn avatar_align_center iconColor iconStyle email_incoming"
1239
+ class="zd_font_icons green ff icon-chMailIn basic d-inline-block d-align-middle avatar_align_center iconColor iconStyle email_incoming"
1240
1240
  data-id="fontIcon"
1241
1241
  data-selector-id="fontIcon"
1242
1242
  data-test-id="fontIcon"
@@ -1266,14 +1266,14 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
1266
1266
  class="container"
1267
1267
  >
1268
1268
  <div
1269
- class="flex fullSize column alignItems_center justifyContent_center front"
1269
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1270
1270
  data-id="containerComponent"
1271
1271
  data-selector-id="container"
1272
1272
  data-test-id="containerComponent"
1273
1273
  >
1274
1274
  <div
1275
1275
  aria-checked="false"
1276
- class="inlineFlex row alignItems_center container pointer primary"
1276
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1277
1277
  data-id="listViewCheckBox_undefined"
1278
1278
  data-selector-id="checkbox_undefined"
1279
1279
  data-test-id="listViewCheckBox_undefined"
@@ -1281,7 +1281,7 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
1281
1281
  tabindex="0"
1282
1282
  >
1283
1283
  <div
1284
- class="noShrink boxContainer medium filled"
1284
+ class="d-flex-shrink-0 boxContainer medium filled"
1285
1285
  data-id="boxComponent"
1286
1286
  data-selector-id="box"
1287
1287
  data-test-id="boxComponent"
@@ -1312,13 +1312,13 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
1312
1312
  </div>
1313
1313
  </div>
1314
1314
  <div
1315
- class="flex fullSize column alignItems_center justifyContent_center back"
1315
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1316
1316
  data-id="containerComponent"
1317
1317
  data-selector-id="container"
1318
1318
  data-test-id="containerComponent"
1319
1319
  >
1320
1320
  <div
1321
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
1321
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
1322
1322
  data-id="ZD-icon"
1323
1323
  data-selector-id="avatarIcon"
1324
1324
  data-test-id="ZD-icon"
@@ -1339,14 +1339,14 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
1339
1339
  class="container"
1340
1340
  >
1341
1341
  <div
1342
- class="flex fullSize column alignItems_center justifyContent_center front"
1342
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1343
1343
  data-id="containerComponent"
1344
1344
  data-selector-id="container"
1345
1345
  data-test-id="containerComponent"
1346
1346
  >
1347
1347
  <div
1348
1348
  aria-checked="false"
1349
- class="inlineFlex row alignItems_center container pointer primary"
1349
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1350
1350
  data-id="listViewCheckBox_undefined"
1351
1351
  data-selector-id="checkbox_undefined"
1352
1352
  data-test-id="listViewCheckBox_undefined"
@@ -1354,7 +1354,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
1354
1354
  tabindex="0"
1355
1355
  >
1356
1356
  <div
1357
- class="noShrink boxContainer medium filled"
1357
+ class="d-flex-shrink-0 boxContainer medium filled"
1358
1358
  data-id="boxComponent"
1359
1359
  data-selector-id="box"
1360
1360
  data-test-id="boxComponent"
@@ -1385,7 +1385,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
1385
1385
  </div>
1386
1386
  </div>
1387
1387
  <div
1388
- class="flex fullSize column alignItems_center justifyContent_center back"
1388
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1389
1389
  data-id="containerComponent"
1390
1390
  data-selector-id="container"
1391
1391
  data-test-id="containerComponent"
@@ -1428,14 +1428,14 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
1428
1428
  class="container"
1429
1429
  >
1430
1430
  <div
1431
- class="flex fullSize column alignItems_center justifyContent_center front"
1431
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1432
1432
  data-id="containerComponent"
1433
1433
  data-selector-id="container"
1434
1434
  data-test-id="containerComponent"
1435
1435
  >
1436
1436
  <div
1437
1437
  aria-checked="false"
1438
- class="inlineFlex row alignItems_center container pointer primary"
1438
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1439
1439
  data-id="listViewCheckBox_undefined"
1440
1440
  data-selector-id="checkbox_undefined"
1441
1441
  data-test-id="listViewCheckBox_undefined"
@@ -1443,7 +1443,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
1443
1443
  tabindex="0"
1444
1444
  >
1445
1445
  <div
1446
- class="noShrink boxContainer medium filled"
1446
+ class="d-flex-shrink-0 boxContainer medium filled"
1447
1447
  data-id="boxComponent"
1448
1448
  data-selector-id="box"
1449
1449
  data-test-id="boxComponent"
@@ -1474,7 +1474,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
1474
1474
  </div>
1475
1475
  </div>
1476
1476
  <div
1477
- class="flex fullSize column alignItems_center justifyContent_center back"
1477
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1478
1478
  data-id="containerComponent"
1479
1479
  data-selector-id="container"
1480
1480
  data-test-id="containerComponent"
@@ -1516,14 +1516,14 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
1516
1516
  class="container"
1517
1517
  >
1518
1518
  <div
1519
- class="flex fullSize column alignItems_center justifyContent_center front"
1519
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1520
1520
  data-id="containerComponent"
1521
1521
  data-selector-id="container"
1522
1522
  data-test-id="containerComponent"
1523
1523
  >
1524
1524
  <div
1525
1525
  aria-checked="false"
1526
- class="inlineFlex row alignItems_center container pointer primary"
1526
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1527
1527
  data-id="listViewCheckBox_undefined"
1528
1528
  data-selector-id="checkbox_undefined"
1529
1529
  data-test-id="listViewCheckBox_undefined"
@@ -1531,7 +1531,7 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
1531
1531
  tabindex="0"
1532
1532
  >
1533
1533
  <div
1534
- class="noShrink boxContainer medium filled"
1534
+ class="d-flex-shrink-0 boxContainer medium filled"
1535
1535
  data-id="boxComponent"
1536
1536
  data-selector-id="box"
1537
1537
  data-test-id="boxComponent"
@@ -1562,13 +1562,13 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
1562
1562
  </div>
1563
1563
  </div>
1564
1564
  <div
1565
- class="flex fullSize column alignItems_center justifyContent_center back"
1565
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1566
1566
  data-id="containerComponent"
1567
1567
  data-selector-id="container"
1568
1568
  data-test-id="containerComponent"
1569
1569
  >
1570
1570
  <div
1571
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
1571
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
1572
1572
  data-id="ZD-icon"
1573
1573
  data-selector-id="avatarIcon"
1574
1574
  data-test-id="ZD-icon"
@@ -1589,14 +1589,14 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
1589
1589
  class="container"
1590
1590
  >
1591
1591
  <div
1592
- class="flex fullSize column alignItems_center justifyContent_center front"
1592
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1593
1593
  data-id="containerComponent"
1594
1594
  data-selector-id="container"
1595
1595
  data-test-id="containerComponent"
1596
1596
  >
1597
1597
  <div
1598
1598
  aria-checked="false"
1599
- class="inlineFlex row alignItems_center container pointer primary"
1599
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1600
1600
  data-id="listViewCheckBox_undefined"
1601
1601
  data-selector-id="checkbox_undefined"
1602
1602
  data-test-id="listViewCheckBox_undefined"
@@ -1604,7 +1604,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
1604
1604
  tabindex="0"
1605
1605
  >
1606
1606
  <div
1607
- class="noShrink boxContainer medium filled"
1607
+ class="d-flex-shrink-0 boxContainer medium filled"
1608
1608
  data-id="boxComponent"
1609
1609
  data-selector-id="box"
1610
1610
  data-test-id="boxComponent"
@@ -1635,7 +1635,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
1635
1635
  </div>
1636
1636
  </div>
1637
1637
  <div
1638
- class="flex fullSize column alignItems_center justifyContent_center back"
1638
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1639
1639
  data-id="containerComponent"
1640
1640
  data-selector-id="container"
1641
1641
  data-test-id="containerComponent"
@@ -1678,14 +1678,14 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
1678
1678
  class="container"
1679
1679
  >
1680
1680
  <div
1681
- class="flex fullSize column alignItems_center justifyContent_center front"
1681
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1682
1682
  data-id="containerComponent"
1683
1683
  data-selector-id="container"
1684
1684
  data-test-id="containerComponent"
1685
1685
  >
1686
1686
  <div
1687
1687
  aria-checked="false"
1688
- class="inlineFlex row alignItems_center container pointer primary"
1688
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1689
1689
  data-id="listViewCheckBox_undefined"
1690
1690
  data-selector-id="checkbox_undefined"
1691
1691
  data-test-id="listViewCheckBox_undefined"
@@ -1693,7 +1693,7 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
1693
1693
  tabindex="0"
1694
1694
  >
1695
1695
  <div
1696
- class="noShrink boxContainer medium filled"
1696
+ class="d-flex-shrink-0 boxContainer medium filled"
1697
1697
  data-id="boxComponent"
1698
1698
  data-selector-id="box"
1699
1699
  data-test-id="boxComponent"
@@ -1724,13 +1724,13 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
1724
1724
  </div>
1725
1725
  </div>
1726
1726
  <div
1727
- class="flex fullSize column alignItems_center justifyContent_center back"
1727
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1728
1728
  data-id="containerComponent"
1729
1729
  data-selector-id="container"
1730
1730
  data-test-id="containerComponent"
1731
1731
  >
1732
1732
  <div
1733
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
1733
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
1734
1734
  data-id="ZD-icon"
1735
1735
  data-selector-id="avatarIcon"
1736
1736
  data-test-id="ZD-icon"
@@ -1751,14 +1751,14 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
1751
1751
  class="container"
1752
1752
  >
1753
1753
  <div
1754
- class="flex fullSize column alignItems_center justifyContent_center front"
1754
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1755
1755
  data-id="containerComponent"
1756
1756
  data-selector-id="container"
1757
1757
  data-test-id="containerComponent"
1758
1758
  >
1759
1759
  <div
1760
1760
  aria-checked="false"
1761
- class="inlineFlex row alignItems_center container pointer primary"
1761
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1762
1762
  data-id="listViewCheckBox_undefined"
1763
1763
  data-selector-id="checkbox_undefined"
1764
1764
  data-test-id="listViewCheckBox_undefined"
@@ -1766,7 +1766,7 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
1766
1766
  tabindex="0"
1767
1767
  >
1768
1768
  <div
1769
- class="noShrink boxContainer medium filled"
1769
+ class="d-flex-shrink-0 boxContainer medium filled"
1770
1770
  data-id="boxComponent"
1771
1771
  data-selector-id="box"
1772
1772
  data-test-id="boxComponent"
@@ -1797,7 +1797,7 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
1797
1797
  </div>
1798
1798
  </div>
1799
1799
  <div
1800
- class="flex fullSize column alignItems_center justifyContent_center back"
1800
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1801
1801
  data-id="containerComponent"
1802
1802
  data-selector-id="container"
1803
1803
  data-test-id="containerComponent"
@@ -1807,14 +1807,14 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
1807
1807
  data-selector-id="channelIcon"
1808
1808
  >
1809
1809
  <div
1810
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
1810
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
1811
1811
  data-id="chat"
1812
1812
  data-selector-id="avatarIcon"
1813
1813
  data-test-id="chat"
1814
1814
  >
1815
1815
  <i
1816
1816
  aria-hidden="true"
1817
- class="zd_font_icons blue basic icon-chChatOut avatar_align_center iconColor iconStyle chat_outgoing"
1817
+ class="zd_font_icons blue ff icon-chChatOut basic d-inline-block d-align-middle avatar_align_center iconColor iconStyle chat_outgoing"
1818
1818
  data-id="fontIcon"
1819
1819
  data-selector-id="fontIcon"
1820
1820
  data-test-id="fontIcon"
@@ -1844,14 +1844,14 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
1844
1844
  class="container"
1845
1845
  >
1846
1846
  <div
1847
- class="flex fullSize column alignItems_center justifyContent_center front"
1847
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1848
1848
  data-id="containerComponent"
1849
1849
  data-selector-id="container"
1850
1850
  data-test-id="containerComponent"
1851
1851
  >
1852
1852
  <div
1853
1853
  aria-checked="false"
1854
- class="inlineFlex row alignItems_center container pointer primary"
1854
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1855
1855
  data-id="listViewCheckBox_undefined"
1856
1856
  data-selector-id="checkbox_undefined"
1857
1857
  data-test-id="listViewCheckBox_undefined"
@@ -1859,7 +1859,7 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
1859
1859
  tabindex="0"
1860
1860
  >
1861
1861
  <div
1862
- class="noShrink boxContainer medium filled"
1862
+ class="d-flex-shrink-0 boxContainer medium filled"
1863
1863
  data-id="boxComponent"
1864
1864
  data-selector-id="box"
1865
1865
  data-test-id="boxComponent"
@@ -1890,13 +1890,13 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
1890
1890
  </div>
1891
1891
  </div>
1892
1892
  <div
1893
- class="flex fullSize column alignItems_center justifyContent_center back"
1893
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1894
1894
  data-id="containerComponent"
1895
1895
  data-selector-id="container"
1896
1896
  data-test-id="containerComponent"
1897
1897
  >
1898
1898
  <div
1899
- class="inlineFlex column alignItems_center justifyContent_center container large default"
1899
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container large default"
1900
1900
  data-id="ZD-icon"
1901
1901
  data-selector-id="avatarIcon"
1902
1902
  data-test-id="ZD-icon"
@@ -1916,14 +1916,14 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
1916
1916
  class="container"
1917
1917
  >
1918
1918
  <div
1919
- class="flex fullSize column alignItems_center justifyContent_center front"
1919
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
1920
1920
  data-id="containerComponent"
1921
1921
  data-selector-id="container"
1922
1922
  data-test-id="containerComponent"
1923
1923
  >
1924
1924
  <div
1925
1925
  aria-checked="false"
1926
- class="inlineFlex row alignItems_center container pointer primary"
1926
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
1927
1927
  data-id="listViewCheckBox_undefined"
1928
1928
  data-selector-id="checkbox_undefined"
1929
1929
  data-test-id="listViewCheckBox_undefined"
@@ -1931,7 +1931,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
1931
1931
  tabindex="0"
1932
1932
  >
1933
1933
  <div
1934
- class="noShrink boxContainer medium filled"
1934
+ class="d-flex-shrink-0 boxContainer medium filled"
1935
1935
  data-id="boxComponent"
1936
1936
  data-selector-id="box"
1937
1937
  data-test-id="boxComponent"
@@ -1962,7 +1962,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
1962
1962
  </div>
1963
1963
  </div>
1964
1964
  <div
1965
- class="flex fullSize column alignItems_center justifyContent_center back"
1965
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
1966
1966
  data-id="containerComponent"
1967
1967
  data-selector-id="container"
1968
1968
  data-test-id="containerComponent"
@@ -2002,14 +2002,14 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
2002
2002
  class="container"
2003
2003
  >
2004
2004
  <div
2005
- class="flex fullSize column alignItems_center justifyContent_center front"
2005
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2006
2006
  data-id="containerComponent"
2007
2007
  data-selector-id="container"
2008
2008
  data-test-id="containerComponent"
2009
2009
  >
2010
2010
  <div
2011
2011
  aria-checked="false"
2012
- class="inlineFlex row alignItems_center container pointer primary"
2012
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2013
2013
  data-id="listViewCheckBox_undefined"
2014
2014
  data-selector-id="checkbox_undefined"
2015
2015
  data-test-id="listViewCheckBox_undefined"
@@ -2017,7 +2017,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
2017
2017
  tabindex="0"
2018
2018
  >
2019
2019
  <div
2020
- class="noShrink boxContainer medium filled"
2020
+ class="d-flex-shrink-0 boxContainer medium filled"
2021
2021
  data-id="boxComponent"
2022
2022
  data-selector-id="box"
2023
2023
  data-test-id="boxComponent"
@@ -2048,7 +2048,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
2048
2048
  </div>
2049
2049
  </div>
2050
2050
  <div
2051
- class="flex fullSize column alignItems_center justifyContent_center back"
2051
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2052
2052
  data-id="containerComponent"
2053
2053
  data-selector-id="container"
2054
2054
  data-test-id="containerComponent"
@@ -2091,14 +2091,14 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
2091
2091
  class="container"
2092
2092
  >
2093
2093
  <div
2094
- class="flex fullSize column alignItems_center justifyContent_center front"
2094
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2095
2095
  data-id="containerComponent"
2096
2096
  data-selector-id="container"
2097
2097
  data-test-id="containerComponent"
2098
2098
  >
2099
2099
  <div
2100
2100
  aria-checked="false"
2101
- class="inlineFlex row alignItems_center container pointer primary"
2101
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2102
2102
  data-id="listViewCheckBox_undefined"
2103
2103
  data-selector-id="checkbox_undefined"
2104
2104
  data-test-id="listViewCheckBox_undefined"
@@ -2106,7 +2106,7 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
2106
2106
  tabindex="0"
2107
2107
  >
2108
2108
  <div
2109
- class="noShrink boxContainer medium filled"
2109
+ class="d-flex-shrink-0 boxContainer medium filled"
2110
2110
  data-id="boxComponent"
2111
2111
  data-selector-id="box"
2112
2112
  data-test-id="boxComponent"
@@ -2137,7 +2137,7 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
2137
2137
  </div>
2138
2138
  </div>
2139
2139
  <div
2140
- class="flex fullSize column alignItems_center justifyContent_center back"
2140
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2141
2141
  data-id="containerComponent"
2142
2142
  data-selector-id="container"
2143
2143
  data-test-id="containerComponent"
@@ -2179,14 +2179,14 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
2179
2179
  class="container"
2180
2180
  >
2181
2181
  <div
2182
- class="flex fullSize column alignItems_center justifyContent_center front"
2182
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2183
2183
  data-id="containerComponent"
2184
2184
  data-selector-id="container"
2185
2185
  data-test-id="containerComponent"
2186
2186
  >
2187
2187
  <div
2188
2188
  aria-checked="false"
2189
- class="inlineFlex row alignItems_center container pointer primary"
2189
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2190
2190
  data-id="listViewCheckBox_undefined"
2191
2191
  data-selector-id="checkbox_undefined"
2192
2192
  data-test-id="listViewCheckBox_undefined"
@@ -2194,7 +2194,7 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
2194
2194
  tabindex="0"
2195
2195
  >
2196
2196
  <div
2197
- class="noShrink boxContainer medium filled"
2197
+ class="d-flex-shrink-0 boxContainer medium filled"
2198
2198
  data-id="boxComponent"
2199
2199
  data-selector-id="box"
2200
2200
  data-test-id="boxComponent"
@@ -2225,13 +2225,13 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
2225
2225
  </div>
2226
2226
  </div>
2227
2227
  <div
2228
- class="flex fullSize column alignItems_center justifyContent_center back"
2228
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2229
2229
  data-id="containerComponent"
2230
2230
  data-selector-id="container"
2231
2231
  data-test-id="containerComponent"
2232
2232
  >
2233
2233
  <div
2234
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
2234
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
2235
2235
  data-id="ZD-icon"
2236
2236
  data-selector-id="avatarIcon"
2237
2237
  data-test-id="ZD-icon"
@@ -2251,14 +2251,14 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
2251
2251
  class="container"
2252
2252
  >
2253
2253
  <div
2254
- class="flex fullSize column alignItems_center justifyContent_center front"
2254
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2255
2255
  data-id="containerComponent"
2256
2256
  data-selector-id="container"
2257
2257
  data-test-id="containerComponent"
2258
2258
  >
2259
2259
  <div
2260
2260
  aria-checked="false"
2261
- class="inlineFlex row alignItems_center container pointer primary"
2261
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2262
2262
  data-id="listViewCheckBox_undefined"
2263
2263
  data-selector-id="checkbox_undefined"
2264
2264
  data-test-id="listViewCheckBox_undefined"
@@ -2266,7 +2266,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
2266
2266
  tabindex="0"
2267
2267
  >
2268
2268
  <div
2269
- class="noShrink boxContainer medium filled"
2269
+ class="d-flex-shrink-0 boxContainer medium filled"
2270
2270
  data-id="boxComponent"
2271
2271
  data-selector-id="box"
2272
2272
  data-test-id="boxComponent"
@@ -2297,7 +2297,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
2297
2297
  </div>
2298
2298
  </div>
2299
2299
  <div
2300
- class="flex fullSize column alignItems_center justifyContent_center back"
2300
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2301
2301
  data-id="containerComponent"
2302
2302
  data-selector-id="container"
2303
2303
  data-test-id="containerComponent"
@@ -2337,14 +2337,14 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
2337
2337
  class="container"
2338
2338
  >
2339
2339
  <div
2340
- class="flex fullSize column alignItems_center justifyContent_center front"
2340
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2341
2341
  data-id="containerComponent"
2342
2342
  data-selector-id="container"
2343
2343
  data-test-id="containerComponent"
2344
2344
  >
2345
2345
  <div
2346
2346
  aria-checked="false"
2347
- class="inlineFlex row alignItems_center container pointer primary"
2347
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2348
2348
  data-id="listViewCheckBox_undefined"
2349
2349
  data-selector-id="checkbox_undefined"
2350
2350
  data-test-id="listViewCheckBox_undefined"
@@ -2352,7 +2352,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
2352
2352
  tabindex="0"
2353
2353
  >
2354
2354
  <div
2355
- class="noShrink boxContainer medium filled"
2355
+ class="d-flex-shrink-0 boxContainer medium filled"
2356
2356
  data-id="boxComponent"
2357
2357
  data-selector-id="box"
2358
2358
  data-test-id="boxComponent"
@@ -2383,7 +2383,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
2383
2383
  </div>
2384
2384
  </div>
2385
2385
  <div
2386
- class="flex fullSize column alignItems_center justifyContent_center back"
2386
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2387
2387
  data-id="containerComponent"
2388
2388
  data-selector-id="container"
2389
2389
  data-test-id="containerComponent"
@@ -2426,14 +2426,14 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
2426
2426
  class="container"
2427
2427
  >
2428
2428
  <div
2429
- class="flex fullSize column alignItems_center justifyContent_center front"
2429
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2430
2430
  data-id="containerComponent"
2431
2431
  data-selector-id="container"
2432
2432
  data-test-id="containerComponent"
2433
2433
  >
2434
2434
  <div
2435
2435
  aria-checked="false"
2436
- class="inlineFlex row alignItems_center container pointer primary"
2436
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2437
2437
  data-id="listViewCheckBox_undefined"
2438
2438
  data-selector-id="checkbox_undefined"
2439
2439
  data-test-id="listViewCheckBox_undefined"
@@ -2441,7 +2441,7 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
2441
2441
  tabindex="0"
2442
2442
  >
2443
2443
  <div
2444
- class="noShrink boxContainer medium filled"
2444
+ class="d-flex-shrink-0 boxContainer medium filled"
2445
2445
  data-id="boxComponent"
2446
2446
  data-selector-id="box"
2447
2447
  data-test-id="boxComponent"
@@ -2472,7 +2472,7 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
2472
2472
  </div>
2473
2473
  </div>
2474
2474
  <div
2475
- class="flex fullSize column alignItems_center justifyContent_center back"
2475
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2476
2476
  data-id="containerComponent"
2477
2477
  data-selector-id="container"
2478
2478
  data-test-id="containerComponent"
@@ -2514,14 +2514,14 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
2514
2514
  class="container"
2515
2515
  >
2516
2516
  <div
2517
- class="flex fullSize column alignItems_center justifyContent_center front"
2517
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2518
2518
  data-id="containerComponent"
2519
2519
  data-selector-id="container"
2520
2520
  data-test-id="containerComponent"
2521
2521
  >
2522
2522
  <div
2523
2523
  aria-checked="false"
2524
- class="inlineFlex row alignItems_center container pointer primary"
2524
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2525
2525
  data-id="listViewCheckBox_undefined"
2526
2526
  data-selector-id="checkbox_undefined"
2527
2527
  data-test-id="listViewCheckBox_undefined"
@@ -2529,7 +2529,7 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
2529
2529
  tabindex="0"
2530
2530
  >
2531
2531
  <div
2532
- class="noShrink boxContainer medium filled"
2532
+ class="d-flex-shrink-0 boxContainer medium filled"
2533
2533
  data-id="boxComponent"
2534
2534
  data-selector-id="box"
2535
2535
  data-test-id="boxComponent"
@@ -2560,13 +2560,13 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
2560
2560
  </div>
2561
2561
  </div>
2562
2562
  <div
2563
- class="flex fullSize column alignItems_center justifyContent_center back"
2563
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2564
2564
  data-id="containerComponent"
2565
2565
  data-selector-id="container"
2566
2566
  data-test-id="containerComponent"
2567
2567
  >
2568
2568
  <div
2569
- class="inlineFlex column alignItems_center justifyContent_center container small default"
2569
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container small default"
2570
2570
  data-id="ZD-icon"
2571
2571
  data-selector-id="avatarIcon"
2572
2572
  data-test-id="ZD-icon"
@@ -2586,14 +2586,14 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
2586
2586
  class="container"
2587
2587
  >
2588
2588
  <div
2589
- class="flex fullSize column alignItems_center justifyContent_center front"
2589
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2590
2590
  data-id="containerComponent"
2591
2591
  data-selector-id="container"
2592
2592
  data-test-id="containerComponent"
2593
2593
  >
2594
2594
  <div
2595
2595
  aria-checked="false"
2596
- class="inlineFlex row alignItems_center container pointer primary"
2596
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2597
2597
  data-id="listViewCheckBox_undefined"
2598
2598
  data-selector-id="checkbox_undefined"
2599
2599
  data-test-id="listViewCheckBox_undefined"
@@ -2601,7 +2601,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
2601
2601
  tabindex="0"
2602
2602
  >
2603
2603
  <div
2604
- class="noShrink boxContainer medium filled"
2604
+ class="d-flex-shrink-0 boxContainer medium filled"
2605
2605
  data-id="boxComponent"
2606
2606
  data-selector-id="box"
2607
2607
  data-test-id="boxComponent"
@@ -2632,7 +2632,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
2632
2632
  </div>
2633
2633
  </div>
2634
2634
  <div
2635
- class="flex fullSize column alignItems_center justifyContent_center back"
2635
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2636
2636
  data-id="containerComponent"
2637
2637
  data-selector-id="container"
2638
2638
  data-test-id="containerComponent"
@@ -2672,14 +2672,14 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
2672
2672
  class="container"
2673
2673
  >
2674
2674
  <div
2675
- class="flex fullSize column alignItems_center justifyContent_center front"
2675
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2676
2676
  data-id="containerComponent"
2677
2677
  data-selector-id="container"
2678
2678
  data-test-id="containerComponent"
2679
2679
  >
2680
2680
  <div
2681
2681
  aria-checked="false"
2682
- class="inlineFlex row alignItems_center container pointer primary"
2682
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2683
2683
  data-id="listViewCheckBox_undefined"
2684
2684
  data-selector-id="checkbox_undefined"
2685
2685
  data-test-id="listViewCheckBox_undefined"
@@ -2687,7 +2687,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
2687
2687
  tabindex="0"
2688
2688
  >
2689
2689
  <div
2690
- class="noShrink boxContainer medium filled"
2690
+ class="d-flex-shrink-0 boxContainer medium filled"
2691
2691
  data-id="boxComponent"
2692
2692
  data-selector-id="box"
2693
2693
  data-test-id="boxComponent"
@@ -2718,7 +2718,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
2718
2718
  </div>
2719
2719
  </div>
2720
2720
  <div
2721
- class="flex fullSize column alignItems_center justifyContent_center back"
2721
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2722
2722
  data-id="containerComponent"
2723
2723
  data-selector-id="container"
2724
2724
  data-test-id="containerComponent"
@@ -2761,14 +2761,14 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
2761
2761
  class="container"
2762
2762
  >
2763
2763
  <div
2764
- class="flex fullSize column alignItems_center justifyContent_center front"
2764
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2765
2765
  data-id="containerComponent"
2766
2766
  data-selector-id="container"
2767
2767
  data-test-id="containerComponent"
2768
2768
  >
2769
2769
  <div
2770
2770
  aria-checked="false"
2771
- class="inlineFlex row alignItems_center container pointer primary"
2771
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2772
2772
  data-id="listViewCheckBox_undefined"
2773
2773
  data-selector-id="checkbox_undefined"
2774
2774
  data-test-id="listViewCheckBox_undefined"
@@ -2776,7 +2776,7 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
2776
2776
  tabindex="0"
2777
2777
  >
2778
2778
  <div
2779
- class="noShrink boxContainer medium filled"
2779
+ class="d-flex-shrink-0 boxContainer medium filled"
2780
2780
  data-id="boxComponent"
2781
2781
  data-selector-id="box"
2782
2782
  data-test-id="boxComponent"
@@ -2807,7 +2807,7 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
2807
2807
  </div>
2808
2808
  </div>
2809
2809
  <div
2810
- class="flex fullSize column alignItems_center justifyContent_center back"
2810
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2811
2811
  data-id="containerComponent"
2812
2812
  data-selector-id="container"
2813
2813
  data-test-id="containerComponent"
@@ -2849,14 +2849,14 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
2849
2849
  class="container"
2850
2850
  >
2851
2851
  <div
2852
- class="flex fullSize column alignItems_center justifyContent_center front"
2852
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2853
2853
  data-id="containerComponent"
2854
2854
  data-selector-id="container"
2855
2855
  data-test-id="containerComponent"
2856
2856
  >
2857
2857
  <div
2858
2858
  aria-checked="false"
2859
- class="inlineFlex row alignItems_center container pointer primary"
2859
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2860
2860
  data-id="listViewCheckBox_undefined"
2861
2861
  data-selector-id="checkbox_undefined"
2862
2862
  data-test-id="listViewCheckBox_undefined"
@@ -2864,7 +2864,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
2864
2864
  tabindex="0"
2865
2865
  >
2866
2866
  <div
2867
- class="noShrink boxContainer medium filled"
2867
+ class="d-flex-shrink-0 boxContainer medium filled"
2868
2868
  data-id="boxComponent"
2869
2869
  data-selector-id="box"
2870
2870
  data-test-id="boxComponent"
@@ -2895,7 +2895,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
2895
2895
  </div>
2896
2896
  </div>
2897
2897
  <div
2898
- class="flex fullSize column alignItems_center justifyContent_center back"
2898
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2899
2899
  data-id="containerComponent"
2900
2900
  data-selector-id="container"
2901
2901
  data-test-id="containerComponent"
@@ -2936,14 +2936,14 @@ exports[`FlipCard renders with action 1`] = `
2936
2936
  class="container"
2937
2937
  >
2938
2938
  <div
2939
- class="flex fullSize column alignItems_center justifyContent_center front"
2939
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
2940
2940
  data-id="containerComponent"
2941
2941
  data-selector-id="container"
2942
2942
  data-test-id="containerComponent"
2943
2943
  >
2944
2944
  <div
2945
2945
  aria-checked="false"
2946
- class="inlineFlex row alignItems_center container pointer primary"
2946
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
2947
2947
  data-id="listViewCheckBox_undefined"
2948
2948
  data-selector-id="checkbox_undefined"
2949
2949
  data-test-id="listViewCheckBox_undefined"
@@ -2951,7 +2951,7 @@ exports[`FlipCard renders with action 1`] = `
2951
2951
  tabindex="0"
2952
2952
  >
2953
2953
  <div
2954
- class="noShrink boxContainer medium filled"
2954
+ class="d-flex-shrink-0 boxContainer medium filled"
2955
2955
  data-id="boxComponent"
2956
2956
  data-selector-id="box"
2957
2957
  data-test-id="boxComponent"
@@ -2982,7 +2982,7 @@ exports[`FlipCard renders with action 1`] = `
2982
2982
  </div>
2983
2983
  </div>
2984
2984
  <div
2985
- class="flex fullSize column alignItems_center justifyContent_center back"
2985
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
2986
2986
  data-id="containerComponent"
2987
2987
  data-selector-id="container"
2988
2988
  data-test-id="containerComponent"
@@ -3020,14 +3020,14 @@ exports[`FlipCard renders with channel 1`] = `
3020
3020
  class="container"
3021
3021
  >
3022
3022
  <div
3023
- class="flex fullSize column alignItems_center justifyContent_center front"
3023
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3024
3024
  data-id="containerComponent"
3025
3025
  data-selector-id="container"
3026
3026
  data-test-id="containerComponent"
3027
3027
  >
3028
3028
  <div
3029
3029
  aria-checked="false"
3030
- class="inlineFlex row alignItems_center container pointer primary"
3030
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3031
3031
  data-id="listViewCheckBox_undefined"
3032
3032
  data-selector-id="checkbox_undefined"
3033
3033
  data-test-id="listViewCheckBox_undefined"
@@ -3035,7 +3035,7 @@ exports[`FlipCard renders with channel 1`] = `
3035
3035
  tabindex="0"
3036
3036
  >
3037
3037
  <div
3038
- class="noShrink boxContainer medium filled"
3038
+ class="d-flex-shrink-0 boxContainer medium filled"
3039
3039
  data-id="boxComponent"
3040
3040
  data-selector-id="box"
3041
3041
  data-test-id="boxComponent"
@@ -3066,7 +3066,7 @@ exports[`FlipCard renders with channel 1`] = `
3066
3066
  </div>
3067
3067
  </div>
3068
3068
  <div
3069
- class="flex fullSize column alignItems_center justifyContent_center back"
3069
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3070
3070
  data-id="containerComponent"
3071
3071
  data-selector-id="container"
3072
3072
  data-test-id="containerComponent"
@@ -3104,14 +3104,14 @@ exports[`FlipCard renders with channelTitle 1`] = `
3104
3104
  class="container"
3105
3105
  >
3106
3106
  <div
3107
- class="flex fullSize column alignItems_center justifyContent_center front"
3107
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3108
3108
  data-id="containerComponent"
3109
3109
  data-selector-id="container"
3110
3110
  data-test-id="containerComponent"
3111
3111
  >
3112
3112
  <div
3113
3113
  aria-checked="false"
3114
- class="inlineFlex row alignItems_center container pointer primary"
3114
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3115
3115
  data-id="listViewCheckBox_undefined"
3116
3116
  data-selector-id="checkbox_undefined"
3117
3117
  data-test-id="listViewCheckBox_undefined"
@@ -3119,7 +3119,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
3119
3119
  tabindex="0"
3120
3120
  >
3121
3121
  <div
3122
- class="noShrink boxContainer medium filled"
3122
+ class="d-flex-shrink-0 boxContainer medium filled"
3123
3123
  data-id="boxComponent"
3124
3124
  data-selector-id="box"
3125
3125
  data-test-id="boxComponent"
@@ -3150,7 +3150,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
3150
3150
  </div>
3151
3151
  </div>
3152
3152
  <div
3153
- class="flex fullSize column alignItems_center justifyContent_center back"
3153
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3154
3154
  data-id="containerComponent"
3155
3155
  data-selector-id="container"
3156
3156
  data-test-id="containerComponent"
@@ -3188,14 +3188,14 @@ exports[`FlipCard renders with className 1`] = `
3188
3188
  class="container"
3189
3189
  >
3190
3190
  <div
3191
- class="flex fullSize column alignItems_center justifyContent_center front"
3191
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3192
3192
  data-id="containerComponent"
3193
3193
  data-selector-id="container"
3194
3194
  data-test-id="containerComponent"
3195
3195
  >
3196
3196
  <div
3197
3197
  aria-checked="false"
3198
- class="inlineFlex row alignItems_center container pointer primary"
3198
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3199
3199
  data-id="listViewCheckBox_undefined"
3200
3200
  data-selector-id="checkbox_undefined"
3201
3201
  data-test-id="listViewCheckBox_undefined"
@@ -3203,7 +3203,7 @@ exports[`FlipCard renders with className 1`] = `
3203
3203
  tabindex="0"
3204
3204
  >
3205
3205
  <div
3206
- class="noShrink boxContainer medium filled"
3206
+ class="d-flex-shrink-0 boxContainer medium filled"
3207
3207
  data-id="boxComponent"
3208
3208
  data-selector-id="box"
3209
3209
  data-test-id="boxComponent"
@@ -3234,7 +3234,7 @@ exports[`FlipCard renders with className 1`] = `
3234
3234
  </div>
3235
3235
  </div>
3236
3236
  <div
3237
- class="flex fullSize column alignItems_center justifyContent_center back"
3237
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3238
3238
  data-id="containerComponent"
3239
3239
  data-selector-id="container"
3240
3240
  data-test-id="containerComponent"
@@ -3272,14 +3272,14 @@ exports[`FlipCard renders with customProps 1`] = `
3272
3272
  class="container"
3273
3273
  >
3274
3274
  <div
3275
- class="flex fullSize column alignItems_center justifyContent_center front"
3275
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3276
3276
  data-id="containerComponent"
3277
3277
  data-selector-id="container"
3278
3278
  data-test-id="containerComponent"
3279
3279
  >
3280
3280
  <div
3281
3281
  aria-checked="isChecked"
3282
- class="inlineFlex row alignItems_center container pointer primary checkedprimary"
3282
+ class="d-inline-flex d-flex-row d-items-center container pointer primary checkedprimary"
3283
3283
  data-id="listViewCheckBox_undefined"
3284
3284
  data-selector-id="checkbox_undefined"
3285
3285
  data-test-id="listViewCheckBox_undefined"
@@ -3287,7 +3287,7 @@ exports[`FlipCard renders with customProps 1`] = `
3287
3287
  tabindex="0"
3288
3288
  >
3289
3289
  <div
3290
- class="noShrink boxContainer medium filled"
3290
+ class="d-flex-shrink-0 boxContainer medium filled"
3291
3291
  data-id="boxComponent"
3292
3292
  data-selector-id="box"
3293
3293
  data-test-id="boxComponent"
@@ -3324,7 +3324,7 @@ exports[`FlipCard renders with customProps 1`] = `
3324
3324
  </div>
3325
3325
  </div>
3326
3326
  <div
3327
- class="flex fullSize column alignItems_center justifyContent_center back"
3327
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3328
3328
  data-id="containerComponent"
3329
3329
  data-selector-id="container"
3330
3330
  data-test-id="containerComponent"
@@ -3354,7 +3354,7 @@ exports[`FlipCard renders with customProps 1`] = `
3354
3354
  >
3355
3355
  <i
3356
3356
  aria-hidden="true"
3357
- class="zd_font_icons basic icon-paiduser"
3357
+ class="zd_font_icons ff icon-paiduser basic d-inline-block d-align-middle"
3358
3358
  data-id="fontIcon"
3359
3359
  data-selector-id="fontIcon"
3360
3360
  data-test-id="fontIcon"
@@ -3383,14 +3383,14 @@ exports[`FlipCard renders with customTextClass 1`] = `
3383
3383
  class="container"
3384
3384
  >
3385
3385
  <div
3386
- class="flex fullSize column alignItems_center justifyContent_center front"
3386
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3387
3387
  data-id="containerComponent"
3388
3388
  data-selector-id="container"
3389
3389
  data-test-id="containerComponent"
3390
3390
  >
3391
3391
  <div
3392
3392
  aria-checked="false"
3393
- class="inlineFlex row alignItems_center container pointer primary"
3393
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3394
3394
  data-id="listViewCheckBox_undefined"
3395
3395
  data-selector-id="checkbox_undefined"
3396
3396
  data-test-id="listViewCheckBox_undefined"
@@ -3398,7 +3398,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
3398
3398
  tabindex="0"
3399
3399
  >
3400
3400
  <div
3401
- class="noShrink boxContainer medium filled"
3401
+ class="d-flex-shrink-0 boxContainer medium filled"
3402
3402
  data-id="boxComponent"
3403
3403
  data-selector-id="box"
3404
3404
  data-test-id="boxComponent"
@@ -3429,7 +3429,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
3429
3429
  </div>
3430
3430
  </div>
3431
3431
  <div
3432
- class="flex fullSize column alignItems_center justifyContent_center back"
3432
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3433
3433
  data-id="containerComponent"
3434
3434
  data-selector-id="container"
3435
3435
  data-test-id="containerComponent"
@@ -3467,14 +3467,14 @@ exports[`FlipCard renders with dataId 1`] = `
3467
3467
  class="container"
3468
3468
  >
3469
3469
  <div
3470
- class="flex fullSize column alignItems_center justifyContent_center front"
3470
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3471
3471
  data-id="containerComponent"
3472
3472
  data-selector-id="container"
3473
3473
  data-test-id="containerComponent"
3474
3474
  >
3475
3475
  <div
3476
3476
  aria-checked="false"
3477
- class="inlineFlex row alignItems_center container pointer primary"
3477
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3478
3478
  data-id="listViewCheckBox_undefined"
3479
3479
  data-selector-id="checkbox_undefined"
3480
3480
  data-test-id="listViewCheckBox_undefined"
@@ -3482,7 +3482,7 @@ exports[`FlipCard renders with dataId 1`] = `
3482
3482
  tabindex="0"
3483
3483
  >
3484
3484
  <div
3485
- class="noShrink boxContainer medium filled"
3485
+ class="d-flex-shrink-0 boxContainer medium filled"
3486
3486
  data-id="boxComponent"
3487
3487
  data-selector-id="box"
3488
3488
  data-test-id="boxComponent"
@@ -3513,7 +3513,7 @@ exports[`FlipCard renders with dataId 1`] = `
3513
3513
  </div>
3514
3514
  </div>
3515
3515
  <div
3516
- class="flex fullSize column alignItems_center justifyContent_center back"
3516
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3517
3517
  data-id="containerComponent"
3518
3518
  data-selector-id="container"
3519
3519
  data-test-id="containerComponent"
@@ -3553,14 +3553,14 @@ exports[`FlipCard renders with default props 1`] = `
3553
3553
  class="container"
3554
3554
  >
3555
3555
  <div
3556
- class="flex fullSize column alignItems_center justifyContent_center front"
3556
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3557
3557
  data-id="containerComponent"
3558
3558
  data-selector-id="container"
3559
3559
  data-test-id="containerComponent"
3560
3560
  >
3561
3561
  <div
3562
3562
  aria-checked="false"
3563
- class="inlineFlex row alignItems_center container pointer primary"
3563
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3564
3564
  data-id="listViewCheckBox_undefined"
3565
3565
  data-selector-id="checkbox_undefined"
3566
3566
  data-test-id="listViewCheckBox_undefined"
@@ -3568,7 +3568,7 @@ exports[`FlipCard renders with default props 1`] = `
3568
3568
  tabindex="0"
3569
3569
  >
3570
3570
  <div
3571
- class="noShrink boxContainer medium filled"
3571
+ class="d-flex-shrink-0 boxContainer medium filled"
3572
3572
  data-id="boxComponent"
3573
3573
  data-selector-id="box"
3574
3574
  data-test-id="boxComponent"
@@ -3599,7 +3599,7 @@ exports[`FlipCard renders with default props 1`] = `
3599
3599
  </div>
3600
3600
  </div>
3601
3601
  <div
3602
- class="flex fullSize column alignItems_center justifyContent_center back"
3602
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3603
3603
  data-id="containerComponent"
3604
3604
  data-selector-id="container"
3605
3605
  data-test-id="containerComponent"
@@ -3637,14 +3637,14 @@ exports[`FlipCard renders with frontClass 1`] = `
3637
3637
  class="container"
3638
3638
  >
3639
3639
  <div
3640
- class="flex fullSize column alignItems_center justifyContent_center front front-class"
3640
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front front-class"
3641
3641
  data-id="containerComponent"
3642
3642
  data-selector-id="container"
3643
3643
  data-test-id="containerComponent"
3644
3644
  >
3645
3645
  <div
3646
3646
  aria-checked="false"
3647
- class="inlineFlex row alignItems_center container pointer primary"
3647
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3648
3648
  data-id="listViewCheckBox_undefined"
3649
3649
  data-selector-id="checkbox_undefined"
3650
3650
  data-test-id="listViewCheckBox_undefined"
@@ -3652,7 +3652,7 @@ exports[`FlipCard renders with frontClass 1`] = `
3652
3652
  tabindex="0"
3653
3653
  >
3654
3654
  <div
3655
- class="noShrink boxContainer medium filled"
3655
+ class="d-flex-shrink-0 boxContainer medium filled"
3656
3656
  data-id="boxComponent"
3657
3657
  data-selector-id="box"
3658
3658
  data-test-id="boxComponent"
@@ -3683,7 +3683,7 @@ exports[`FlipCard renders with frontClass 1`] = `
3683
3683
  </div>
3684
3684
  </div>
3685
3685
  <div
3686
- class="flex fullSize column alignItems_center justifyContent_center back"
3686
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3687
3687
  data-id="containerComponent"
3688
3688
  data-selector-id="container"
3689
3689
  data-test-id="containerComponent"
@@ -3721,14 +3721,14 @@ exports[`FlipCard renders with icon 1`] = `
3721
3721
  class="container"
3722
3722
  >
3723
3723
  <div
3724
- class="flex fullSize column alignItems_center justifyContent_center front"
3724
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3725
3725
  data-id="containerComponent"
3726
3726
  data-selector-id="container"
3727
3727
  data-test-id="containerComponent"
3728
3728
  >
3729
3729
  <div
3730
3730
  aria-checked="false"
3731
- class="inlineFlex row alignItems_center container pointer primary"
3731
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3732
3732
  data-id="listViewCheckBox_undefined"
3733
3733
  data-selector-id="checkbox_undefined"
3734
3734
  data-test-id="listViewCheckBox_undefined"
@@ -3736,7 +3736,7 @@ exports[`FlipCard renders with icon 1`] = `
3736
3736
  tabindex="0"
3737
3737
  >
3738
3738
  <div
3739
- class="noShrink boxContainer medium filled"
3739
+ class="d-flex-shrink-0 boxContainer medium filled"
3740
3740
  data-id="boxComponent"
3741
3741
  data-selector-id="box"
3742
3742
  data-test-id="boxComponent"
@@ -3767,20 +3767,20 @@ exports[`FlipCard renders with icon 1`] = `
3767
3767
  </div>
3768
3768
  </div>
3769
3769
  <div
3770
- class="flex fullSize column alignItems_center justifyContent_center back"
3770
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3771
3771
  data-id="containerComponent"
3772
3772
  data-selector-id="container"
3773
3773
  data-test-id="containerComponent"
3774
3774
  >
3775
3775
  <div
3776
- class="inlineFlex column alignItems_center justifyContent_center container medium default"
3776
+ class="d-inline-flex d-flex-col d-items-center d-justify-center container medium default"
3777
3777
  data-id="ZD-chEmail"
3778
3778
  data-selector-id="avatarIcon"
3779
3779
  data-test-id="ZD-chEmail"
3780
3780
  >
3781
3781
  <i
3782
3782
  aria-hidden="true"
3783
- class="zd_font_icons basic icon-ch-email avatar_align_center iconColor"
3783
+ class="zd_font_icons ff icon-ch-email basic d-inline-block d-align-middle avatar_align_center iconColor"
3784
3784
  data-id="fontIcon"
3785
3785
  data-selector-id="fontIcon"
3786
3786
  data-test-id="fontIcon"
@@ -3802,14 +3802,14 @@ exports[`FlipCard renders with iconClass 1`] = `
3802
3802
  class="container"
3803
3803
  >
3804
3804
  <div
3805
- class="flex fullSize column alignItems_center justifyContent_center front"
3805
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3806
3806
  data-id="containerComponent"
3807
3807
  data-selector-id="container"
3808
3808
  data-test-id="containerComponent"
3809
3809
  >
3810
3810
  <div
3811
3811
  aria-checked="false"
3812
- class="inlineFlex row alignItems_center container pointer primary"
3812
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3813
3813
  data-id="listViewCheckBox_undefined"
3814
3814
  data-selector-id="checkbox_undefined"
3815
3815
  data-test-id="listViewCheckBox_undefined"
@@ -3817,7 +3817,7 @@ exports[`FlipCard renders with iconClass 1`] = `
3817
3817
  tabindex="0"
3818
3818
  >
3819
3819
  <div
3820
- class="noShrink boxContainer medium filled"
3820
+ class="d-flex-shrink-0 boxContainer medium filled"
3821
3821
  data-id="boxComponent"
3822
3822
  data-selector-id="box"
3823
3823
  data-test-id="boxComponent"
@@ -3848,7 +3848,7 @@ exports[`FlipCard renders with iconClass 1`] = `
3848
3848
  </div>
3849
3849
  </div>
3850
3850
  <div
3851
- class="flex fullSize column alignItems_center justifyContent_center back"
3851
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3852
3852
  data-id="containerComponent"
3853
3853
  data-selector-id="container"
3854
3854
  data-test-id="containerComponent"
@@ -3886,14 +3886,14 @@ exports[`FlipCard renders with iconColor 1`] = `
3886
3886
  class="container"
3887
3887
  >
3888
3888
  <div
3889
- class="flex fullSize column alignItems_center justifyContent_center front"
3889
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3890
3890
  data-id="containerComponent"
3891
3891
  data-selector-id="container"
3892
3892
  data-test-id="containerComponent"
3893
3893
  >
3894
3894
  <div
3895
3895
  aria-checked="false"
3896
- class="inlineFlex row alignItems_center container pointer primary"
3896
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3897
3897
  data-id="listViewCheckBox_undefined"
3898
3898
  data-selector-id="checkbox_undefined"
3899
3899
  data-test-id="listViewCheckBox_undefined"
@@ -3901,7 +3901,7 @@ exports[`FlipCard renders with iconColor 1`] = `
3901
3901
  tabindex="0"
3902
3902
  >
3903
3903
  <div
3904
- class="noShrink boxContainer medium filled"
3904
+ class="d-flex-shrink-0 boxContainer medium filled"
3905
3905
  data-id="boxComponent"
3906
3906
  data-selector-id="box"
3907
3907
  data-test-id="boxComponent"
@@ -3932,7 +3932,7 @@ exports[`FlipCard renders with iconColor 1`] = `
3932
3932
  </div>
3933
3933
  </div>
3934
3934
  <div
3935
- class="flex fullSize column alignItems_center justifyContent_center back"
3935
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
3936
3936
  data-id="containerComponent"
3937
3937
  data-selector-id="container"
3938
3938
  data-test-id="containerComponent"
@@ -3970,14 +3970,14 @@ exports[`FlipCard renders with iconSize 1`] = `
3970
3970
  class="container"
3971
3971
  >
3972
3972
  <div
3973
- class="flex fullSize column alignItems_center justifyContent_center front"
3973
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
3974
3974
  data-id="containerComponent"
3975
3975
  data-selector-id="container"
3976
3976
  data-test-id="containerComponent"
3977
3977
  >
3978
3978
  <div
3979
3979
  aria-checked="false"
3980
- class="inlineFlex row alignItems_center container pointer primary"
3980
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
3981
3981
  data-id="listViewCheckBox_undefined"
3982
3982
  data-selector-id="checkbox_undefined"
3983
3983
  data-test-id="listViewCheckBox_undefined"
@@ -3985,7 +3985,7 @@ exports[`FlipCard renders with iconSize 1`] = `
3985
3985
  tabindex="0"
3986
3986
  >
3987
3987
  <div
3988
- class="noShrink boxContainer medium filled"
3988
+ class="d-flex-shrink-0 boxContainer medium filled"
3989
3989
  data-id="boxComponent"
3990
3990
  data-selector-id="box"
3991
3991
  data-test-id="boxComponent"
@@ -4016,7 +4016,7 @@ exports[`FlipCard renders with iconSize 1`] = `
4016
4016
  </div>
4017
4017
  </div>
4018
4018
  <div
4019
- class="flex fullSize column alignItems_center justifyContent_center back"
4019
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4020
4020
  data-id="containerComponent"
4021
4021
  data-selector-id="container"
4022
4022
  data-test-id="containerComponent"
@@ -4054,14 +4054,14 @@ exports[`FlipCard renders with id 1`] = `
4054
4054
  class="container"
4055
4055
  >
4056
4056
  <div
4057
- class="flex fullSize column alignItems_center justifyContent_center front"
4057
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4058
4058
  data-id="containerComponent"
4059
4059
  data-selector-id="container"
4060
4060
  data-test-id="containerComponent"
4061
4061
  >
4062
4062
  <div
4063
4063
  aria-checked="false"
4064
- class="inlineFlex row alignItems_center container pointer primary"
4064
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4065
4065
  data-id="listViewCheckBox_unique-id"
4066
4066
  data-selector-id="checkbox_unique-id"
4067
4067
  data-test-id="listViewCheckBox_unique-id"
@@ -4069,7 +4069,7 @@ exports[`FlipCard renders with id 1`] = `
4069
4069
  tabindex="0"
4070
4070
  >
4071
4071
  <div
4072
- class="noShrink boxContainer medium filled"
4072
+ class="d-flex-shrink-0 boxContainer medium filled"
4073
4073
  data-id="boxComponent"
4074
4074
  data-selector-id="box"
4075
4075
  data-test-id="boxComponent"
@@ -4100,7 +4100,7 @@ exports[`FlipCard renders with id 1`] = `
4100
4100
  </div>
4101
4101
  </div>
4102
4102
  <div
4103
- class="flex fullSize column alignItems_center justifyContent_center back"
4103
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4104
4104
  data-id="containerComponent"
4105
4105
  data-selector-id="container"
4106
4106
  data-test-id="containerComponent"
@@ -4138,14 +4138,14 @@ exports[`FlipCard renders with initial 1`] = `
4138
4138
  class="container"
4139
4139
  >
4140
4140
  <div
4141
- class="flex fullSize column alignItems_center justifyContent_center front"
4141
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4142
4142
  data-id="containerComponent"
4143
4143
  data-selector-id="container"
4144
4144
  data-test-id="containerComponent"
4145
4145
  >
4146
4146
  <div
4147
4147
  aria-checked="false"
4148
- class="inlineFlex row alignItems_center container pointer primary"
4148
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4149
4149
  data-id="listViewCheckBox_undefined"
4150
4150
  data-selector-id="checkbox_undefined"
4151
4151
  data-test-id="listViewCheckBox_undefined"
@@ -4153,7 +4153,7 @@ exports[`FlipCard renders with initial 1`] = `
4153
4153
  tabindex="0"
4154
4154
  >
4155
4155
  <div
4156
- class="noShrink boxContainer medium filled"
4156
+ class="d-flex-shrink-0 boxContainer medium filled"
4157
4157
  data-id="boxComponent"
4158
4158
  data-selector-id="box"
4159
4159
  data-test-id="boxComponent"
@@ -4184,7 +4184,7 @@ exports[`FlipCard renders with initial 1`] = `
4184
4184
  </div>
4185
4185
  </div>
4186
4186
  <div
4187
- class="flex fullSize column alignItems_center justifyContent_center back"
4187
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4188
4188
  data-id="containerComponent"
4189
4189
  data-selector-id="container"
4190
4190
  data-test-id="containerComponent"
@@ -4224,14 +4224,14 @@ exports[`FlipCard renders with isChecked - true 1`] = `
4224
4224
  class="container"
4225
4225
  >
4226
4226
  <div
4227
- class="flex fullSize column alignItems_center justifyContent_center front"
4227
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4228
4228
  data-id="containerComponent"
4229
4229
  data-selector-id="container"
4230
4230
  data-test-id="containerComponent"
4231
4231
  >
4232
4232
  <div
4233
4233
  aria-checked="true"
4234
- class="inlineFlex row alignItems_center container pointer primary checkedprimary"
4234
+ class="d-inline-flex d-flex-row d-items-center container pointer primary checkedprimary"
4235
4235
  data-id="listViewCheckBox_undefined"
4236
4236
  data-selector-id="checkbox_undefined"
4237
4237
  data-test-id="listViewCheckBox_undefined"
@@ -4239,7 +4239,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
4239
4239
  tabindex="0"
4240
4240
  >
4241
4241
  <div
4242
- class="noShrink boxContainer medium filled"
4242
+ class="d-flex-shrink-0 boxContainer medium filled"
4243
4243
  data-id="boxComponent"
4244
4244
  data-selector-id="box"
4245
4245
  data-test-id="boxComponent"
@@ -4276,7 +4276,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
4276
4276
  </div>
4277
4277
  </div>
4278
4278
  <div
4279
- class="flex fullSize column alignItems_center justifyContent_center back"
4279
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4280
4280
  data-id="containerComponent"
4281
4281
  data-selector-id="container"
4282
4282
  data-test-id="containerComponent"
@@ -4314,14 +4314,14 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
4314
4314
  class="container"
4315
4315
  >
4316
4316
  <div
4317
- class="flex fullSize column alignItems_center justifyContent_center front"
4317
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4318
4318
  data-id="containerComponent"
4319
4319
  data-selector-id="container"
4320
4320
  data-test-id="containerComponent"
4321
4321
  >
4322
4322
  <div
4323
4323
  aria-checked="false"
4324
- class="inlineFlex row alignItems_center container pointer primary"
4324
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4325
4325
  data-id="listViewCheckBox_undefined"
4326
4326
  data-selector-id="checkbox_undefined"
4327
4327
  data-test-id="listViewCheckBox_undefined"
@@ -4329,7 +4329,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
4329
4329
  tabindex="0"
4330
4330
  >
4331
4331
  <div
4332
- class="noShrink boxContainer medium filled"
4332
+ class="d-flex-shrink-0 boxContainer medium filled"
4333
4333
  data-id="boxComponent"
4334
4334
  data-selector-id="box"
4335
4335
  data-test-id="boxComponent"
@@ -4360,7 +4360,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
4360
4360
  </div>
4361
4361
  </div>
4362
4362
  <div
4363
- class="flex fullSize column alignItems_center justifyContent_center back"
4363
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4364
4364
  data-id="containerComponent"
4365
4365
  data-selector-id="container"
4366
4366
  data-test-id="containerComponent"
@@ -4398,14 +4398,14 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
4398
4398
  class="container"
4399
4399
  >
4400
4400
  <div
4401
- class="flex fullSize column alignItems_center justifyContent_center front"
4401
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4402
4402
  data-id="containerComponent"
4403
4403
  data-selector-id="container"
4404
4404
  data-test-id="containerComponent"
4405
4405
  >
4406
4406
  <div
4407
4407
  aria-checked="false"
4408
- class="inlineFlex row alignItems_center container pointer primary"
4408
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4409
4409
  data-id="listViewCheckBox_undefined"
4410
4410
  data-selector-id="checkbox_undefined"
4411
4411
  data-test-id="listViewCheckBox_undefined"
@@ -4413,7 +4413,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
4413
4413
  tabindex="0"
4414
4414
  >
4415
4415
  <div
4416
- class="noShrink boxContainer medium filled"
4416
+ class="d-flex-shrink-0 boxContainer medium filled"
4417
4417
  data-id="boxComponent"
4418
4418
  data-selector-id="box"
4419
4419
  data-test-id="boxComponent"
@@ -4444,7 +4444,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
4444
4444
  </div>
4445
4445
  </div>
4446
4446
  <div
4447
- class="flex fullSize column alignItems_center justifyContent_center back"
4447
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4448
4448
  data-id="containerComponent"
4449
4449
  data-selector-id="container"
4450
4450
  data-test-id="containerComponent"
@@ -4474,7 +4474,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
4474
4474
  >
4475
4475
  <i
4476
4476
  aria-hidden="true"
4477
- class="zd_font_icons basic icon-paiduser"
4477
+ class="zd_font_icons ff icon-paiduser basic d-inline-block d-align-middle"
4478
4478
  data-id="fontIcon"
4479
4479
  data-selector-id="fontIcon"
4480
4480
  data-test-id="fontIcon"
@@ -4503,14 +4503,14 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
4503
4503
  class="container"
4504
4504
  >
4505
4505
  <div
4506
- class="flex fullSize column alignItems_center justifyContent_center front"
4506
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4507
4507
  data-id="containerComponent"
4508
4508
  data-selector-id="container"
4509
4509
  data-test-id="containerComponent"
4510
4510
  >
4511
4511
  <div
4512
4512
  aria-checked="false"
4513
- class="inlineFlex row alignItems_center container pointer primary"
4513
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4514
4514
  data-id="listViewCheckBox_undefined"
4515
4515
  data-selector-id="checkbox_undefined"
4516
4516
  data-test-id="listViewCheckBox_undefined"
@@ -4518,7 +4518,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
4518
4518
  tabindex="0"
4519
4519
  >
4520
4520
  <div
4521
- class="noShrink boxContainer medium filled"
4521
+ class="d-flex-shrink-0 boxContainer medium filled"
4522
4522
  data-id="boxComponent"
4523
4523
  data-selector-id="box"
4524
4524
  data-test-id="boxComponent"
@@ -4549,7 +4549,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
4549
4549
  </div>
4550
4550
  </div>
4551
4551
  <div
4552
- class="flex fullSize column alignItems_center justifyContent_center back"
4552
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4553
4553
  data-id="containerComponent"
4554
4554
  data-selector-id="container"
4555
4555
  data-test-id="containerComponent"
@@ -4579,7 +4579,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
4579
4579
  >
4580
4580
  <i
4581
4581
  aria-hidden="true"
4582
- class="zd_font_icons basic icon-globe1"
4582
+ class="zd_font_icons ff icon-globe1 basic d-inline-block d-align-middle"
4583
4583
  data-id="fontIcon"
4584
4584
  data-selector-id="fontIcon"
4585
4585
  data-test-id="fontIcon"
@@ -4601,14 +4601,14 @@ exports[`FlipCard renders with name 1`] = `
4601
4601
  class="container"
4602
4602
  >
4603
4603
  <div
4604
- class="flex fullSize column alignItems_center justifyContent_center front"
4604
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4605
4605
  data-id="containerComponent"
4606
4606
  data-selector-id="container"
4607
4607
  data-test-id="containerComponent"
4608
4608
  >
4609
4609
  <div
4610
4610
  aria-checked="false"
4611
- class="inlineFlex row alignItems_center container pointer primary"
4611
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4612
4612
  data-id="listViewCheckBox_undefined"
4613
4613
  data-selector-id="checkbox_undefined"
4614
4614
  data-test-id="listViewCheckBox_undefined"
@@ -4616,7 +4616,7 @@ exports[`FlipCard renders with name 1`] = `
4616
4616
  tabindex="0"
4617
4617
  >
4618
4618
  <div
4619
- class="noShrink boxContainer medium filled"
4619
+ class="d-flex-shrink-0 boxContainer medium filled"
4620
4620
  data-id="boxComponent"
4621
4621
  data-selector-id="box"
4622
4622
  data-test-id="boxComponent"
@@ -4647,7 +4647,7 @@ exports[`FlipCard renders with name 1`] = `
4647
4647
  </div>
4648
4648
  </div>
4649
4649
  <div
4650
- class="flex fullSize column alignItems_center justifyContent_center back"
4650
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4651
4651
  data-id="containerComponent"
4652
4652
  data-selector-id="container"
4653
4653
  data-test-id="containerComponent"
@@ -4690,14 +4690,14 @@ exports[`FlipCard renders with needTitle - true 1`] = `
4690
4690
  class="container"
4691
4691
  >
4692
4692
  <div
4693
- class="flex fullSize column alignItems_center justifyContent_center front"
4693
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4694
4694
  data-id="containerComponent"
4695
4695
  data-selector-id="container"
4696
4696
  data-test-id="containerComponent"
4697
4697
  >
4698
4698
  <div
4699
4699
  aria-checked="false"
4700
- class="inlineFlex row alignItems_center container pointer primary"
4700
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4701
4701
  data-id="listViewCheckBox_undefined"
4702
4702
  data-selector-id="checkbox_undefined"
4703
4703
  data-test-id="listViewCheckBox_undefined"
@@ -4705,7 +4705,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
4705
4705
  tabindex="0"
4706
4706
  >
4707
4707
  <div
4708
- class="noShrink boxContainer medium filled"
4708
+ class="d-flex-shrink-0 boxContainer medium filled"
4709
4709
  data-id="boxComponent"
4710
4710
  data-selector-id="box"
4711
4711
  data-test-id="boxComponent"
@@ -4736,7 +4736,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
4736
4736
  </div>
4737
4737
  </div>
4738
4738
  <div
4739
- class="flex fullSize column alignItems_center justifyContent_center back"
4739
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4740
4740
  data-id="containerComponent"
4741
4741
  data-selector-id="container"
4742
4742
  data-test-id="containerComponent"
@@ -4779,7 +4779,7 @@ exports[`FlipCard renders with noNeedFlip - true 1`] = `
4779
4779
  class="container"
4780
4780
  >
4781
4781
  <div
4782
- class="flex fullSize column alignItems_center justifyContent_center back"
4782
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4783
4783
  data-id="containerComponent"
4784
4784
  data-selector-id="container"
4785
4785
  data-test-id="containerComponent"
@@ -4817,14 +4817,14 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
4817
4817
  class="container"
4818
4818
  >
4819
4819
  <div
4820
- class="flex fullSize column alignItems_center justifyContent_center front"
4820
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4821
4821
  data-id="containerComponent"
4822
4822
  data-selector-id="container"
4823
4823
  data-test-id="containerComponent"
4824
4824
  >
4825
4825
  <div
4826
4826
  aria-checked="false"
4827
- class="inlineFlex row alignItems_center container pointer primary"
4827
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
4828
4828
  data-id="listViewCheckBox_undefined"
4829
4829
  data-selector-id="checkbox_undefined"
4830
4830
  data-test-id="listViewCheckBox_undefined"
@@ -4832,7 +4832,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
4832
4832
  tabindex="0"
4833
4833
  >
4834
4834
  <div
4835
- class="noShrink boxContainer medium filled"
4835
+ class="d-flex-shrink-0 boxContainer medium filled"
4836
4836
  data-id="boxComponent"
4837
4837
  data-selector-id="box"
4838
4838
  data-test-id="boxComponent"
@@ -4863,7 +4863,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
4863
4863
  </div>
4864
4864
  </div>
4865
4865
  <div
4866
- class="flex fullSize column alignItems_center justifyContent_center back"
4866
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4867
4867
  data-id="containerComponent"
4868
4868
  data-selector-id="container"
4869
4869
  data-test-id="containerComponent"
@@ -4901,14 +4901,14 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
4901
4901
  class="container"
4902
4902
  >
4903
4903
  <div
4904
- class="flex fullSize column alignItems_center justifyContent_center front"
4904
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4905
4905
  data-id="containerComponent"
4906
4906
  data-selector-id="container"
4907
4907
  data-test-id="containerComponent"
4908
4908
  >
4909
4909
  <div
4910
4910
  aria-checked="true"
4911
- class="inlineFlex row alignItems_center container pointer primary checkedprimary"
4911
+ class="d-inline-flex d-flex-row d-items-center container pointer primary checkedprimary"
4912
4912
  data-id="listViewCheckBox_undefined"
4913
4913
  data-selector-id="checkbox_undefined"
4914
4914
  data-test-id="listViewCheckBox_undefined"
@@ -4916,7 +4916,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
4916
4916
  tabindex="0"
4917
4917
  >
4918
4918
  <div
4919
- class="noShrink boxContainer medium filled"
4919
+ class="d-flex-shrink-0 boxContainer medium filled"
4920
4920
  data-id="boxComponent"
4921
4921
  data-selector-id="box"
4922
4922
  data-test-id="boxComponent"
@@ -4953,7 +4953,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
4953
4953
  </div>
4954
4954
  </div>
4955
4955
  <div
4956
- class="flex fullSize column alignItems_center justifyContent_center back"
4956
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
4957
4957
  data-id="containerComponent"
4958
4958
  data-selector-id="container"
4959
4959
  data-test-id="containerComponent"
@@ -4991,14 +4991,14 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
4991
4991
  class="container"
4992
4992
  >
4993
4993
  <div
4994
- class="flex fullSize column alignItems_center justifyContent_center front"
4994
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
4995
4995
  data-id="containerComponent"
4996
4996
  data-selector-id="container"
4997
4997
  data-test-id="containerComponent"
4998
4998
  >
4999
4999
  <div
5000
5000
  aria-checked="true"
5001
- class="inlineFlex row alignItems_center container pointer primary checkedprimary"
5001
+ class="d-inline-flex d-flex-row d-items-center container pointer primary checkedprimary"
5002
5002
  data-id="listViewCheckBox_undefined"
5003
5003
  data-selector-id="checkbox_undefined"
5004
5004
  data-test-id="listViewCheckBox_undefined"
@@ -5006,7 +5006,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
5006
5006
  tabindex="0"
5007
5007
  >
5008
5008
  <div
5009
- class="noShrink boxContainer medium filled"
5009
+ class="d-flex-shrink-0 boxContainer medium filled"
5010
5010
  data-id="boxComponent"
5011
5011
  data-selector-id="box"
5012
5012
  data-test-id="boxComponent"
@@ -5043,7 +5043,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
5043
5043
  </div>
5044
5044
  </div>
5045
5045
  <div
5046
- class="flex fullSize column alignItems_center justifyContent_center back"
5046
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5047
5047
  data-id="containerComponent"
5048
5048
  data-selector-id="container"
5049
5049
  data-test-id="containerComponent"
@@ -5081,14 +5081,14 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
5081
5081
  class="container"
5082
5082
  >
5083
5083
  <div
5084
- class="flex fullSize column alignItems_center justifyContent_center front"
5084
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5085
5085
  data-id="containerComponent"
5086
5086
  data-selector-id="container"
5087
5087
  data-test-id="containerComponent"
5088
5088
  >
5089
5089
  <div
5090
5090
  aria-checked="false"
5091
- class="inlineFlex row alignItems_center container pointer primary"
5091
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5092
5092
  data-id="listViewCheckBox_undefined"
5093
5093
  data-selector-id="checkbox_undefined"
5094
5094
  data-test-id="listViewCheckBox_undefined"
@@ -5096,7 +5096,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
5096
5096
  tabindex="0"
5097
5097
  >
5098
5098
  <div
5099
- class="noShrink boxContainer medium filled"
5099
+ class="d-flex-shrink-0 boxContainer medium filled"
5100
5100
  data-id="boxComponent"
5101
5101
  data-selector-id="box"
5102
5102
  data-test-id="boxComponent"
@@ -5127,7 +5127,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
5127
5127
  </div>
5128
5128
  </div>
5129
5129
  <div
5130
- class="flex fullSize column alignItems_center justifyContent_center back"
5130
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5131
5131
  data-id="containerComponent"
5132
5132
  data-selector-id="container"
5133
5133
  data-test-id="containerComponent"
@@ -5165,14 +5165,14 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
5165
5165
  class="container"
5166
5166
  >
5167
5167
  <div
5168
- class="flex fullSize column alignItems_center justifyContent_center front"
5168
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5169
5169
  data-id="containerComponent"
5170
5170
  data-selector-id="container"
5171
5171
  data-test-id="containerComponent"
5172
5172
  >
5173
5173
  <div
5174
5174
  aria-checked="false"
5175
- class="inlineFlex row alignItems_center container pointer primary"
5175
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5176
5176
  data-id="listViewCheckBox_undefined"
5177
5177
  data-selector-id="checkbox_undefined"
5178
5178
  data-test-id="listViewCheckBox_undefined"
@@ -5180,7 +5180,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
5180
5180
  tabindex="0"
5181
5181
  >
5182
5182
  <div
5183
- class="noShrink boxContainer medium filled"
5183
+ class="d-flex-shrink-0 boxContainer medium filled"
5184
5184
  data-id="boxComponent"
5185
5185
  data-selector-id="box"
5186
5186
  data-test-id="boxComponent"
@@ -5211,7 +5211,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
5211
5211
  </div>
5212
5212
  </div>
5213
5213
  <div
5214
- class="flex fullSize column alignItems_center justifyContent_center back"
5214
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5215
5215
  data-id="containerComponent"
5216
5216
  data-selector-id="container"
5217
5217
  data-test-id="containerComponent"
@@ -5249,14 +5249,14 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
5249
5249
  class="container"
5250
5250
  >
5251
5251
  <div
5252
- class="flex fullSize column alignItems_center justifyContent_center front"
5252
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5253
5253
  data-id="containerComponent"
5254
5254
  data-selector-id="container"
5255
5255
  data-test-id="containerComponent"
5256
5256
  >
5257
5257
  <div
5258
5258
  aria-checked="false"
5259
- class="inlineFlex row alignItems_center container pointer primary"
5259
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5260
5260
  data-id="listViewCheckBox_undefined"
5261
5261
  data-selector-id="checkbox_undefined"
5262
5262
  data-test-id="listViewCheckBox_undefined"
@@ -5264,7 +5264,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
5264
5264
  tabindex="0"
5265
5265
  >
5266
5266
  <div
5267
- class="noShrink boxContainer medium filled"
5267
+ class="d-flex-shrink-0 boxContainer medium filled"
5268
5268
  data-id="boxComponent"
5269
5269
  data-selector-id="box"
5270
5270
  data-test-id="boxComponent"
@@ -5295,7 +5295,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
5295
5295
  </div>
5296
5296
  </div>
5297
5297
  <div
5298
- class="flex fullSize column alignItems_center justifyContent_center back"
5298
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5299
5299
  data-id="containerComponent"
5300
5300
  data-selector-id="container"
5301
5301
  data-test-id="containerComponent"
@@ -5333,7 +5333,7 @@ exports[`FlipCard renders with noNeedFlip set to true and custom props 1`] = `
5333
5333
  class="container"
5334
5334
  >
5335
5335
  <div
5336
- class="flex fullSize column alignItems_center justifyContent_center back"
5336
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5337
5337
  data-id="containerComponent"
5338
5338
  data-selector-id="container"
5339
5339
  data-test-id="containerComponent"
@@ -5363,7 +5363,7 @@ exports[`FlipCard renders with noNeedFlip set to true and custom props 1`] = `
5363
5363
  >
5364
5364
  <i
5365
5365
  aria-hidden="true"
5366
- class="zd_font_icons basic icon-paiduser"
5366
+ class="zd_font_icons ff icon-paiduser basic d-inline-block d-align-middle"
5367
5367
  data-id="fontIcon"
5368
5368
  data-selector-id="fontIcon"
5369
5369
  data-test-id="fontIcon"
@@ -5392,7 +5392,7 @@ exports[`FlipCard renders with noNeedFlip set to true and isChecked set to true
5392
5392
  class="container"
5393
5393
  >
5394
5394
  <div
5395
- class="flex fullSize column alignItems_center justifyContent_center back"
5395
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5396
5396
  data-id="containerComponent"
5397
5397
  data-selector-id="container"
5398
5398
  data-test-id="containerComponent"
@@ -5430,7 +5430,7 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 1`] =
5430
5430
  class="container"
5431
5431
  >
5432
5432
  <div
5433
- class="flex fullSize column alignItems_center justifyContent_center back"
5433
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5434
5434
  data-id="containerComponent"
5435
5435
  data-selector-id="container"
5436
5436
  data-test-id="containerComponent"
@@ -5468,7 +5468,7 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 2`] =
5468
5468
  class="container"
5469
5469
  >
5470
5470
  <div
5471
- class="flex fullSize column alignItems_center justifyContent_center back"
5471
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5472
5472
  data-id="containerComponent"
5473
5473
  data-selector-id="container"
5474
5474
  data-test-id="containerComponent"
@@ -5506,7 +5506,7 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 3`] =
5506
5506
  class="container"
5507
5507
  >
5508
5508
  <div
5509
- class="flex fullSize column alignItems_center justifyContent_center back"
5509
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5510
5510
  data-id="containerComponent"
5511
5511
  data-selector-id="container"
5512
5512
  data-test-id="containerComponent"
@@ -5544,14 +5544,14 @@ exports[`FlipCard renders with palette - default 1`] = `
5544
5544
  class="container"
5545
5545
  >
5546
5546
  <div
5547
- class="flex fullSize column alignItems_center justifyContent_center front"
5547
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5548
5548
  data-id="containerComponent"
5549
5549
  data-selector-id="container"
5550
5550
  data-test-id="containerComponent"
5551
5551
  >
5552
5552
  <div
5553
5553
  aria-checked="false"
5554
- class="inlineFlex row alignItems_center container pointer primary"
5554
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5555
5555
  data-id="listViewCheckBox_undefined"
5556
5556
  data-selector-id="checkbox_undefined"
5557
5557
  data-test-id="listViewCheckBox_undefined"
@@ -5559,7 +5559,7 @@ exports[`FlipCard renders with palette - default 1`] = `
5559
5559
  tabindex="0"
5560
5560
  >
5561
5561
  <div
5562
- class="noShrink boxContainer medium filled"
5562
+ class="d-flex-shrink-0 boxContainer medium filled"
5563
5563
  data-id="boxComponent"
5564
5564
  data-selector-id="box"
5565
5565
  data-test-id="boxComponent"
@@ -5590,7 +5590,7 @@ exports[`FlipCard renders with palette - default 1`] = `
5590
5590
  </div>
5591
5591
  </div>
5592
5592
  <div
5593
- class="flex fullSize column alignItems_center justifyContent_center back"
5593
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5594
5594
  data-id="containerComponent"
5595
5595
  data-selector-id="container"
5596
5596
  data-test-id="containerComponent"
@@ -5628,14 +5628,14 @@ exports[`FlipCard renders with palette - info 1`] = `
5628
5628
  class="container"
5629
5629
  >
5630
5630
  <div
5631
- class="flex fullSize column alignItems_center justifyContent_center front"
5631
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5632
5632
  data-id="containerComponent"
5633
5633
  data-selector-id="container"
5634
5634
  data-test-id="containerComponent"
5635
5635
  >
5636
5636
  <div
5637
5637
  aria-checked="false"
5638
- class="inlineFlex row alignItems_center container pointer primary"
5638
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5639
5639
  data-id="listViewCheckBox_undefined"
5640
5640
  data-selector-id="checkbox_undefined"
5641
5641
  data-test-id="listViewCheckBox_undefined"
@@ -5643,7 +5643,7 @@ exports[`FlipCard renders with palette - info 1`] = `
5643
5643
  tabindex="0"
5644
5644
  >
5645
5645
  <div
5646
- class="noShrink boxContainer medium filled"
5646
+ class="d-flex-shrink-0 boxContainer medium filled"
5647
5647
  data-id="boxComponent"
5648
5648
  data-selector-id="box"
5649
5649
  data-test-id="boxComponent"
@@ -5674,7 +5674,7 @@ exports[`FlipCard renders with palette - info 1`] = `
5674
5674
  </div>
5675
5675
  </div>
5676
5676
  <div
5677
- class="flex fullSize column alignItems_center justifyContent_center back"
5677
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5678
5678
  data-id="containerComponent"
5679
5679
  data-selector-id="container"
5680
5680
  data-test-id="containerComponent"
@@ -5712,14 +5712,14 @@ exports[`FlipCard renders with palette - primary 1`] = `
5712
5712
  class="container"
5713
5713
  >
5714
5714
  <div
5715
- class="flex fullSize column alignItems_center justifyContent_center front"
5715
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5716
5716
  data-id="containerComponent"
5717
5717
  data-selector-id="container"
5718
5718
  data-test-id="containerComponent"
5719
5719
  >
5720
5720
  <div
5721
5721
  aria-checked="false"
5722
- class="inlineFlex row alignItems_center container pointer primary"
5722
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5723
5723
  data-id="listViewCheckBox_undefined"
5724
5724
  data-selector-id="checkbox_undefined"
5725
5725
  data-test-id="listViewCheckBox_undefined"
@@ -5727,7 +5727,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
5727
5727
  tabindex="0"
5728
5728
  >
5729
5729
  <div
5730
- class="noShrink boxContainer medium filled"
5730
+ class="d-flex-shrink-0 boxContainer medium filled"
5731
5731
  data-id="boxComponent"
5732
5732
  data-selector-id="box"
5733
5733
  data-test-id="boxComponent"
@@ -5758,7 +5758,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
5758
5758
  </div>
5759
5759
  </div>
5760
5760
  <div
5761
- class="flex fullSize column alignItems_center justifyContent_center back"
5761
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5762
5762
  data-id="containerComponent"
5763
5763
  data-selector-id="container"
5764
5764
  data-test-id="containerComponent"
@@ -5796,14 +5796,14 @@ exports[`FlipCard renders with palette - secondary 1`] = `
5796
5796
  class="container"
5797
5797
  >
5798
5798
  <div
5799
- class="flex fullSize column alignItems_center justifyContent_center front"
5799
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5800
5800
  data-id="containerComponent"
5801
5801
  data-selector-id="container"
5802
5802
  data-test-id="containerComponent"
5803
5803
  >
5804
5804
  <div
5805
5805
  aria-checked="false"
5806
- class="inlineFlex row alignItems_center container pointer primary"
5806
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5807
5807
  data-id="listViewCheckBox_undefined"
5808
5808
  data-selector-id="checkbox_undefined"
5809
5809
  data-test-id="listViewCheckBox_undefined"
@@ -5811,7 +5811,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
5811
5811
  tabindex="0"
5812
5812
  >
5813
5813
  <div
5814
- class="noShrink boxContainer medium filled"
5814
+ class="d-flex-shrink-0 boxContainer medium filled"
5815
5815
  data-id="boxComponent"
5816
5816
  data-selector-id="box"
5817
5817
  data-test-id="boxComponent"
@@ -5842,7 +5842,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
5842
5842
  </div>
5843
5843
  </div>
5844
5844
  <div
5845
- class="flex fullSize column alignItems_center justifyContent_center back"
5845
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5846
5846
  data-id="containerComponent"
5847
5847
  data-selector-id="container"
5848
5848
  data-test-id="containerComponent"
@@ -5880,14 +5880,14 @@ exports[`FlipCard renders with size - large 1`] = `
5880
5880
  class="container"
5881
5881
  >
5882
5882
  <div
5883
- class="flex fullSize column alignItems_center justifyContent_center front"
5883
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5884
5884
  data-id="containerComponent"
5885
5885
  data-selector-id="container"
5886
5886
  data-test-id="containerComponent"
5887
5887
  >
5888
5888
  <div
5889
5889
  aria-checked="false"
5890
- class="inlineFlex row alignItems_center container pointer primary"
5890
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5891
5891
  data-id="listViewCheckBox_undefined"
5892
5892
  data-selector-id="checkbox_undefined"
5893
5893
  data-test-id="listViewCheckBox_undefined"
@@ -5895,7 +5895,7 @@ exports[`FlipCard renders with size - large 1`] = `
5895
5895
  tabindex="0"
5896
5896
  >
5897
5897
  <div
5898
- class="noShrink boxContainer medium filled"
5898
+ class="d-flex-shrink-0 boxContainer medium filled"
5899
5899
  data-id="boxComponent"
5900
5900
  data-selector-id="box"
5901
5901
  data-test-id="boxComponent"
@@ -5926,7 +5926,7 @@ exports[`FlipCard renders with size - large 1`] = `
5926
5926
  </div>
5927
5927
  </div>
5928
5928
  <div
5929
- class="flex fullSize column alignItems_center justifyContent_center back"
5929
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
5930
5930
  data-id="containerComponent"
5931
5931
  data-selector-id="container"
5932
5932
  data-test-id="containerComponent"
@@ -5964,14 +5964,14 @@ exports[`FlipCard renders with size - medium 1`] = `
5964
5964
  class="container"
5965
5965
  >
5966
5966
  <div
5967
- class="flex fullSize column alignItems_center justifyContent_center front"
5967
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
5968
5968
  data-id="containerComponent"
5969
5969
  data-selector-id="container"
5970
5970
  data-test-id="containerComponent"
5971
5971
  >
5972
5972
  <div
5973
5973
  aria-checked="false"
5974
- class="inlineFlex row alignItems_center container pointer primary"
5974
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
5975
5975
  data-id="listViewCheckBox_undefined"
5976
5976
  data-selector-id="checkbox_undefined"
5977
5977
  data-test-id="listViewCheckBox_undefined"
@@ -5979,7 +5979,7 @@ exports[`FlipCard renders with size - medium 1`] = `
5979
5979
  tabindex="0"
5980
5980
  >
5981
5981
  <div
5982
- class="noShrink boxContainer medium filled"
5982
+ class="d-flex-shrink-0 boxContainer medium filled"
5983
5983
  data-id="boxComponent"
5984
5984
  data-selector-id="box"
5985
5985
  data-test-id="boxComponent"
@@ -6010,7 +6010,7 @@ exports[`FlipCard renders with size - medium 1`] = `
6010
6010
  </div>
6011
6011
  </div>
6012
6012
  <div
6013
- class="flex fullSize column alignItems_center justifyContent_center back"
6013
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6014
6014
  data-id="containerComponent"
6015
6015
  data-selector-id="container"
6016
6016
  data-test-id="containerComponent"
@@ -6048,14 +6048,14 @@ exports[`FlipCard renders with size - small 1`] = `
6048
6048
  class="container"
6049
6049
  >
6050
6050
  <div
6051
- class="flex fullSize column alignItems_center justifyContent_center front"
6051
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6052
6052
  data-id="containerComponent"
6053
6053
  data-selector-id="container"
6054
6054
  data-test-id="containerComponent"
6055
6055
  >
6056
6056
  <div
6057
6057
  aria-checked="false"
6058
- class="inlineFlex row alignItems_center container pointer primary"
6058
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6059
6059
  data-id="listViewCheckBox_undefined"
6060
6060
  data-selector-id="checkbox_undefined"
6061
6061
  data-test-id="listViewCheckBox_undefined"
@@ -6063,7 +6063,7 @@ exports[`FlipCard renders with size - small 1`] = `
6063
6063
  tabindex="0"
6064
6064
  >
6065
6065
  <div
6066
- class="noShrink boxContainer medium filled"
6066
+ class="d-flex-shrink-0 boxContainer medium filled"
6067
6067
  data-id="boxComponent"
6068
6068
  data-selector-id="box"
6069
6069
  data-test-id="boxComponent"
@@ -6094,7 +6094,7 @@ exports[`FlipCard renders with size - small 1`] = `
6094
6094
  </div>
6095
6095
  </div>
6096
6096
  <div
6097
- class="flex fullSize column alignItems_center justifyContent_center back"
6097
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6098
6098
  data-id="containerComponent"
6099
6099
  data-selector-id="container"
6100
6100
  data-test-id="containerComponent"
@@ -6132,14 +6132,14 @@ exports[`FlipCard renders with src 1`] = `
6132
6132
  class="container"
6133
6133
  >
6134
6134
  <div
6135
- class="flex fullSize column alignItems_center justifyContent_center front"
6135
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6136
6136
  data-id="containerComponent"
6137
6137
  data-selector-id="container"
6138
6138
  data-test-id="containerComponent"
6139
6139
  >
6140
6140
  <div
6141
6141
  aria-checked="false"
6142
- class="inlineFlex row alignItems_center container pointer primary"
6142
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6143
6143
  data-id="listViewCheckBox_undefined"
6144
6144
  data-selector-id="checkbox_undefined"
6145
6145
  data-test-id="listViewCheckBox_undefined"
@@ -6147,7 +6147,7 @@ exports[`FlipCard renders with src 1`] = `
6147
6147
  tabindex="0"
6148
6148
  >
6149
6149
  <div
6150
- class="noShrink boxContainer medium filled"
6150
+ class="d-flex-shrink-0 boxContainer medium filled"
6151
6151
  data-id="boxComponent"
6152
6152
  data-selector-id="box"
6153
6153
  data-test-id="boxComponent"
@@ -6178,7 +6178,7 @@ exports[`FlipCard renders with src 1`] = `
6178
6178
  </div>
6179
6179
  </div>
6180
6180
  <div
6181
- class="flex fullSize column alignItems_center justifyContent_center back"
6181
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6182
6182
  data-id="containerComponent"
6183
6183
  data-selector-id="container"
6184
6184
  data-test-id="containerComponent"
@@ -6220,14 +6220,14 @@ exports[`FlipCard renders with textPalette - black 1`] = `
6220
6220
  class="container"
6221
6221
  >
6222
6222
  <div
6223
- class="flex fullSize column alignItems_center justifyContent_center front"
6223
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6224
6224
  data-id="containerComponent"
6225
6225
  data-selector-id="container"
6226
6226
  data-test-id="containerComponent"
6227
6227
  >
6228
6228
  <div
6229
6229
  aria-checked="false"
6230
- class="inlineFlex row alignItems_center container pointer primary"
6230
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6231
6231
  data-id="listViewCheckBox_undefined"
6232
6232
  data-selector-id="checkbox_undefined"
6233
6233
  data-test-id="listViewCheckBox_undefined"
@@ -6235,7 +6235,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
6235
6235
  tabindex="0"
6236
6236
  >
6237
6237
  <div
6238
- class="noShrink boxContainer medium filled"
6238
+ class="d-flex-shrink-0 boxContainer medium filled"
6239
6239
  data-id="boxComponent"
6240
6240
  data-selector-id="box"
6241
6241
  data-test-id="boxComponent"
@@ -6266,7 +6266,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
6266
6266
  </div>
6267
6267
  </div>
6268
6268
  <div
6269
- class="flex fullSize column alignItems_center justifyContent_center back"
6269
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6270
6270
  data-id="containerComponent"
6271
6271
  data-selector-id="container"
6272
6272
  data-test-id="containerComponent"
@@ -6304,14 +6304,14 @@ exports[`FlipCard renders with textPalette - white 1`] = `
6304
6304
  class="container"
6305
6305
  >
6306
6306
  <div
6307
- class="flex fullSize column alignItems_center justifyContent_center front"
6307
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6308
6308
  data-id="containerComponent"
6309
6309
  data-selector-id="container"
6310
6310
  data-test-id="containerComponent"
6311
6311
  >
6312
6312
  <div
6313
6313
  aria-checked="false"
6314
- class="inlineFlex row alignItems_center container pointer primary"
6314
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6315
6315
  data-id="listViewCheckBox_undefined"
6316
6316
  data-selector-id="checkbox_undefined"
6317
6317
  data-test-id="listViewCheckBox_undefined"
@@ -6319,7 +6319,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
6319
6319
  tabindex="0"
6320
6320
  >
6321
6321
  <div
6322
- class="noShrink boxContainer medium filled"
6322
+ class="d-flex-shrink-0 boxContainer medium filled"
6323
6323
  data-id="boxComponent"
6324
6324
  data-selector-id="box"
6325
6325
  data-test-id="boxComponent"
@@ -6350,7 +6350,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
6350
6350
  </div>
6351
6351
  </div>
6352
6352
  <div
6353
- class="flex fullSize column alignItems_center justifyContent_center back"
6353
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6354
6354
  data-id="containerComponent"
6355
6355
  data-selector-id="container"
6356
6356
  data-test-id="containerComponent"
@@ -6390,14 +6390,14 @@ exports[`FlipCard renders with ticList 1`] = `
6390
6390
  data-test-id="tic-list-id"
6391
6391
  >
6392
6392
  <div
6393
- class="flex fullSize column alignItems_center justifyContent_center front"
6393
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6394
6394
  data-id="containerComponent"
6395
6395
  data-selector-id="container"
6396
6396
  data-test-id="containerComponent"
6397
6397
  >
6398
6398
  <div
6399
6399
  aria-checked="false"
6400
- class="inlineFlex row alignItems_center container pointer primary"
6400
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6401
6401
  data-id="listViewCheckBox_undefined"
6402
6402
  data-selector-id="checkbox_undefined"
6403
6403
  data-test-id="listViewCheckBox_undefined"
@@ -6405,7 +6405,7 @@ exports[`FlipCard renders with ticList 1`] = `
6405
6405
  tabindex="0"
6406
6406
  >
6407
6407
  <div
6408
- class="noShrink boxContainer medium filled"
6408
+ class="d-flex-shrink-0 boxContainer medium filled"
6409
6409
  data-id="boxComponent"
6410
6410
  data-selector-id="box"
6411
6411
  data-test-id="boxComponent"
@@ -6436,7 +6436,7 @@ exports[`FlipCard renders with ticList 1`] = `
6436
6436
  </div>
6437
6437
  </div>
6438
6438
  <div
6439
- class="flex fullSize column alignItems_center justifyContent_center back"
6439
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6440
6440
  data-id="containerComponent"
6441
6441
  data-selector-id="container"
6442
6442
  data-test-id="containerComponent"
@@ -6476,14 +6476,14 @@ exports[`FlipCard renders with ticListContainer 1`] = `
6476
6476
  class="container"
6477
6477
  >
6478
6478
  <div
6479
- class="flex fullSize column alignItems_center justifyContent_center front"
6479
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6480
6480
  data-id="containerComponent"
6481
6481
  data-selector-id="container"
6482
6482
  data-test-id="containerComponent"
6483
6483
  >
6484
6484
  <div
6485
6485
  aria-checked="false"
6486
- class="inlineFlex row alignItems_center container pointer primary"
6486
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6487
6487
  data-id="listViewCheckBox_undefined"
6488
6488
  data-selector-id="checkbox_undefined"
6489
6489
  data-test-id="listViewCheckBox_undefined"
@@ -6491,7 +6491,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
6491
6491
  tabindex="0"
6492
6492
  >
6493
6493
  <div
6494
- class="noShrink boxContainer medium filled"
6494
+ class="d-flex-shrink-0 boxContainer medium filled"
6495
6495
  data-id="boxComponent"
6496
6496
  data-selector-id="box"
6497
6497
  data-test-id="boxComponent"
@@ -6522,7 +6522,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
6522
6522
  </div>
6523
6523
  </div>
6524
6524
  <div
6525
- class="flex fullSize column alignItems_center justifyContent_center back"
6525
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6526
6526
  data-id="containerComponent"
6527
6527
  data-selector-id="container"
6528
6528
  data-test-id="containerComponent"
@@ -6561,14 +6561,14 @@ exports[`FlipCard renders with tourId 1`] = `
6561
6561
  class="container"
6562
6562
  >
6563
6563
  <div
6564
- class="flex fullSize column alignItems_center justifyContent_center front"
6564
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center front"
6565
6565
  data-id="containerComponent"
6566
6566
  data-selector-id="container"
6567
6567
  data-test-id="containerComponent"
6568
6568
  >
6569
6569
  <div
6570
6570
  aria-checked="false"
6571
- class="inlineFlex row alignItems_center container pointer primary"
6571
+ class="d-inline-flex d-flex-row d-items-center container pointer primary"
6572
6572
  data-id="listViewCheckBox_undefined"
6573
6573
  data-selector-id="checkbox_undefined"
6574
6574
  data-test-id="listViewCheckBox_undefined"
@@ -6576,7 +6576,7 @@ exports[`FlipCard renders with tourId 1`] = `
6576
6576
  tabindex="0"
6577
6577
  >
6578
6578
  <div
6579
- class="noShrink boxContainer medium filled"
6579
+ class="d-flex-shrink-0 boxContainer medium filled"
6580
6580
  data-id="boxComponent"
6581
6581
  data-selector-id="box"
6582
6582
  data-test-id="boxComponent"
@@ -6607,7 +6607,7 @@ exports[`FlipCard renders with tourId 1`] = `
6607
6607
  </div>
6608
6608
  </div>
6609
6609
  <div
6610
- class="flex fullSize column alignItems_center justifyContent_center back"
6610
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center back"
6611
6611
  data-id="containerComponent"
6612
6612
  data-selector-id="container"
6613
6613
  data-test-id="containerComponent"