@zohodesk/dot 1.9.16 → 1.9.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (358) hide show
  1. package/README.md +4 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +1 -1
  3. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +0 -1
  4. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +0 -1
  5. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +0 -1
  6. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +0 -1
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +0 -1
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +1 -1
  9. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +0 -1
  10. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +0 -1
  11. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +0 -1
  12. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +0 -1
  13. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +0 -1
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +1 -1
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +0 -1
  16. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +0 -1
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +0 -1
  18. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +0 -1
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +0 -1
  20. package/es/ActionButton/ActionButton.js +2 -2
  21. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
  22. package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
  23. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  24. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +108 -108
  25. package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
  26. package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
  27. package/es/ChannelIcon/ChannelIcon.js +3 -3
  28. package/es/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  29. package/es/Drawer/Drawer.js +2 -2
  30. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
  31. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  32. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
  33. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
  34. package/es/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
  35. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
  36. package/es/FormAction/FormAction.js +1 -5
  37. package/es/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +33 -93
  38. package/es/FreezeLayer/css/cssJSLogic.js +2 -2
  39. package/es/IconButton/IconButton.js +2 -2
  40. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
  41. package/es/Image/Image.js +1 -1
  42. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
  43. package/es/ImportantNotes/ImportantNotes.js +1 -1
  44. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
  45. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
  46. package/es/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
  47. package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  48. package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
  49. package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
  50. package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
  51. package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
  52. package/es/PlusIcon/PlusIcon.js +2 -2
  53. package/es/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
  54. package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
  55. package/es/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
  56. package/es/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
  57. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
  58. package/es/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
  59. package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
  60. package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  61. package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  62. package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  63. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
  64. package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
  65. package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
  66. package/es/avatar/AvatarThread/AvatarThread.js +1 -2
  67. package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
  68. package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  69. package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
  70. package/es/deprecated/FreezeLayer/FreezeLayer.js +1 -1
  71. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  72. package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
  73. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +1 -1
  74. package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  75. package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  76. package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  77. package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  78. package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  79. package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  80. package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  81. package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  82. package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  83. package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
  84. package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
  85. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
  86. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
  87. package/es/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
  88. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
  89. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
  90. package/es/form/fields/RadioField/RadioField.js +2 -2
  91. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
  92. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
  93. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
  94. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
  95. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
  96. package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
  97. package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
  98. package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  99. package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
  100. package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
  101. package/es/form/layout/Field/Field.js +2 -2
  102. package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
  103. package/es/form/layout/Section/Section.js +1 -1
  104. package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  105. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  106. package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
  107. package/es/layout/SubtabLayout/SubtabLayout.js +1 -1
  108. package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
  109. package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
  110. package/es/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
  111. package/es/list/Comment/Comment.js +1 -1
  112. package/es/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  113. package/es/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  114. package/es/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  115. package/es/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  116. package/es/list/Icons/AddNewIcon.js +1 -1
  117. package/es/list/Icons/CompleteIcon.js +1 -1
  118. package/es/list/Icons/DeleteIcon.js +1 -1
  119. package/es/list/Icons/EditIcon.js +1 -1
  120. package/es/list/Icons/ReadUnreadIcon.js +1 -1
  121. package/es/list/Icons/SmartIcon.js +1 -1
  122. package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  123. package/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  124. package/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  125. package/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  126. package/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  127. package/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  128. package/es/list/ListLayout/ListLayout.js +1 -1
  129. package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  130. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
  131. package/es/list/SecondaryText/AccountName.js +1 -1
  132. package/es/list/SecondaryText/ContactName.js +1 -1
  133. package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
  134. package/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
  135. package/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  136. package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
  137. package/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  138. package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
  139. package/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  140. package/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  141. package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  142. package/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  143. package/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  144. package/es/list/Subject/Subject.js +2 -2
  145. package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
  146. package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  147. package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  148. package/es/list/status/StatusDropdown/StatusDropdown.js +2 -2
  149. package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
  150. package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
  151. package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  152. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +20 -20
  153. package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +16 -16
  154. package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
  155. package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +96 -102
  156. package/es/lookup/header/Search/Search.js +1 -2
  157. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
  158. package/es/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  159. package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  160. package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  161. package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
  162. package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
  163. package/es/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  164. package/es/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
  165. package/es/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
  166. package/es/setup/table/TableData/TableData.js +1 -1
  167. package/es/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
  168. package/es/setup/table/TableHead/TableHead.js +1 -1
  169. package/es/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
  170. package/es/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
  171. package/es/setup/table/Text/Text.js +1 -1
  172. package/es/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
  173. package/es/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  174. package/es/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  175. package/es/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  176. package/es/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
  177. package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
  178. package/es/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
  179. package/es/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
  180. package/es/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
  181. package/es/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
  182. package/es/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
  183. package/es/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
  184. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +91 -91
  185. package/es/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  186. package/es/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  187. package/es/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
  188. package/es/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  189. package/lib/ActionButton/ActionButton.js +2 -2
  190. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
  191. package/lib/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
  192. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
  193. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +108 -108
  194. package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
  195. package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
  196. package/lib/ChannelIcon/ChannelIcon.js +3 -3
  197. package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
  198. package/lib/Drawer/Drawer.js +2 -2
  199. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
  200. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
  201. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
  202. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
  203. package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
  204. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
  205. package/lib/FormAction/FormAction.js +1 -1
  206. package/lib/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +33 -93
  207. package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
  208. package/lib/IconButton/IconButton.js +2 -2
  209. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
  210. package/lib/Image/Image.js +1 -1
  211. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
  212. package/lib/ImportantNotes/ImportantNotes.js +1 -1
  213. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
  214. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
  215. package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
  216. package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
  217. package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
  218. package/lib/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
  219. package/lib/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
  220. package/lib/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
  221. package/lib/PlusIcon/PlusIcon.js +2 -2
  222. package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
  223. package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
  224. package/lib/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
  225. package/lib/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
  226. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
  227. package/lib/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
  228. package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
  229. package/lib/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  230. package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
  231. package/lib/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
  232. package/lib/avatar/AvatarIcon/AvatarIcon.js +1 -1
  233. package/lib/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
  234. package/lib/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
  235. package/lib/avatar/AvatarThread/AvatarThread.js +1 -1
  236. package/lib/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
  237. package/lib/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
  238. package/lib/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
  239. package/lib/deprecated/FreezeLayer/FreezeLayer.js +1 -1
  240. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  241. package/lib/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
  242. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +1 -1
  243. package/lib/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
  244. package/lib/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
  245. package/lib/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
  246. package/lib/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
  247. package/lib/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
  248. package/lib/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
  249. package/lib/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
  250. package/lib/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
  251. package/lib/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
  252. package/lib/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
  253. package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
  254. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
  255. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
  256. package/lib/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
  257. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
  258. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
  259. package/lib/form/fields/RadioField/RadioField.js +1 -1
  260. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
  261. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
  262. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
  263. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
  264. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
  265. package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
  266. package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
  267. package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
  268. package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
  269. package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
  270. package/lib/form/layout/Field/Field.js +2 -2
  271. package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
  272. package/lib/form/layout/Section/Section.js +1 -1
  273. package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
  274. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  275. package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
  276. package/lib/layout/SubtabLayout/SubtabLayout.js +1 -1
  277. package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
  278. package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
  279. package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
  280. package/lib/list/Comment/Comment.js +1 -1
  281. package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
  282. package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
  283. package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
  284. package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
  285. package/lib/list/Icons/AddNewIcon.js +1 -1
  286. package/lib/list/Icons/CompleteIcon.js +1 -1
  287. package/lib/list/Icons/DeleteIcon.js +1 -1
  288. package/lib/list/Icons/EditIcon.js +1 -1
  289. package/lib/list/Icons/ReadUnreadIcon.js +1 -1
  290. package/lib/list/Icons/SmartIcon.js +1 -1
  291. package/lib/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
  292. package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
  293. package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
  294. package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
  295. package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
  296. package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
  297. package/lib/list/ListLayout/ListLayout.js +1 -1
  298. package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
  299. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
  300. package/lib/list/SecondaryText/AccountName.js +1 -1
  301. package/lib/list/SecondaryText/ContactName.js +1 -1
  302. package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
  303. package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
  304. package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
  305. package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
  306. package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
  307. package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
  308. package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
  309. package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
  310. package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
  311. package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
  312. package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
  313. package/lib/list/Subject/Subject.js +2 -2
  314. package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
  315. package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
  316. package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
  317. package/lib/list/status/StatusDropdown/StatusDropdown.js +2 -2
  318. package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
  319. package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
  320. package/lib/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
  321. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +20 -20
  322. package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +16 -16
  323. package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
  324. package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +96 -102
  325. package/lib/lookup/header/Search/Search.js +1 -1
  326. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
  327. package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
  328. package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
  329. package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
  330. package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
  331. package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
  332. package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
  333. package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
  334. package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
  335. package/lib/setup/table/TableData/TableData.js +1 -1
  336. package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
  337. package/lib/setup/table/TableHead/TableHead.js +1 -1
  338. package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
  339. package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
  340. package/lib/setup/table/Text/Text.js +1 -1
  341. package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
  342. package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
  343. package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
  344. package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
  345. package/lib/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
  346. package/lib/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
  347. package/lib/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
  348. package/lib/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
  349. package/lib/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
  350. package/lib/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
  351. package/lib/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
  352. package/lib/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
  353. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +91 -91
  354. package/lib/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
  355. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  356. package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
  357. package/lib/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
  358. package/package.json +10 -10
package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap CHANGED
@@ -3,14 +3,14 @@
3
3
  exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="flex coldir"
6
+ class="flex column"
7
7
  data-id="AudioRange"
8
8
  data-selector-id="container"
9
9
  data-test-id="AudioRange"
10
10
  tabindex="0"
11
11
  >
12
12
  <div
13
- class="container flex rowdir vCenter"
13
+ class="flex row alignItems_center container"
14
14
  data-id="containerComponent"
15
15
  data-selector-id="container"
16
16
  data-test-id="containerComponent"
@@ -26,13 +26,13 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
26
26
  />
27
27
  </audio>
28
28
  <div
29
- class="rightBox downloadBox boxLeftRadius shrinkOff"
29
+ class="noShrink rightBox downloadBox boxLeftRadius"
30
30
  data-id="boxComponent"
31
31
  data-selector-id="box"
32
32
  data-test-id="boxComponent"
33
33
  >
34
34
  <div
35
- class="disable flex cover coldir both"
35
+ class="flex fullSize column alignItems_center justifyContent_center disable"
36
36
  data-id="AudioRange_playpause"
37
37
  data-selector-id="container"
38
38
  data-test-id="AudioRange_playpause"
@@ -40,7 +40,7 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
40
40
  >
41
41
  <i
42
42
  aria-hidden="true"
43
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
43
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
44
44
  data-id="fontIcon"
45
45
  data-selector-id="fontIcon"
46
46
  data-test-id="fontIcon"
@@ -48,19 +48,19 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
48
48
  </div>
49
49
  </div>
50
50
  <div
51
- class="timerBox shrinkOff"
51
+ class="noShrink timerBox"
52
52
  data-id="boxComponent"
53
53
  data-selector-id="box"
54
54
  data-test-id="boxComponent"
55
55
  >
56
56
  <div
57
- class="flex cover rowdir vCenter"
57
+ class="flex fullSize row alignItems_center"
58
58
  data-id="containerComponent"
59
59
  data-selector-id="container"
60
60
  data-test-id="containerComponent"
61
61
  >
62
62
  <div
63
- class="container flex cover rowdir"
63
+ class="flex fullSize row container"
64
64
  data-id="containerComponent"
65
65
  data-selector-id="container"
66
66
  data-test-id="containerComponent"
@@ -70,13 +70,13 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
70
70
  </div>
71
71
  </div>
72
72
  <div
73
- class="dragtag disable grow basis shrinkOff"
73
+ class="flexible basis_zero noShrink dragtag disable"
74
74
  data-id="boxComponent"
75
75
  data-selector-id="box"
76
76
  data-test-id="boxComponent"
77
77
  >
78
78
  <div
79
- class="audioRangeContainer flex cover coldir"
79
+ class="flex fullSize column audioRangeContainer"
80
80
  data-id="containerComponent"
81
81
  data-selector-id="container"
82
82
  data-test-id="containerComponent"
@@ -96,13 +96,13 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
96
96
  </div>
97
97
  </div>
98
98
  <div
99
- class="rightBox downloadBox shrinkOff"
99
+ class="noShrink rightBox downloadBox"
100
100
  data-id="boxComponent"
101
101
  data-selector-id="box"
102
102
  data-test-id="boxComponent"
103
103
  >
104
104
  <div
105
- class="disable flex cover coldir both"
105
+ class="flex fullSize column alignItems_center justifyContent_center disable"
106
106
  data-id="AudioRange_download"
107
107
  data-selector-id="container"
108
108
  data-test-id="AudioRange_download"
@@ -110,7 +110,7 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
110
110
  >
111
111
  <i
112
112
  aria-hidden="true"
113
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
113
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
114
114
  data-id="fontIcon"
115
115
  data-selector-id="fontIcon"
116
116
  data-test-id="fontIcon"
@@ -118,13 +118,13 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
118
118
  </div>
119
119
  </div>
120
120
  <div
121
- class="closeBox boxRightRadius shrinkOff"
121
+ class="noShrink closeBox boxRightRadius"
122
122
  data-id="boxComponent"
123
123
  data-selector-id="box"
124
124
  data-test-id="boxComponent"
125
125
  >
126
126
  <div
127
- class="disable flex cover coldir both"
127
+ class="flex fullSize column alignItems_center justifyContent_center disable"
128
128
  data-id="AudioRange_close"
129
129
  data-selector-id="container"
130
130
  data-test-id="AudioRange_close"
@@ -132,7 +132,7 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
132
132
  >
133
133
  <i
134
134
  aria-hidden="true"
135
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
135
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
136
136
  data-id="fontIcon"
137
137
  data-selector-id="fontIcon"
138
138
  data-test-id="fontIcon"
@@ -147,14 +147,14 @@ exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
147
147
  exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
148
148
  <DocumentFragment>
149
149
  <div
150
- class="flex coldir"
150
+ class="flex column"
151
151
  data-id="AudioRange"
152
152
  data-selector-id="container"
153
153
  data-test-id="AudioRange"
154
154
  tabindex="0"
155
155
  >
156
156
  <div
157
- class="container flex rowdir vCenter"
157
+ class="flex row alignItems_center container"
158
158
  data-id="containerComponent"
159
159
  data-selector-id="container"
160
160
  data-test-id="containerComponent"
@@ -170,13 +170,13 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
170
170
  />
171
171
  </audio>
172
172
  <div
173
- class="rightBox downloadBox boxLeftRadius shrinkOff"
173
+ class="noShrink rightBox downloadBox boxLeftRadius"
174
174
  data-id="boxComponent"
175
175
  data-selector-id="box"
176
176
  data-test-id="boxComponent"
177
177
  >
178
178
  <div
179
- class="disable flex cover coldir both"
179
+ class="flex fullSize column alignItems_center justifyContent_center disable"
180
180
  data-id="AudioRange_playpause"
181
181
  data-selector-id="container"
182
182
  data-test-id="AudioRange_playpause"
@@ -184,7 +184,7 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
184
184
  >
185
185
  <i
186
186
  aria-hidden="true"
187
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
187
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
188
188
  data-id="fontIcon"
189
189
  data-selector-id="fontIcon"
190
190
  data-test-id="fontIcon"
@@ -192,19 +192,19 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
192
192
  </div>
193
193
  </div>
194
194
  <div
195
- class="timerBox shrinkOff"
195
+ class="noShrink timerBox"
196
196
  data-id="boxComponent"
197
197
  data-selector-id="box"
198
198
  data-test-id="boxComponent"
199
199
  >
200
200
  <div
201
- class="flex cover rowdir vCenter"
201
+ class="flex fullSize row alignItems_center"
202
202
  data-id="containerComponent"
203
203
  data-selector-id="container"
204
204
  data-test-id="containerComponent"
205
205
  >
206
206
  <div
207
- class="container flex cover rowdir"
207
+ class="flex fullSize row container"
208
208
  data-id="containerComponent"
209
209
  data-selector-id="container"
210
210
  data-test-id="containerComponent"
@@ -214,13 +214,13 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
214
214
  </div>
215
215
  </div>
216
216
  <div
217
- class="dragtag disable grow basis shrinkOff"
217
+ class="flexible basis_zero noShrink dragtag disable"
218
218
  data-id="boxComponent"
219
219
  data-selector-id="box"
220
220
  data-test-id="boxComponent"
221
221
  >
222
222
  <div
223
- class="audioRangeContainer flex cover coldir"
223
+ class="flex fullSize column audioRangeContainer"
224
224
  data-id="containerComponent"
225
225
  data-selector-id="container"
226
226
  data-test-id="containerComponent"
@@ -240,13 +240,13 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
240
240
  </div>
241
241
  </div>
242
242
  <div
243
- class="rightBox downloadBox shrinkOff"
243
+ class="noShrink rightBox downloadBox"
244
244
  data-id="boxComponent"
245
245
  data-selector-id="box"
246
246
  data-test-id="boxComponent"
247
247
  >
248
248
  <div
249
- class="disable flex cover coldir both"
249
+ class="flex fullSize column alignItems_center justifyContent_center disable"
250
250
  data-id="AudioRange_download"
251
251
  data-selector-id="container"
252
252
  data-test-id="AudioRange_download"
@@ -254,7 +254,7 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
254
254
  >
255
255
  <i
256
256
  aria-hidden="true"
257
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
257
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
258
258
  data-id="fontIcon"
259
259
  data-selector-id="fontIcon"
260
260
  data-test-id="fontIcon"
@@ -262,13 +262,13 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
262
262
  </div>
263
263
  </div>
264
264
  <div
265
- class="closeBox boxRightRadius shrinkOff"
265
+ class="noShrink closeBox boxRightRadius"
266
266
  data-id="boxComponent"
267
267
  data-selector-id="box"
268
268
  data-test-id="boxComponent"
269
269
  >
270
270
  <div
271
- class="disable flex cover coldir both"
271
+ class="flex fullSize column alignItems_center justifyContent_center disable"
272
272
  data-id="AudioRange_close"
273
273
  data-selector-id="container"
274
274
  data-test-id="AudioRange_close"
@@ -276,7 +276,7 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
276
276
  >
277
277
  <i
278
278
  aria-hidden="true"
279
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
279
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
280
280
  data-id="fontIcon"
281
281
  data-selector-id="fontIcon"
282
282
  data-test-id="fontIcon"
@@ -291,14 +291,14 @@ exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
291
291
  exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
292
292
  <DocumentFragment>
293
293
  <div
294
- class="my-audio-player flex coldir"
294
+ class="flex column my-audio-player"
295
295
  data-id="AudioRange"
296
296
  data-selector-id="container"
297
297
  data-test-id="AudioRange"
298
298
  tabindex="0"
299
299
  >
300
300
  <div
301
- class="container flex rowdir vCenter"
301
+ class="flex row alignItems_center container"
302
302
  data-id="containerComponent"
303
303
  data-selector-id="container"
304
304
  data-test-id="containerComponent"
@@ -314,13 +314,13 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
314
314
  />
315
315
  </audio>
316
316
  <div
317
- class="rightBox downloadBox boxLeftRadius shrinkOff"
317
+ class="noShrink rightBox downloadBox boxLeftRadius"
318
318
  data-id="boxComponent"
319
319
  data-selector-id="box"
320
320
  data-test-id="boxComponent"
321
321
  >
322
322
  <div
323
- class="disable flex cover coldir both"
323
+ class="flex fullSize column alignItems_center justifyContent_center disable"
324
324
  data-id="AudioRange_playpause"
325
325
  data-selector-id="container"
326
326
  data-test-id="AudioRange_playpause"
@@ -328,7 +328,7 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
328
328
  >
329
329
  <i
330
330
  aria-hidden="true"
331
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
331
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
332
332
  data-id="fontIcon"
333
333
  data-selector-id="fontIcon"
334
334
  data-test-id="fontIcon"
@@ -336,19 +336,19 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
336
336
  </div>
337
337
  </div>
338
338
  <div
339
- class="timerBox shrinkOff"
339
+ class="noShrink timerBox"
340
340
  data-id="boxComponent"
341
341
  data-selector-id="box"
342
342
  data-test-id="boxComponent"
343
343
  >
344
344
  <div
345
- class="flex cover rowdir vCenter"
345
+ class="flex fullSize row alignItems_center"
346
346
  data-id="containerComponent"
347
347
  data-selector-id="container"
348
348
  data-test-id="containerComponent"
349
349
  >
350
350
  <div
351
- class="container flex cover rowdir"
351
+ class="flex fullSize row container"
352
352
  data-id="containerComponent"
353
353
  data-selector-id="container"
354
354
  data-test-id="containerComponent"
@@ -358,13 +358,13 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
358
358
  </div>
359
359
  </div>
360
360
  <div
361
- class="dragtag disable grow basis shrinkOff"
361
+ class="flexible basis_zero noShrink dragtag disable"
362
362
  data-id="boxComponent"
363
363
  data-selector-id="box"
364
364
  data-test-id="boxComponent"
365
365
  >
366
366
  <div
367
- class="audioRangeContainer flex cover coldir"
367
+ class="flex fullSize column audioRangeContainer"
368
368
  data-id="containerComponent"
369
369
  data-selector-id="container"
370
370
  data-test-id="containerComponent"
@@ -384,13 +384,13 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
384
384
  </div>
385
385
  </div>
386
386
  <div
387
- class="rightBox downloadBox shrinkOff"
387
+ class="noShrink rightBox downloadBox"
388
388
  data-id="boxComponent"
389
389
  data-selector-id="box"
390
390
  data-test-id="boxComponent"
391
391
  >
392
392
  <div
393
- class="disable flex cover coldir both"
393
+ class="flex fullSize column alignItems_center justifyContent_center disable"
394
394
  data-id="AudioRange_download"
395
395
  data-selector-id="container"
396
396
  data-test-id="AudioRange_download"
@@ -398,7 +398,7 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
398
398
  >
399
399
  <i
400
400
  aria-hidden="true"
401
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
401
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
402
402
  data-id="fontIcon"
403
403
  data-selector-id="fontIcon"
404
404
  data-test-id="fontIcon"
@@ -406,13 +406,13 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
406
406
  </div>
407
407
  </div>
408
408
  <div
409
- class="closeBox boxRightRadius shrinkOff"
409
+ class="noShrink closeBox boxRightRadius"
410
410
  data-id="boxComponent"
411
411
  data-selector-id="box"
412
412
  data-test-id="boxComponent"
413
413
  >
414
414
  <div
415
- class="disable flex cover coldir both"
415
+ class="flex fullSize column alignItems_center justifyContent_center disable"
416
416
  data-id="AudioRange_close"
417
417
  data-selector-id="container"
418
418
  data-test-id="AudioRange_close"
@@ -420,7 +420,7 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
420
420
  >
421
421
  <i
422
422
  aria-hidden="true"
423
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
423
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
424
424
  data-id="fontIcon"
425
425
  data-selector-id="fontIcon"
426
426
  data-test-id="fontIcon"
@@ -435,14 +435,14 @@ exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
435
435
  exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
436
436
  <DocumentFragment>
437
437
  <div
438
- class="flex coldir"
438
+ class="flex column"
439
439
  data-id="AudioRange"
440
440
  data-selector-id="container"
441
441
  data-test-id="AudioRange"
442
442
  tabindex="0"
443
443
  >
444
444
  <div
445
- class="container flex rowdir vCenter"
445
+ class="flex row alignItems_center container"
446
446
  data-id="containerComponent"
447
447
  data-selector-id="container"
448
448
  data-test-id="containerComponent"
@@ -458,13 +458,13 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
458
458
  />
459
459
  </audio>
460
460
  <div
461
- class="rightBox downloadBox boxLeftRadius shrinkOff"
461
+ class="noShrink rightBox downloadBox boxLeftRadius"
462
462
  data-id="boxComponent"
463
463
  data-selector-id="box"
464
464
  data-test-id="boxComponent"
465
465
  >
466
466
  <div
467
- class="disable flex cover coldir both"
467
+ class="flex fullSize column alignItems_center justifyContent_center disable"
468
468
  data-id="AudioRange_playpause"
469
469
  data-selector-id="container"
470
470
  data-test-id="AudioRange_playpause"
@@ -472,7 +472,7 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
472
472
  >
473
473
  <i
474
474
  aria-hidden="true"
475
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
475
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
476
476
  data-id="fontIcon"
477
477
  data-selector-id="fontIcon"
478
478
  data-test-id="fontIcon"
@@ -480,19 +480,19 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
480
480
  </div>
481
481
  </div>
482
482
  <div
483
- class="timerBox shrinkOff"
483
+ class="noShrink timerBox"
484
484
  data-id="boxComponent"
485
485
  data-selector-id="box"
486
486
  data-test-id="boxComponent"
487
487
  >
488
488
  <div
489
- class="flex cover rowdir vCenter"
489
+ class="flex fullSize row alignItems_center"
490
490
  data-id="containerComponent"
491
491
  data-selector-id="container"
492
492
  data-test-id="containerComponent"
493
493
  >
494
494
  <div
495
- class="container flex cover rowdir"
495
+ class="flex fullSize row container"
496
496
  data-id="containerComponent"
497
497
  data-selector-id="container"
498
498
  data-test-id="containerComponent"
@@ -502,13 +502,13 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
502
502
  </div>
503
503
  </div>
504
504
  <div
505
- class="dragtag disable grow basis shrinkOff"
505
+ class="flexible basis_zero noShrink dragtag disable"
506
506
  data-id="boxComponent"
507
507
  data-selector-id="box"
508
508
  data-test-id="boxComponent"
509
509
  >
510
510
  <div
511
- class="audioRangeContainer flex cover coldir"
511
+ class="flex fullSize column audioRangeContainer"
512
512
  data-id="containerComponent"
513
513
  data-selector-id="container"
514
514
  data-test-id="containerComponent"
@@ -528,13 +528,13 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
528
528
  </div>
529
529
  </div>
530
530
  <div
531
- class="rightBox downloadBox shrinkOff"
531
+ class="noShrink rightBox downloadBox"
532
532
  data-id="boxComponent"
533
533
  data-selector-id="box"
534
534
  data-test-id="boxComponent"
535
535
  >
536
536
  <div
537
- class="disable flex cover coldir both"
537
+ class="flex fullSize column alignItems_center justifyContent_center disable"
538
538
  data-id="AudioRange_download"
539
539
  data-selector-id="container"
540
540
  data-test-id="AudioRange_download"
@@ -542,7 +542,7 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
542
542
  >
543
543
  <i
544
544
  aria-hidden="true"
545
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
545
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
546
546
  data-id="fontIcon"
547
547
  data-selector-id="fontIcon"
548
548
  data-test-id="fontIcon"
@@ -550,13 +550,13 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
550
550
  </div>
551
551
  </div>
552
552
  <div
553
- class="closeBox boxRightRadius shrinkOff"
553
+ class="noShrink closeBox boxRightRadius"
554
554
  data-id="boxComponent"
555
555
  data-selector-id="box"
556
556
  data-test-id="boxComponent"
557
557
  >
558
558
  <div
559
- class="disable flex cover coldir both"
559
+ class="flex fullSize column alignItems_center justifyContent_center disable"
560
560
  data-id="AudioRange_close"
561
561
  data-selector-id="container"
562
562
  data-test-id="AudioRange_close"
@@ -564,7 +564,7 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
564
564
  >
565
565
  <i
566
566
  aria-hidden="true"
567
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
567
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
568
568
  data-id="fontIcon"
569
569
  data-selector-id="fontIcon"
570
570
  data-test-id="fontIcon"
@@ -579,14 +579,14 @@ exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
579
579
  exports[`AudioPlayer - Snapshot Render with default props 1`] = `
580
580
  <DocumentFragment>
581
581
  <div
582
- class="flex coldir"
582
+ class="flex column"
583
583
  data-id="AudioRange"
584
584
  data-selector-id="container"
585
585
  data-test-id="AudioRange"
586
586
  tabindex="0"
587
587
  >
588
588
  <div
589
- class="container flex rowdir vCenter"
589
+ class="flex row alignItems_center container"
590
590
  data-id="containerComponent"
591
591
  data-selector-id="container"
592
592
  data-test-id="containerComponent"
@@ -602,13 +602,13 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
602
602
  />
603
603
  </audio>
604
604
  <div
605
- class="rightBox downloadBox boxLeftRadius shrinkOff"
605
+ class="noShrink rightBox downloadBox boxLeftRadius"
606
606
  data-id="boxComponent"
607
607
  data-selector-id="box"
608
608
  data-test-id="boxComponent"
609
609
  >
610
610
  <div
611
- class="disable flex cover coldir both"
611
+ class="flex fullSize column alignItems_center justifyContent_center disable"
612
612
  data-id="AudioRange_playpause"
613
613
  data-selector-id="container"
614
614
  data-test-id="AudioRange_playpause"
@@ -616,7 +616,7 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
616
616
  >
617
617
  <i
618
618
  aria-hidden="true"
619
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
619
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
620
620
  data-id="fontIcon"
621
621
  data-selector-id="fontIcon"
622
622
  data-test-id="fontIcon"
@@ -624,19 +624,19 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
624
624
  </div>
625
625
  </div>
626
626
  <div
627
- class="timerBox shrinkOff"
627
+ class="noShrink timerBox"
628
628
  data-id="boxComponent"
629
629
  data-selector-id="box"
630
630
  data-test-id="boxComponent"
631
631
  >
632
632
  <div
633
- class="flex cover rowdir vCenter"
633
+ class="flex fullSize row alignItems_center"
634
634
  data-id="containerComponent"
635
635
  data-selector-id="container"
636
636
  data-test-id="containerComponent"
637
637
  >
638
638
  <div
639
- class="container flex cover rowdir"
639
+ class="flex fullSize row container"
640
640
  data-id="containerComponent"
641
641
  data-selector-id="container"
642
642
  data-test-id="containerComponent"
@@ -646,13 +646,13 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
646
646
  </div>
647
647
  </div>
648
648
  <div
649
- class="dragtag disable grow basis shrinkOff"
649
+ class="flexible basis_zero noShrink dragtag disable"
650
650
  data-id="boxComponent"
651
651
  data-selector-id="box"
652
652
  data-test-id="boxComponent"
653
653
  >
654
654
  <div
655
- class="audioRangeContainer flex cover coldir"
655
+ class="flex fullSize column audioRangeContainer"
656
656
  data-id="containerComponent"
657
657
  data-selector-id="container"
658
658
  data-test-id="containerComponent"
@@ -672,13 +672,13 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
672
672
  </div>
673
673
  </div>
674
674
  <div
675
- class="rightBox downloadBox shrinkOff"
675
+ class="noShrink rightBox downloadBox"
676
676
  data-id="boxComponent"
677
677
  data-selector-id="box"
678
678
  data-test-id="boxComponent"
679
679
  >
680
680
  <div
681
- class="disable flex cover coldir both"
681
+ class="flex fullSize column alignItems_center justifyContent_center disable"
682
682
  data-id="AudioRange_download"
683
683
  data-selector-id="container"
684
684
  data-test-id="AudioRange_download"
@@ -686,7 +686,7 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
686
686
  >
687
687
  <i
688
688
  aria-hidden="true"
689
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
689
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
690
690
  data-id="fontIcon"
691
691
  data-selector-id="fontIcon"
692
692
  data-test-id="fontIcon"
@@ -694,13 +694,13 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
694
694
  </div>
695
695
  </div>
696
696
  <div
697
- class="closeBox boxRightRadius shrinkOff"
697
+ class="noShrink closeBox boxRightRadius"
698
698
  data-id="boxComponent"
699
699
  data-selector-id="box"
700
700
  data-test-id="boxComponent"
701
701
  >
702
702
  <div
703
- class="disable flex cover coldir both"
703
+ class="flex fullSize column alignItems_center justifyContent_center disable"
704
704
  data-id="AudioRange_close"
705
705
  data-selector-id="container"
706
706
  data-test-id="AudioRange_close"
@@ -708,7 +708,7 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
708
708
  >
709
709
  <i
710
710
  aria-hidden="true"
711
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
711
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
712
712
  data-id="fontIcon"
713
713
  data-selector-id="fontIcon"
714
714
  data-test-id="fontIcon"
@@ -723,14 +723,14 @@ exports[`AudioPlayer - Snapshot Render with default props 1`] = `
723
723
  exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
724
724
  <DocumentFragment>
725
725
  <div
726
- class="flex coldir"
726
+ class="flex column"
727
727
  data-id="AudioRange"
728
728
  data-selector-id="container"
729
729
  data-test-id="AudioRange"
730
730
  tabindex="0"
731
731
  >
732
732
  <div
733
- class="container flex rowdir vCenter"
733
+ class="flex row alignItems_center container"
734
734
  data-id="containerComponent"
735
735
  data-selector-id="container"
736
736
  data-test-id="containerComponent"
@@ -746,13 +746,13 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
746
746
  />
747
747
  </audio>
748
748
  <div
749
- class="rightBox downloadBox boxLeftRadius shrinkOff"
749
+ class="noShrink rightBox downloadBox boxLeftRadius"
750
750
  data-id="boxComponent"
751
751
  data-selector-id="box"
752
752
  data-test-id="boxComponent"
753
753
  >
754
754
  <div
755
- class="disable flex cover coldir both"
755
+ class="flex fullSize column alignItems_center justifyContent_center disable"
756
756
  data-id="AudioRange_playpause"
757
757
  data-selector-id="container"
758
758
  data-test-id="AudioRange_playpause"
@@ -760,7 +760,7 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
760
760
  >
761
761
  <i
762
762
  aria-hidden="true"
763
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
763
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
764
764
  data-id="fontIcon"
765
765
  data-selector-id="fontIcon"
766
766
  data-test-id="fontIcon"
@@ -768,19 +768,19 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
768
768
  </div>
769
769
  </div>
770
770
  <div
771
- class="timerBox shrinkOff"
771
+ class="noShrink timerBox"
772
772
  data-id="boxComponent"
773
773
  data-selector-id="box"
774
774
  data-test-id="boxComponent"
775
775
  >
776
776
  <div
777
- class="flex cover rowdir vCenter"
777
+ class="flex fullSize row alignItems_center"
778
778
  data-id="containerComponent"
779
779
  data-selector-id="container"
780
780
  data-test-id="containerComponent"
781
781
  >
782
782
  <div
783
- class="container flex cover rowdir"
783
+ class="flex fullSize row container"
784
784
  data-id="containerComponent"
785
785
  data-selector-id="container"
786
786
  data-test-id="containerComponent"
@@ -790,13 +790,13 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
790
790
  </div>
791
791
  </div>
792
792
  <div
793
- class="dragtag disable grow basis shrinkOff"
793
+ class="flexible basis_zero noShrink dragtag disable"
794
794
  data-id="boxComponent"
795
795
  data-selector-id="box"
796
796
  data-test-id="boxComponent"
797
797
  >
798
798
  <div
799
- class="audioRangeContainer flex cover coldir"
799
+ class="flex fullSize column audioRangeContainer"
800
800
  data-id="containerComponent"
801
801
  data-selector-id="container"
802
802
  data-test-id="containerComponent"
@@ -816,13 +816,13 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
816
816
  </div>
817
817
  </div>
818
818
  <div
819
- class="rightBox downloadBox shrinkOff"
819
+ class="noShrink rightBox downloadBox"
820
820
  data-id="boxComponent"
821
821
  data-selector-id="box"
822
822
  data-test-id="boxComponent"
823
823
  >
824
824
  <div
825
- class="disable flex cover coldir both"
825
+ class="flex fullSize column alignItems_center justifyContent_center disable"
826
826
  data-id="AudioRange_download"
827
827
  data-selector-id="container"
828
828
  data-test-id="AudioRange_download"
@@ -830,7 +830,7 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
830
830
  >
831
831
  <i
832
832
  aria-hidden="true"
833
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
833
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
834
834
  data-id="fontIcon"
835
835
  data-selector-id="fontIcon"
836
836
  data-test-id="fontIcon"
@@ -838,13 +838,13 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
838
838
  </div>
839
839
  </div>
840
840
  <div
841
- class="closeBox boxRightRadius shrinkOff"
841
+ class="noShrink closeBox boxRightRadius"
842
842
  data-id="boxComponent"
843
843
  data-selector-id="box"
844
844
  data-test-id="boxComponent"
845
845
  >
846
846
  <div
847
- class="disable flex cover coldir both"
847
+ class="flex fullSize column alignItems_center justifyContent_center disable"
848
848
  data-id="AudioRange_close"
849
849
  data-selector-id="container"
850
850
  data-test-id="AudioRange_close"
@@ -852,7 +852,7 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
852
852
  >
853
853
  <i
854
854
  aria-hidden="true"
855
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
855
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
856
856
  data-id="fontIcon"
857
857
  data-selector-id="fontIcon"
858
858
  data-test-id="fontIcon"
@@ -867,14 +867,14 @@ exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
867
867
  exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
868
868
  <DocumentFragment>
869
869
  <div
870
- class="flex coldir"
870
+ class="flex column"
871
871
  data-id="AudioRange"
872
872
  data-selector-id="container"
873
873
  data-test-id="AudioRange"
874
874
  tabindex="0"
875
875
  >
876
876
  <div
877
- class="container flex rowdir vCenter"
877
+ class="flex row alignItems_center container"
878
878
  data-id="containerComponent"
879
879
  data-selector-id="container"
880
880
  data-test-id="containerComponent"
@@ -890,13 +890,13 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
890
890
  />
891
891
  </audio>
892
892
  <div
893
- class="rightBox downloadBox boxLeftRadius shrinkOff"
893
+ class="noShrink rightBox downloadBox boxLeftRadius"
894
894
  data-id="boxComponent"
895
895
  data-selector-id="box"
896
896
  data-test-id="boxComponent"
897
897
  >
898
898
  <div
899
- class="disable flex cover coldir both"
899
+ class="flex fullSize column alignItems_center justifyContent_center disable"
900
900
  data-id="AudioRange_playpause"
901
901
  data-selector-id="container"
902
902
  data-test-id="AudioRange_playpause"
@@ -904,7 +904,7 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
904
904
  >
905
905
  <i
906
906
  aria-hidden="true"
907
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
907
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
908
908
  data-id="fontIcon"
909
909
  data-selector-id="fontIcon"
910
910
  data-test-id="fontIcon"
@@ -912,19 +912,19 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
912
912
  </div>
913
913
  </div>
914
914
  <div
915
- class="timerBox shrinkOff"
915
+ class="noShrink timerBox"
916
916
  data-id="boxComponent"
917
917
  data-selector-id="box"
918
918
  data-test-id="boxComponent"
919
919
  >
920
920
  <div
921
- class="flex cover rowdir vCenter"
921
+ class="flex fullSize row alignItems_center"
922
922
  data-id="containerComponent"
923
923
  data-selector-id="container"
924
924
  data-test-id="containerComponent"
925
925
  >
926
926
  <div
927
- class="container flex cover rowdir"
927
+ class="flex fullSize row container"
928
928
  data-id="containerComponent"
929
929
  data-selector-id="container"
930
930
  data-test-id="containerComponent"
@@ -934,13 +934,13 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
934
934
  </div>
935
935
  </div>
936
936
  <div
937
- class="dragtag disable grow basis shrinkOff"
937
+ class="flexible basis_zero noShrink dragtag disable"
938
938
  data-id="boxComponent"
939
939
  data-selector-id="box"
940
940
  data-test-id="boxComponent"
941
941
  >
942
942
  <div
943
- class="audioRangeContainer flex cover coldir"
943
+ class="flex fullSize column audioRangeContainer"
944
944
  data-id="containerComponent"
945
945
  data-selector-id="container"
946
946
  data-test-id="containerComponent"
@@ -960,13 +960,13 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
960
960
  </div>
961
961
  </div>
962
962
  <div
963
- class="rightBox downloadBox shrinkOff"
963
+ class="noShrink rightBox downloadBox"
964
964
  data-id="boxComponent"
965
965
  data-selector-id="box"
966
966
  data-test-id="boxComponent"
967
967
  >
968
968
  <div
969
- class="disable flex cover coldir both"
969
+ class="flex fullSize column alignItems_center justifyContent_center disable"
970
970
  data-id="AudioRange_download"
971
971
  data-selector-id="container"
972
972
  data-test-id="AudioRange_download"
@@ -974,7 +974,7 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
974
974
  >
975
975
  <i
976
976
  aria-hidden="true"
977
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
977
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
978
978
  data-id="fontIcon"
979
979
  data-selector-id="fontIcon"
980
980
  data-test-id="fontIcon"
@@ -982,13 +982,13 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
982
982
  </div>
983
983
  </div>
984
984
  <div
985
- class="closeBox boxRightRadius shrinkOff"
985
+ class="noShrink closeBox boxRightRadius"
986
986
  data-id="boxComponent"
987
987
  data-selector-id="box"
988
988
  data-test-id="boxComponent"
989
989
  >
990
990
  <div
991
- class="disable flex cover coldir both"
991
+ class="flex fullSize column alignItems_center justifyContent_center disable"
992
992
  data-id="AudioRange_close"
993
993
  data-selector-id="container"
994
994
  data-test-id="AudioRange_close"
@@ -996,7 +996,7 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
996
996
  >
997
997
  <i
998
998
  aria-hidden="true"
999
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
999
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1000
1000
  data-id="fontIcon"
1001
1001
  data-selector-id="fontIcon"
1002
1002
  data-test-id="fontIcon"
@@ -1011,14 +1011,14 @@ exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
1011
1011
  exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1012
1012
  <DocumentFragment>
1013
1013
  <div
1014
- class="flex coldir"
1014
+ class="flex column"
1015
1015
  data-id="AudioRange"
1016
1016
  data-selector-id="container"
1017
1017
  data-test-id="AudioRange"
1018
1018
  tabindex="0"
1019
1019
  >
1020
1020
  <div
1021
- class="container flex rowdir vCenter"
1021
+ class="flex row alignItems_center container"
1022
1022
  data-id="containerComponent"
1023
1023
  data-selector-id="container"
1024
1024
  data-test-id="containerComponent"
@@ -1034,13 +1034,13 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1034
1034
  />
1035
1035
  </audio>
1036
1036
  <div
1037
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1037
+ class="noShrink rightBox downloadBox boxLeftRadius"
1038
1038
  data-id="boxComponent"
1039
1039
  data-selector-id="box"
1040
1040
  data-test-id="boxComponent"
1041
1041
  >
1042
1042
  <div
1043
- class="disable flex cover coldir both"
1043
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1044
1044
  data-id="AudioRange_playpause"
1045
1045
  data-selector-id="container"
1046
1046
  data-test-id="AudioRange_playpause"
@@ -1048,7 +1048,7 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1048
1048
  >
1049
1049
  <i
1050
1050
  aria-hidden="true"
1051
- class="zd_font_icons basic icon-comment-timer-pause downloadIcon iconColor "
1051
+ class="zd_font_icons basic icon-comment-timer-pause downloadIcon iconColor"
1052
1052
  data-id="fontIcon"
1053
1053
  data-selector-id="fontIcon"
1054
1054
  data-test-id="fontIcon"
@@ -1056,19 +1056,19 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1056
1056
  </div>
1057
1057
  </div>
1058
1058
  <div
1059
- class="timerBox shrinkOff"
1059
+ class="noShrink timerBox"
1060
1060
  data-id="boxComponent"
1061
1061
  data-selector-id="box"
1062
1062
  data-test-id="boxComponent"
1063
1063
  >
1064
1064
  <div
1065
- class="flex cover rowdir vCenter"
1065
+ class="flex fullSize row alignItems_center"
1066
1066
  data-id="containerComponent"
1067
1067
  data-selector-id="container"
1068
1068
  data-test-id="containerComponent"
1069
1069
  >
1070
1070
  <div
1071
- class="container flex cover rowdir"
1071
+ class="flex fullSize row container"
1072
1072
  data-id="containerComponent"
1073
1073
  data-selector-id="container"
1074
1074
  data-test-id="containerComponent"
@@ -1078,13 +1078,13 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1078
1078
  </div>
1079
1079
  </div>
1080
1080
  <div
1081
- class="dragtag disable grow basis shrinkOff"
1081
+ class="flexible basis_zero noShrink dragtag disable"
1082
1082
  data-id="boxComponent"
1083
1083
  data-selector-id="box"
1084
1084
  data-test-id="boxComponent"
1085
1085
  >
1086
1086
  <div
1087
- class="audioRangeContainer flex cover coldir"
1087
+ class="flex fullSize column audioRangeContainer"
1088
1088
  data-id="containerComponent"
1089
1089
  data-selector-id="container"
1090
1090
  data-test-id="containerComponent"
@@ -1104,13 +1104,13 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1104
1104
  </div>
1105
1105
  </div>
1106
1106
  <div
1107
- class="rightBox downloadBox shrinkOff"
1107
+ class="noShrink rightBox downloadBox"
1108
1108
  data-id="boxComponent"
1109
1109
  data-selector-id="box"
1110
1110
  data-test-id="boxComponent"
1111
1111
  >
1112
1112
  <div
1113
- class="disable flex cover coldir both"
1113
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1114
1114
  data-id="AudioRange_download"
1115
1115
  data-selector-id="container"
1116
1116
  data-test-id="AudioRange_download"
@@ -1118,7 +1118,7 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1118
1118
  >
1119
1119
  <i
1120
1120
  aria-hidden="true"
1121
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
1121
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
1122
1122
  data-id="fontIcon"
1123
1123
  data-selector-id="fontIcon"
1124
1124
  data-test-id="fontIcon"
@@ -1126,13 +1126,13 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1126
1126
  </div>
1127
1127
  </div>
1128
1128
  <div
1129
- class="closeBox boxRightRadius shrinkOff"
1129
+ class="noShrink closeBox boxRightRadius"
1130
1130
  data-id="boxComponent"
1131
1131
  data-selector-id="box"
1132
1132
  data-test-id="boxComponent"
1133
1133
  >
1134
1134
  <div
1135
- class="disable flex cover coldir both"
1135
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1136
1136
  data-id="AudioRange_close"
1137
1137
  data-selector-id="container"
1138
1138
  data-test-id="AudioRange_close"
@@ -1140,7 +1140,7 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1140
1140
  >
1141
1141
  <i
1142
1142
  aria-hidden="true"
1143
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
1143
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1144
1144
  data-id="fontIcon"
1145
1145
  data-selector-id="fontIcon"
1146
1146
  data-test-id="fontIcon"
@@ -1155,14 +1155,14 @@ exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
1155
1155
  exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1156
1156
  <DocumentFragment>
1157
1157
  <div
1158
- class="flex coldir"
1158
+ class="flex column"
1159
1159
  data-id="AudioRange"
1160
1160
  data-selector-id="container"
1161
1161
  data-test-id="AudioRange"
1162
1162
  tabindex="0"
1163
1163
  >
1164
1164
  <div
1165
- class="container flex rowdir vCenter"
1165
+ class="flex row alignItems_center container"
1166
1166
  data-id="containerComponent"
1167
1167
  data-selector-id="container"
1168
1168
  data-test-id="containerComponent"
@@ -1178,13 +1178,13 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1178
1178
  />
1179
1179
  </audio>
1180
1180
  <div
1181
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1181
+ class="noShrink rightBox downloadBox boxLeftRadius"
1182
1182
  data-id="boxComponent"
1183
1183
  data-selector-id="box"
1184
1184
  data-test-id="boxComponent"
1185
1185
  >
1186
1186
  <div
1187
- class="disable flex cover coldir both"
1187
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1188
1188
  data-id="AudioRange_playpause"
1189
1189
  data-selector-id="container"
1190
1190
  data-test-id="AudioRange_playpause"
@@ -1192,7 +1192,7 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1192
1192
  >
1193
1193
  <i
1194
1194
  aria-hidden="true"
1195
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
1195
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
1196
1196
  data-id="fontIcon"
1197
1197
  data-selector-id="fontIcon"
1198
1198
  data-test-id="fontIcon"
@@ -1200,19 +1200,19 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1200
1200
  </div>
1201
1201
  </div>
1202
1202
  <div
1203
- class="timerBox shrinkOff"
1203
+ class="noShrink timerBox"
1204
1204
  data-id="boxComponent"
1205
1205
  data-selector-id="box"
1206
1206
  data-test-id="boxComponent"
1207
1207
  >
1208
1208
  <div
1209
- class="flex cover rowdir vCenter"
1209
+ class="flex fullSize row alignItems_center"
1210
1210
  data-id="containerComponent"
1211
1211
  data-selector-id="container"
1212
1212
  data-test-id="containerComponent"
1213
1213
  >
1214
1214
  <div
1215
- class="container flex cover rowdir"
1215
+ class="flex fullSize row container"
1216
1216
  data-id="containerComponent"
1217
1217
  data-selector-id="container"
1218
1218
  data-test-id="containerComponent"
@@ -1222,13 +1222,13 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1222
1222
  </div>
1223
1223
  </div>
1224
1224
  <div
1225
- class="dragtag disable grow basis shrinkOff"
1225
+ class="flexible basis_zero noShrink dragtag disable"
1226
1226
  data-id="boxComponent"
1227
1227
  data-selector-id="box"
1228
1228
  data-test-id="boxComponent"
1229
1229
  >
1230
1230
  <div
1231
- class="audioRangeContainer flex cover coldir"
1231
+ class="flex fullSize column audioRangeContainer"
1232
1232
  data-id="containerComponent"
1233
1233
  data-selector-id="container"
1234
1234
  data-test-id="containerComponent"
@@ -1248,13 +1248,13 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1248
1248
  </div>
1249
1249
  </div>
1250
1250
  <div
1251
- class="rightBox downloadBox boxRightRadius shrinkOff"
1251
+ class="noShrink rightBox downloadBox boxRightRadius"
1252
1252
  data-id="boxComponent"
1253
1253
  data-selector-id="box"
1254
1254
  data-test-id="boxComponent"
1255
1255
  >
1256
1256
  <div
1257
- class="disable flex cover coldir both"
1257
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1258
1258
  data-id="AudioRange_download"
1259
1259
  data-selector-id="container"
1260
1260
  data-test-id="AudioRange_download"
@@ -1262,7 +1262,7 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1262
1262
  >
1263
1263
  <i
1264
1264
  aria-hidden="true"
1265
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
1265
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
1266
1266
  data-id="fontIcon"
1267
1267
  data-selector-id="fontIcon"
1268
1268
  data-test-id="fontIcon"
@@ -1277,14 +1277,14 @@ exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
1277
1277
  exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1278
1278
  <DocumentFragment>
1279
1279
  <div
1280
- class="flex coldir"
1280
+ class="flex column"
1281
1281
  data-id="AudioRange"
1282
1282
  data-selector-id="container"
1283
1283
  data-test-id="AudioRange"
1284
1284
  tabindex="0"
1285
1285
  >
1286
1286
  <div
1287
- class="container flex rowdir vCenter"
1287
+ class="flex row alignItems_center container"
1288
1288
  data-id="containerComponent"
1289
1289
  data-selector-id="container"
1290
1290
  data-test-id="containerComponent"
@@ -1300,13 +1300,13 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1300
1300
  />
1301
1301
  </audio>
1302
1302
  <div
1303
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1303
+ class="noShrink rightBox downloadBox boxLeftRadius"
1304
1304
  data-id="boxComponent"
1305
1305
  data-selector-id="box"
1306
1306
  data-test-id="boxComponent"
1307
1307
  >
1308
1308
  <div
1309
- class="disable flex cover coldir both"
1309
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1310
1310
  data-id="AudioRange_playpause"
1311
1311
  data-selector-id="container"
1312
1312
  data-test-id="AudioRange_playpause"
@@ -1314,7 +1314,7 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1314
1314
  >
1315
1315
  <i
1316
1316
  aria-hidden="true"
1317
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
1317
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
1318
1318
  data-id="fontIcon"
1319
1319
  data-selector-id="fontIcon"
1320
1320
  data-test-id="fontIcon"
@@ -1322,19 +1322,19 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1322
1322
  </div>
1323
1323
  </div>
1324
1324
  <div
1325
- class="timerBox shrinkOff"
1325
+ class="noShrink timerBox"
1326
1326
  data-id="boxComponent"
1327
1327
  data-selector-id="box"
1328
1328
  data-test-id="boxComponent"
1329
1329
  >
1330
1330
  <div
1331
- class="flex cover rowdir vCenter"
1331
+ class="flex fullSize row alignItems_center"
1332
1332
  data-id="containerComponent"
1333
1333
  data-selector-id="container"
1334
1334
  data-test-id="containerComponent"
1335
1335
  >
1336
1336
  <div
1337
- class="container flex cover rowdir"
1337
+ class="flex fullSize row container"
1338
1338
  data-id="containerComponent"
1339
1339
  data-selector-id="container"
1340
1340
  data-test-id="containerComponent"
@@ -1344,13 +1344,13 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1344
1344
  </div>
1345
1345
  </div>
1346
1346
  <div
1347
- class="dragtag disable grow basis shrinkOff"
1347
+ class="flexible basis_zero noShrink dragtag disable"
1348
1348
  data-id="boxComponent"
1349
1349
  data-selector-id="box"
1350
1350
  data-test-id="boxComponent"
1351
1351
  >
1352
1352
  <div
1353
- class="audioRangeContainer flex cover coldir"
1353
+ class="flex fullSize column audioRangeContainer"
1354
1354
  data-id="containerComponent"
1355
1355
  data-selector-id="container"
1356
1356
  data-test-id="containerComponent"
@@ -1370,13 +1370,13 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1370
1370
  </div>
1371
1371
  </div>
1372
1372
  <div
1373
- class="closeBox boxRightRadius shrinkOff"
1373
+ class="noShrink closeBox boxRightRadius"
1374
1374
  data-id="boxComponent"
1375
1375
  data-selector-id="box"
1376
1376
  data-test-id="boxComponent"
1377
1377
  >
1378
1378
  <div
1379
- class="disable flex cover coldir both"
1379
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1380
1380
  data-id="AudioRange_close"
1381
1381
  data-selector-id="container"
1382
1382
  data-test-id="AudioRange_close"
@@ -1384,7 +1384,7 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1384
1384
  >
1385
1385
  <i
1386
1386
  aria-hidden="true"
1387
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
1387
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1388
1388
  data-id="fontIcon"
1389
1389
  data-selector-id="fontIcon"
1390
1390
  data-test-id="fontIcon"
@@ -1399,14 +1399,14 @@ exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
1399
1399
  exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1400
1400
  <DocumentFragment>
1401
1401
  <div
1402
- class="flex coldir"
1402
+ class="flex column"
1403
1403
  data-id="AudioRange"
1404
1404
  data-selector-id="container"
1405
1405
  data-test-id="AudioRange"
1406
1406
  tabindex="0"
1407
1407
  >
1408
1408
  <div
1409
- class="container flex rowdir vCenter"
1409
+ class="flex row alignItems_center container"
1410
1410
  data-id="containerComponent"
1411
1411
  data-selector-id="container"
1412
1412
  data-test-id="containerComponent"
@@ -1422,13 +1422,13 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1422
1422
  />
1423
1423
  </audio>
1424
1424
  <div
1425
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1425
+ class="noShrink rightBox downloadBox boxLeftRadius"
1426
1426
  data-id="boxComponent"
1427
1427
  data-selector-id="box"
1428
1428
  data-test-id="boxComponent"
1429
1429
  >
1430
1430
  <div
1431
- class="disable flex cover coldir both"
1431
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1432
1432
  data-id="AudioRange_playpause"
1433
1433
  data-selector-id="container"
1434
1434
  data-test-id="AudioRange_playpause"
@@ -1436,7 +1436,7 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1436
1436
  >
1437
1437
  <i
1438
1438
  aria-hidden="true"
1439
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
1439
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
1440
1440
  data-id="fontIcon"
1441
1441
  data-selector-id="fontIcon"
1442
1442
  data-test-id="fontIcon"
@@ -1444,19 +1444,19 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1444
1444
  </div>
1445
1445
  </div>
1446
1446
  <div
1447
- class="timerBox shrinkOff"
1447
+ class="noShrink timerBox"
1448
1448
  data-id="boxComponent"
1449
1449
  data-selector-id="box"
1450
1450
  data-test-id="boxComponent"
1451
1451
  >
1452
1452
  <div
1453
- class="flex cover rowdir vCenter"
1453
+ class="flex fullSize row alignItems_center"
1454
1454
  data-id="containerComponent"
1455
1455
  data-selector-id="container"
1456
1456
  data-test-id="containerComponent"
1457
1457
  >
1458
1458
  <div
1459
- class="container flex cover rowdir"
1459
+ class="flex fullSize row container"
1460
1460
  data-id="containerComponent"
1461
1461
  data-selector-id="container"
1462
1462
  data-test-id="containerComponent"
@@ -1466,13 +1466,13 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1466
1466
  </div>
1467
1467
  </div>
1468
1468
  <div
1469
- class="dragtag disable grow basis shrinkOff"
1469
+ class="flexible basis_zero noShrink dragtag disable"
1470
1470
  data-id="boxComponent"
1471
1471
  data-selector-id="box"
1472
1472
  data-test-id="boxComponent"
1473
1473
  >
1474
1474
  <div
1475
- class="audioRangeContainer flex cover coldir"
1475
+ class="flex fullSize column audioRangeContainer"
1476
1476
  data-id="containerComponent"
1477
1477
  data-selector-id="container"
1478
1478
  data-test-id="containerComponent"
@@ -1492,13 +1492,13 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1492
1492
  </div>
1493
1493
  </div>
1494
1494
  <div
1495
- class="rightBox downloadBox shrinkOff"
1495
+ class="noShrink rightBox downloadBox"
1496
1496
  data-id="boxComponent"
1497
1497
  data-selector-id="box"
1498
1498
  data-test-id="boxComponent"
1499
1499
  >
1500
1500
  <div
1501
- class="disable flex cover coldir both"
1501
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1502
1502
  data-id="AudioRange_download"
1503
1503
  data-selector-id="container"
1504
1504
  data-test-id="AudioRange_download"
@@ -1506,7 +1506,7 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1506
1506
  >
1507
1507
  <i
1508
1508
  aria-hidden="true"
1509
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
1509
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
1510
1510
  data-id="fontIcon"
1511
1511
  data-selector-id="fontIcon"
1512
1512
  data-test-id="fontIcon"
@@ -1514,13 +1514,13 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1514
1514
  </div>
1515
1515
  </div>
1516
1516
  <div
1517
- class="rightBox downloadBox shrinkOff"
1517
+ class="noShrink rightBox downloadBox"
1518
1518
  data-id="boxComponent"
1519
1519
  data-selector-id="box"
1520
1520
  data-test-id="boxComponent"
1521
1521
  >
1522
1522
  <div
1523
- class="disable flex cover coldir both"
1523
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1524
1524
  data-id="AudioRange_muteUnmute"
1525
1525
  data-selector-id="container"
1526
1526
  data-test-id="AudioRange_muteUnmute"
@@ -1528,7 +1528,7 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1528
1528
  >
1529
1529
  <i
1530
1530
  aria-hidden="true"
1531
- class="zd_font_icons basic icon-kb-catlogo-volume downloadIcon iconColor "
1531
+ class="zd_font_icons basic icon-kb-catlogo-volume downloadIcon iconColor"
1532
1532
  data-id="fontIcon"
1533
1533
  data-selector-id="fontIcon"
1534
1534
  data-test-id="fontIcon"
@@ -1536,13 +1536,13 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1536
1536
  </div>
1537
1537
  </div>
1538
1538
  <div
1539
- class="closeBox boxRightRadius shrinkOff"
1539
+ class="noShrink closeBox boxRightRadius"
1540
1540
  data-id="boxComponent"
1541
1541
  data-selector-id="box"
1542
1542
  data-test-id="boxComponent"
1543
1543
  >
1544
1544
  <div
1545
- class="disable flex cover coldir both"
1545
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1546
1546
  data-id="AudioRange_close"
1547
1547
  data-selector-id="container"
1548
1548
  data-test-id="AudioRange_close"
@@ -1550,7 +1550,7 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1550
1550
  >
1551
1551
  <i
1552
1552
  aria-hidden="true"
1553
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
1553
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1554
1554
  data-id="fontIcon"
1555
1555
  data-selector-id="fontIcon"
1556
1556
  data-test-id="fontIcon"
@@ -1565,14 +1565,14 @@ exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
1565
1565
  exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1566
1566
  <DocumentFragment>
1567
1567
  <div
1568
- class="flex coldir"
1568
+ class="flex column"
1569
1569
  data-id="AudioRange"
1570
1570
  data-selector-id="container"
1571
1571
  data-test-id="AudioRange"
1572
1572
  tabindex="0"
1573
1573
  >
1574
1574
  <div
1575
- class="container flex rowdir vCenter"
1575
+ class="flex row alignItems_center container"
1576
1576
  data-id="containerComponent"
1577
1577
  data-selector-id="container"
1578
1578
  data-test-id="containerComponent"
@@ -1588,13 +1588,13 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1588
1588
  />
1589
1589
  </audio>
1590
1590
  <div
1591
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1591
+ class="noShrink rightBox downloadBox boxLeftRadius"
1592
1592
  data-id="boxComponent"
1593
1593
  data-selector-id="box"
1594
1594
  data-test-id="boxComponent"
1595
1595
  >
1596
1596
  <div
1597
- class="disable flex cover coldir both"
1597
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1598
1598
  data-id="AudioRange_playpause"
1599
1599
  data-selector-id="container"
1600
1600
  data-test-id="AudioRange_playpause"
@@ -1602,7 +1602,7 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1602
1602
  >
1603
1603
  <i
1604
1604
  aria-hidden="true"
1605
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
1605
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
1606
1606
  data-id="fontIcon"
1607
1607
  data-selector-id="fontIcon"
1608
1608
  data-test-id="fontIcon"
@@ -1610,19 +1610,19 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1610
1610
  </div>
1611
1611
  </div>
1612
1612
  <div
1613
- class="timerBox shrinkOff"
1613
+ class="noShrink timerBox"
1614
1614
  data-id="boxComponent"
1615
1615
  data-selector-id="box"
1616
1616
  data-test-id="boxComponent"
1617
1617
  >
1618
1618
  <div
1619
- class="flex cover rowdir vCenter"
1619
+ class="flex fullSize row alignItems_center"
1620
1620
  data-id="containerComponent"
1621
1621
  data-selector-id="container"
1622
1622
  data-test-id="containerComponent"
1623
1623
  >
1624
1624
  <div
1625
- class="container flex cover rowdir"
1625
+ class="flex fullSize row container"
1626
1626
  data-id="containerComponent"
1627
1627
  data-selector-id="container"
1628
1628
  data-test-id="containerComponent"
@@ -1632,13 +1632,13 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1632
1632
  </div>
1633
1633
  </div>
1634
1634
  <div
1635
- class="dragtag disable grow basis shrinkOff"
1635
+ class="flexible basis_zero noShrink dragtag disable"
1636
1636
  data-id="boxComponent"
1637
1637
  data-selector-id="box"
1638
1638
  data-test-id="boxComponent"
1639
1639
  >
1640
1640
  <div
1641
- class="audioRangeContainer flex cover coldir"
1641
+ class="flex fullSize column audioRangeContainer"
1642
1642
  data-id="containerComponent"
1643
1643
  data-selector-id="container"
1644
1644
  data-test-id="containerComponent"
@@ -1658,13 +1658,13 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1658
1658
  </div>
1659
1659
  </div>
1660
1660
  <div
1661
- class="rightBox downloadBox shrinkOff"
1661
+ class="noShrink rightBox downloadBox"
1662
1662
  data-id="boxComponent"
1663
1663
  data-selector-id="box"
1664
1664
  data-test-id="boxComponent"
1665
1665
  >
1666
1666
  <div
1667
- class="disable flex cover coldir both"
1667
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1668
1668
  data-id="AudioRange_download"
1669
1669
  data-selector-id="container"
1670
1670
  data-test-id="AudioRange_download"
@@ -1672,7 +1672,7 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1672
1672
  >
1673
1673
  <i
1674
1674
  aria-hidden="true"
1675
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
1675
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
1676
1676
  data-id="fontIcon"
1677
1677
  data-selector-id="fontIcon"
1678
1678
  data-test-id="fontIcon"
@@ -1680,13 +1680,13 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1680
1680
  </div>
1681
1681
  </div>
1682
1682
  <div
1683
- class="closeBox boxRightRadius shrinkOff"
1683
+ class="noShrink closeBox boxRightRadius"
1684
1684
  data-id="boxComponent"
1685
1685
  data-selector-id="box"
1686
1686
  data-test-id="boxComponent"
1687
1687
  >
1688
1688
  <div
1689
- class="disable flex cover coldir both"
1689
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1690
1690
  data-id="AudioRange_close"
1691
1691
  data-selector-id="container"
1692
1692
  data-test-id="AudioRange_close"
@@ -1694,7 +1694,7 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1694
1694
  >
1695
1695
  <i
1696
1696
  aria-hidden="true"
1697
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
1697
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1698
1698
  data-id="fontIcon"
1699
1699
  data-selector-id="fontIcon"
1700
1700
  data-test-id="fontIcon"
@@ -1709,14 +1709,14 @@ exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
1709
1709
  exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1710
1710
  <DocumentFragment>
1711
1711
  <div
1712
- class="flex coldir"
1712
+ class="flex column"
1713
1713
  data-id="AudioRange"
1714
1714
  data-selector-id="container"
1715
1715
  data-test-id="AudioRange"
1716
1716
  tabindex="0"
1717
1717
  >
1718
1718
  <div
1719
- class="container flex rowdir vCenter"
1719
+ class="flex row alignItems_center container"
1720
1720
  data-id="containerComponent"
1721
1721
  data-selector-id="container"
1722
1722
  data-test-id="containerComponent"
@@ -1732,13 +1732,13 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1732
1732
  />
1733
1733
  </audio>
1734
1734
  <div
1735
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1735
+ class="noShrink rightBox downloadBox boxLeftRadius"
1736
1736
  data-id="boxComponent"
1737
1737
  data-selector-id="box"
1738
1738
  data-test-id="boxComponent"
1739
1739
  >
1740
1740
  <div
1741
- class="disable flex cover coldir both"
1741
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1742
1742
  data-id="AudioRange_playpause"
1743
1743
  data-selector-id="container"
1744
1744
  data-test-id="AudioRange_playpause"
@@ -1746,7 +1746,7 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1746
1746
  >
1747
1747
  <i
1748
1748
  aria-hidden="true"
1749
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
1749
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
1750
1750
  data-id="fontIcon"
1751
1751
  data-selector-id="fontIcon"
1752
1752
  data-test-id="fontIcon"
@@ -1754,19 +1754,19 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1754
1754
  </div>
1755
1755
  </div>
1756
1756
  <div
1757
- class="timerBox shrinkOff"
1757
+ class="noShrink timerBox"
1758
1758
  data-id="boxComponent"
1759
1759
  data-selector-id="box"
1760
1760
  data-test-id="boxComponent"
1761
1761
  >
1762
1762
  <div
1763
- class="flex cover rowdir vCenter"
1763
+ class="flex fullSize row alignItems_center"
1764
1764
  data-id="containerComponent"
1765
1765
  data-selector-id="container"
1766
1766
  data-test-id="containerComponent"
1767
1767
  >
1768
1768
  <div
1769
- class="container flex cover rowdir"
1769
+ class="flex fullSize row container"
1770
1770
  data-id="containerComponent"
1771
1771
  data-selector-id="container"
1772
1772
  data-test-id="containerComponent"
@@ -1776,13 +1776,13 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1776
1776
  </div>
1777
1777
  </div>
1778
1778
  <div
1779
- class="dragtag disable grow basis shrinkOff"
1779
+ class="flexible basis_zero noShrink dragtag disable"
1780
1780
  data-id="boxComponent"
1781
1781
  data-selector-id="box"
1782
1782
  data-test-id="boxComponent"
1783
1783
  >
1784
1784
  <div
1785
- class="audioRangeContainer flex cover coldir"
1785
+ class="flex fullSize column audioRangeContainer"
1786
1786
  data-id="containerComponent"
1787
1787
  data-selector-id="container"
1788
1788
  data-test-id="containerComponent"
@@ -1802,13 +1802,13 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1802
1802
  </div>
1803
1803
  </div>
1804
1804
  <div
1805
- class="rightBox downloadBox shrinkOff"
1805
+ class="noShrink rightBox downloadBox"
1806
1806
  data-id="boxComponent"
1807
1807
  data-selector-id="box"
1808
1808
  data-test-id="boxComponent"
1809
1809
  >
1810
1810
  <div
1811
- class="disable flex cover coldir both"
1811
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1812
1812
  data-id="AudioRange_download"
1813
1813
  data-selector-id="container"
1814
1814
  data-test-id="AudioRange_download"
@@ -1816,7 +1816,7 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1816
1816
  >
1817
1817
  <i
1818
1818
  aria-hidden="true"
1819
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
1819
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
1820
1820
  data-id="fontIcon"
1821
1821
  data-selector-id="fontIcon"
1822
1822
  data-test-id="fontIcon"
@@ -1824,13 +1824,13 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1824
1824
  </div>
1825
1825
  </div>
1826
1826
  <div
1827
- class="closeBox boxRightRadius shrinkOff"
1827
+ class="noShrink closeBox boxRightRadius"
1828
1828
  data-id="boxComponent"
1829
1829
  data-selector-id="box"
1830
1830
  data-test-id="boxComponent"
1831
1831
  >
1832
1832
  <div
1833
- class="disable flex cover coldir both"
1833
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1834
1834
  data-id="AudioRange_close"
1835
1835
  data-selector-id="container"
1836
1836
  data-test-id="AudioRange_close"
@@ -1838,7 +1838,7 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1838
1838
  >
1839
1839
  <i
1840
1840
  aria-hidden="true"
1841
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
1841
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1842
1842
  data-id="fontIcon"
1843
1843
  data-selector-id="fontIcon"
1844
1844
  data-test-id="fontIcon"
@@ -1853,14 +1853,14 @@ exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
1853
1853
  exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1854
1854
  <DocumentFragment>
1855
1855
  <div
1856
- class="flex coldir"
1856
+ class="flex column"
1857
1857
  data-id="AudioRange"
1858
1858
  data-selector-id="container"
1859
1859
  data-test-id="AudioRange"
1860
1860
  tabindex="0"
1861
1861
  >
1862
1862
  <div
1863
- class="container flex rowdir vCenter"
1863
+ class="flex row alignItems_center container"
1864
1864
  data-id="containerComponent"
1865
1865
  data-selector-id="container"
1866
1866
  data-test-id="containerComponent"
@@ -1876,13 +1876,13 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1876
1876
  />
1877
1877
  </audio>
1878
1878
  <div
1879
- class="rightBox downloadBox boxLeftRadius shrinkOff"
1879
+ class="noShrink rightBox downloadBox boxLeftRadius"
1880
1880
  data-id="boxComponent"
1881
1881
  data-selector-id="box"
1882
1882
  data-test-id="boxComponent"
1883
1883
  >
1884
1884
  <div
1885
- class="disable flex cover coldir both"
1885
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1886
1886
  data-id="AudioRange_playpause"
1887
1887
  data-selector-id="container"
1888
1888
  data-test-id="AudioRange_playpause"
@@ -1890,7 +1890,7 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1890
1890
  >
1891
1891
  <i
1892
1892
  aria-hidden="true"
1893
- class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
1893
+ class="zd_font_icons basic icon-bcarr downloadIcon iconColor"
1894
1894
  data-id="fontIcon"
1895
1895
  data-selector-id="fontIcon"
1896
1896
  data-test-id="fontIcon"
@@ -1898,19 +1898,19 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1898
1898
  </div>
1899
1899
  </div>
1900
1900
  <div
1901
- class="timerBox shrinkOff"
1901
+ class="noShrink timerBox"
1902
1902
  data-id="boxComponent"
1903
1903
  data-selector-id="box"
1904
1904
  data-test-id="boxComponent"
1905
1905
  >
1906
1906
  <div
1907
- class="flex cover rowdir vCenter"
1907
+ class="flex fullSize row alignItems_center"
1908
1908
  data-id="containerComponent"
1909
1909
  data-selector-id="container"
1910
1910
  data-test-id="containerComponent"
1911
1911
  >
1912
1912
  <div
1913
- class="container flex cover rowdir"
1913
+ class="flex fullSize row container"
1914
1914
  data-id="containerComponent"
1915
1915
  data-selector-id="container"
1916
1916
  data-test-id="containerComponent"
@@ -1920,13 +1920,13 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1920
1920
  </div>
1921
1921
  </div>
1922
1922
  <div
1923
- class="dragtag disable grow basis shrinkOff"
1923
+ class="flexible basis_zero noShrink dragtag disable"
1924
1924
  data-id="boxComponent"
1925
1925
  data-selector-id="box"
1926
1926
  data-test-id="boxComponent"
1927
1927
  >
1928
1928
  <div
1929
- class="audioRangeContainer flex cover coldir"
1929
+ class="flex fullSize column audioRangeContainer"
1930
1930
  data-id="containerComponent"
1931
1931
  data-selector-id="container"
1932
1932
  data-test-id="containerComponent"
@@ -1946,13 +1946,13 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1946
1946
  </div>
1947
1947
  </div>
1948
1948
  <div
1949
- class="rightBox downloadBox shrinkOff"
1949
+ class="noShrink rightBox downloadBox"
1950
1950
  data-id="boxComponent"
1951
1951
  data-selector-id="box"
1952
1952
  data-test-id="boxComponent"
1953
1953
  >
1954
1954
  <div
1955
- class="disable flex cover coldir both"
1955
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1956
1956
  data-id="AudioRange_download"
1957
1957
  data-selector-id="container"
1958
1958
  data-test-id="AudioRange_download"
@@ -1960,7 +1960,7 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1960
1960
  >
1961
1961
  <i
1962
1962
  aria-hidden="true"
1963
- class="zd_font_icons basic icon-download-new downloadIcon iconColor "
1963
+ class="zd_font_icons basic icon-download-new downloadIcon iconColor"
1964
1964
  data-id="fontIcon"
1965
1965
  data-selector-id="fontIcon"
1966
1966
  data-test-id="fontIcon"
@@ -1968,13 +1968,13 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1968
1968
  </div>
1969
1969
  </div>
1970
1970
  <div
1971
- class="closeBox boxRightRadius shrinkOff"
1971
+ class="noShrink closeBox boxRightRadius"
1972
1972
  data-id="boxComponent"
1973
1973
  data-selector-id="box"
1974
1974
  data-test-id="boxComponent"
1975
1975
  >
1976
1976
  <div
1977
- class="disable flex cover coldir both"
1977
+ class="flex fullSize column alignItems_center justifyContent_center disable"
1978
1978
  data-id="AudioRange_close"
1979
1979
  data-selector-id="container"
1980
1980
  data-test-id="AudioRange_close"
@@ -1982,7 +1982,7 @@ exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
1982
1982
  >
1983
1983
  <i
1984
1984
  aria-hidden="true"
1985
- class="zd_font_icons basic icon-cross pauseIcon iconColor "
1985
+ class="zd_font_icons basic icon-cross pauseIcon iconColor"
1986
1986
  data-id="fontIcon"
1987
1987
  data-selector-id="fontIcon"
1988
1988
  data-test-id="fontIcon"