@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/Separator/__tests__/__snapshots__/Separator.spec.js.snap CHANGED
@@ -3,13 +3,13 @@
3
3
  exports[`Separator rendering the aligndirection of - column 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="varClass flex coldir"
6
+ class="flex column varClass"
7
7
  data-id="containerComponent"
8
8
  data-selector-id="container"
9
9
  data-test-id="containerComponent"
10
10
  >
11
11
  <div
12
- class="shrinkOff"
12
+ class="noShrink"
13
13
  data-id="boxComponent"
14
14
  data-selector-id="box"
15
15
  data-test-id="boxComponent"
@@ -19,7 +19,7 @@ exports[`Separator rendering the aligndirection of - column 1`] = `
19
19
  </div>
20
20
  </div>
21
21
  <div
22
- class="shrinkOff"
22
+ class="noShrink"
23
23
  data-id="boxComponent"
24
24
  data-selector-id="box"
25
25
  data-test-id="boxComponent"
@@ -29,7 +29,7 @@ exports[`Separator rendering the aligndirection of - column 1`] = `
29
29
  </div>
30
30
  </div>
31
31
  <div
32
- class="shrinkOff"
32
+ class="noShrink"
33
33
  data-id="boxComponent"
34
34
  data-selector-id="box"
35
35
  data-test-id="boxComponent"
@@ -45,13 +45,13 @@ exports[`Separator rendering the aligndirection of - column 1`] = `
45
45
  exports[`Separator rendering the aligndirection of - column-reverse 1`] = `
46
46
  <DocumentFragment>
47
47
  <div
48
- class="varClass flex colReverse"
48
+ class="flex columnReverse varClass"
49
49
  data-id="containerComponent"
50
50
  data-selector-id="container"
51
51
  data-test-id="containerComponent"
52
52
  >
53
53
  <div
54
- class="shrinkOff"
54
+ class="noShrink"
55
55
  data-id="boxComponent"
56
56
  data-selector-id="box"
57
57
  data-test-id="boxComponent"
@@ -61,7 +61,7 @@ exports[`Separator rendering the aligndirection of - column-reverse 1`] = `
61
61
  </div>
62
62
  </div>
63
63
  <div
64
- class="separator default dot shrinkOff"
64
+ class="noShrink separator default dot"
65
65
  data-id="boxComponent"
66
66
  data-selector-id="box"
67
67
  data-test-id="boxComponent"
@@ -69,7 +69,7 @@ exports[`Separator rendering the aligndirection of - column-reverse 1`] = `
69
69
  •
70
70
  </div>
71
71
  <div
72
- class="shrinkOff"
72
+ class="noShrink"
73
73
  data-id="boxComponent"
74
74
  data-selector-id="box"
75
75
  data-test-id="boxComponent"
@@ -79,7 +79,7 @@ exports[`Separator rendering the aligndirection of - column-reverse 1`] = `
79
79
  </div>
80
80
  </div>
81
81
  <div
82
- class="separator default dot shrinkOff"
82
+ class="noShrink separator default dot"
83
83
  data-id="boxComponent"
84
84
  data-selector-id="box"
85
85
  data-test-id="boxComponent"
@@ -87,7 +87,7 @@ exports[`Separator rendering the aligndirection of - column-reverse 1`] = `
87
87
  •
88
88
  </div>
89
89
  <div
90
- class="shrinkOff"
90
+ class="noShrink"
91
91
  data-id="boxComponent"
92
92
  data-selector-id="box"
93
93
  data-test-id="boxComponent"
@@ -103,13 +103,13 @@ exports[`Separator rendering the aligndirection of - column-reverse 1`] = `
103
103
  exports[`Separator rendering the aligndirection of - row 1`] = `
104
104
  <DocumentFragment>
105
105
  <div
106
- class="varClass flex rowdir vCenter"
106
+ class="flex row alignItems_center varClass"
107
107
  data-id="containerComponent"
108
108
  data-selector-id="container"
109
109
  data-test-id="containerComponent"
110
110
  >
111
111
  <div
112
- class="shrinkOff"
112
+ class="noShrink"
113
113
  data-id="boxComponent"
114
114
  data-selector-id="box"
115
115
  data-test-id="boxComponent"
@@ -119,7 +119,7 @@ exports[`Separator rendering the aligndirection of - row 1`] = `
119
119
  </div>
120
120
  </div>
121
121
  <div
122
- class="separator default dot shrinkOff"
122
+ class="noShrink separator default dot"
123
123
  data-id="boxComponent"
124
124
  data-selector-id="box"
125
125
  data-test-id="boxComponent"
@@ -127,7 +127,7 @@ exports[`Separator rendering the aligndirection of - row 1`] = `
127
127
  •
128
128
  </div>
129
129
  <div
130
- class="shrinkOff"
130
+ class="noShrink"
131
131
  data-id="boxComponent"
132
132
  data-selector-id="box"
133
133
  data-test-id="boxComponent"
@@ -137,7 +137,7 @@ exports[`Separator rendering the aligndirection of - row 1`] = `
137
137
  </div>
138
138
  </div>
139
139
  <div
140
- class="separator default dot shrinkOff"
140
+ class="noShrink separator default dot"
141
141
  data-id="boxComponent"
142
142
  data-selector-id="box"
143
143
  data-test-id="boxComponent"
@@ -145,7 +145,7 @@ exports[`Separator rendering the aligndirection of - row 1`] = `
145
145
  •
146
146
  </div>
147
147
  <div
148
- class="shrinkOff"
148
+ class="noShrink"
149
149
  data-id="boxComponent"
150
150
  data-selector-id="box"
151
151
  data-test-id="boxComponent"
@@ -161,13 +161,13 @@ exports[`Separator rendering the aligndirection of - row 1`] = `
161
161
  exports[`Separator rendering the aligndirection of - row-reverse 1`] = `
162
162
  <DocumentFragment>
163
163
  <div
164
- class="varClass flex rowReverse"
164
+ class="flex rowReverse varClass"
165
165
  data-id="containerComponent"
166
166
  data-selector-id="container"
167
167
  data-test-id="containerComponent"
168
168
  >
169
169
  <div
170
- class="shrinkOff"
170
+ class="noShrink"
171
171
  data-id="boxComponent"
172
172
  data-selector-id="box"
173
173
  data-test-id="boxComponent"
@@ -177,7 +177,7 @@ exports[`Separator rendering the aligndirection of - row-reverse 1`] = `
177
177
  </div>
178
178
  </div>
179
179
  <div
180
- class="separator default dot shrinkOff"
180
+ class="noShrink separator default dot"
181
181
  data-id="boxComponent"
182
182
  data-selector-id="box"
183
183
  data-test-id="boxComponent"
@@ -185,7 +185,7 @@ exports[`Separator rendering the aligndirection of - row-reverse 1`] = `
185
185
  •
186
186
  </div>
187
187
  <div
188
- class="shrinkOff"
188
+ class="noShrink"
189
189
  data-id="boxComponent"
190
190
  data-selector-id="box"
191
191
  data-test-id="boxComponent"
@@ -195,7 +195,7 @@ exports[`Separator rendering the aligndirection of - row-reverse 1`] = `
195
195
  </div>
196
196
  </div>
197
197
  <div
198
- class="separator default dot shrinkOff"
198
+ class="noShrink separator default dot"
199
199
  data-id="boxComponent"
200
200
  data-selector-id="box"
201
201
  data-test-id="boxComponent"
@@ -203,7 +203,7 @@ exports[`Separator rendering the aligndirection of - row-reverse 1`] = `
203
203
  •
204
204
  </div>
205
205
  <div
206
- class="shrinkOff"
206
+ class="noShrink"
207
207
  data-id="boxComponent"
208
208
  data-selector-id="box"
209
209
  data-test-id="boxComponent"
@@ -219,13 +219,13 @@ exports[`Separator rendering the aligndirection of - row-reverse 1`] = `
219
219
  exports[`Separator rendering the all types of children data 1`] = `
220
220
  <DocumentFragment>
221
221
  <div
222
- class="varClass flex rowdir vCenter"
222
+ class="flex row alignItems_center varClass"
223
223
  data-id="containerComponent"
224
224
  data-selector-id="container"
225
225
  data-test-id="containerComponent"
226
226
  >
227
227
  <div
228
- class="shrinkOff"
228
+ class="noShrink"
229
229
  data-id="boxComponent"
230
230
  data-selector-id="box"
231
231
  data-test-id="boxComponent"
@@ -233,7 +233,7 @@ exports[`Separator rendering the all types of children data 1`] = `
233
233
  Desk
234
234
  </div>
235
235
  <div
236
- class="separator default dot shrinkOff"
236
+ class="noShrink separator default dot"
237
237
  data-id="boxComponent"
238
238
  data-selector-id="box"
239
239
  data-test-id="boxComponent"
@@ -241,7 +241,7 @@ exports[`Separator rendering the all types of children data 1`] = `
241
241
  •
242
242
  </div>
243
243
  <div
244
- class="shrinkOff"
244
+ class="noShrink"
245
245
  data-id="boxComponent"
246
246
  data-selector-id="box"
247
247
  data-test-id="boxComponent"
@@ -251,7 +251,7 @@ exports[`Separator rendering the all types of children data 1`] = `
251
251
  </div>
252
252
  </div>
253
253
  <div
254
- class="separator default dot shrinkOff"
254
+ class="noShrink separator default dot"
255
255
  data-id="boxComponent"
256
256
  data-selector-id="box"
257
257
  data-test-id="boxComponent"
@@ -265,13 +265,13 @@ exports[`Separator rendering the all types of children data 1`] = `
265
265
  exports[`Separator rendering the customClass props 1`] = `
266
266
  <DocumentFragment>
267
267
  <div
268
- class="varClass customWrapperStyle flex rowdir vCenter"
268
+ class="flex row alignItems_center varClass customWrapperStyle"
269
269
  data-id="containerComponent"
270
270
  data-selector-id="container"
271
271
  data-test-id="containerComponent"
272
272
  >
273
273
  <div
274
- class="customChildrenStyle shrinkOff"
274
+ class="noShrink customChildrenStyle"
275
275
  data-id="boxComponent"
276
276
  data-selector-id="box"
277
277
  data-test-id="boxComponent"
@@ -281,7 +281,7 @@ exports[`Separator rendering the customClass props 1`] = `
281
281
  </div>
282
282
  </div>
283
283
  <div
284
- class="separator default dot customSeparatorStyle shrinkOff"
284
+ class="noShrink separator default dot customSeparatorStyle"
285
285
  data-id="boxComponent"
286
286
  data-selector-id="box"
287
287
  data-test-id="boxComponent"
@@ -289,7 +289,7 @@ exports[`Separator rendering the customClass props 1`] = `
289
289
  •
290
290
  </div>
291
291
  <div
292
- class="customChildrenStyle shrinkOff"
292
+ class="noShrink customChildrenStyle"
293
293
  data-id="boxComponent"
294
294
  data-selector-id="box"
295
295
  data-test-id="boxComponent"
@@ -299,7 +299,7 @@ exports[`Separator rendering the customClass props 1`] = `
299
299
  </div>
300
300
  </div>
301
301
  <div
302
- class="separator default dot customSeparatorStyle shrinkOff"
302
+ class="noShrink separator default dot customSeparatorStyle"
303
303
  data-id="boxComponent"
304
304
  data-selector-id="box"
305
305
  data-test-id="boxComponent"
@@ -307,7 +307,7 @@ exports[`Separator rendering the customClass props 1`] = `
307
307
  •
308
308
  </div>
309
309
  <div
310
- class="customChildrenStyle shrinkOff"
310
+ class="noShrink customChildrenStyle"
311
311
  data-id="boxComponent"
312
312
  data-selector-id="box"
313
313
  data-test-id="boxComponent"
@@ -323,13 +323,13 @@ exports[`Separator rendering the customClass props 1`] = `
323
323
  exports[`Separator rendering the default props 1`] = `
324
324
  <DocumentFragment>
325
325
  <div
326
- class="varClass flex rowdir vCenter"
326
+ class="flex row alignItems_center varClass"
327
327
  data-id="containerComponent"
328
328
  data-selector-id="container"
329
329
  data-test-id="containerComponent"
330
330
  >
331
331
  <div
332
- class="shrinkOff"
332
+ class="noShrink"
333
333
  data-id="boxComponent"
334
334
  data-selector-id="box"
335
335
  data-test-id="boxComponent"
@@ -339,7 +339,7 @@ exports[`Separator rendering the default props 1`] = `
339
339
  </div>
340
340
  </div>
341
341
  <div
342
- class="separator default dot shrinkOff"
342
+ class="noShrink separator default dot"
343
343
  data-id="boxComponent"
344
344
  data-selector-id="box"
345
345
  data-test-id="boxComponent"
@@ -347,7 +347,7 @@ exports[`Separator rendering the default props 1`] = `
347
347
  •
348
348
  </div>
349
349
  <div
350
- class="shrinkOff"
350
+ class="noShrink"
351
351
  data-id="boxComponent"
352
352
  data-selector-id="box"
353
353
  data-test-id="boxComponent"
@@ -357,7 +357,7 @@ exports[`Separator rendering the default props 1`] = `
357
357
  </div>
358
358
  </div>
359
359
  <div
360
- class="separator default dot shrinkOff"
360
+ class="noShrink separator default dot"
361
361
  data-id="boxComponent"
362
362
  data-selector-id="box"
363
363
  data-test-id="boxComponent"
@@ -365,7 +365,7 @@ exports[`Separator rendering the default props 1`] = `
365
365
  •
366
366
  </div>
367
367
  <div
368
- class="shrinkOff"
368
+ class="noShrink"
369
369
  data-id="boxComponent"
370
370
  data-selector-id="box"
371
371
  data-test-id="boxComponent"
@@ -381,13 +381,13 @@ exports[`Separator rendering the default props 1`] = `
381
381
  exports[`Separator rendering the palette of - default 1`] = `
382
382
  <DocumentFragment>
383
383
  <div
384
- class="varClass flex rowdir vCenter"
384
+ class="flex row alignItems_center varClass"
385
385
  data-id="containerComponent"
386
386
  data-selector-id="container"
387
387
  data-test-id="containerComponent"
388
388
  >
389
389
  <div
390
- class="shrinkOff"
390
+ class="noShrink"
391
391
  data-id="boxComponent"
392
392
  data-selector-id="box"
393
393
  data-test-id="boxComponent"
@@ -397,7 +397,7 @@ exports[`Separator rendering the palette of - default 1`] = `
397
397
  </div>
398
398
  </div>
399
399
  <div
400
- class="separator default dot shrinkOff"
400
+ class="noShrink separator default dot"
401
401
  data-id="boxComponent"
402
402
  data-selector-id="box"
403
403
  data-test-id="boxComponent"
@@ -405,7 +405,7 @@ exports[`Separator rendering the palette of - default 1`] = `
405
405
  •
406
406
  </div>
407
407
  <div
408
- class="shrinkOff"
408
+ class="noShrink"
409
409
  data-id="boxComponent"
410
410
  data-selector-id="box"
411
411
  data-test-id="boxComponent"
@@ -415,7 +415,7 @@ exports[`Separator rendering the palette of - default 1`] = `
415
415
  </div>
416
416
  </div>
417
417
  <div
418
- class="separator default dot shrinkOff"
418
+ class="noShrink separator default dot"
419
419
  data-id="boxComponent"
420
420
  data-selector-id="box"
421
421
  data-test-id="boxComponent"
@@ -423,7 +423,7 @@ exports[`Separator rendering the palette of - default 1`] = `
423
423
  •
424
424
  </div>
425
425
  <div
426
- class="shrinkOff"
426
+ class="noShrink"
427
427
  data-id="boxComponent"
428
428
  data-selector-id="box"
429
429
  data-test-id="boxComponent"
@@ -439,13 +439,13 @@ exports[`Separator rendering the palette of - default 1`] = `
439
439
  exports[`Separator rendering the palette of - primary 1`] = `
440
440
  <DocumentFragment>
441
441
  <div
442
- class="varClass flex rowdir vCenter"
442
+ class="flex row alignItems_center varClass"
443
443
  data-id="containerComponent"
444
444
  data-selector-id="container"
445
445
  data-test-id="containerComponent"
446
446
  >
447
447
  <div
448
- class="shrinkOff"
448
+ class="noShrink"
449
449
  data-id="boxComponent"
450
450
  data-selector-id="box"
451
451
  data-test-id="boxComponent"
@@ -455,7 +455,7 @@ exports[`Separator rendering the palette of - primary 1`] = `
455
455
  </div>
456
456
  </div>
457
457
  <div
458
- class="separator primary dot shrinkOff"
458
+ class="noShrink separator primary dot"
459
459
  data-id="boxComponent"
460
460
  data-selector-id="box"
461
461
  data-test-id="boxComponent"
@@ -463,7 +463,7 @@ exports[`Separator rendering the palette of - primary 1`] = `
463
463
  •
464
464
  </div>
465
465
  <div
466
- class="shrinkOff"
466
+ class="noShrink"
467
467
  data-id="boxComponent"
468
468
  data-selector-id="box"
469
469
  data-test-id="boxComponent"
@@ -473,7 +473,7 @@ exports[`Separator rendering the palette of - primary 1`] = `
473
473
  </div>
474
474
  </div>
475
475
  <div
476
- class="separator primary dot shrinkOff"
476
+ class="noShrink separator primary dot"
477
477
  data-id="boxComponent"
478
478
  data-selector-id="box"
479
479
  data-test-id="boxComponent"
@@ -481,7 +481,7 @@ exports[`Separator rendering the palette of - primary 1`] = `
481
481
  •
482
482
  </div>
483
483
  <div
484
- class="shrinkOff"
484
+ class="noShrink"
485
485
  data-id="boxComponent"
486
486
  data-selector-id="box"
487
487
  data-test-id="boxComponent"
@@ -497,13 +497,13 @@ exports[`Separator rendering the palette of - primary 1`] = `
497
497
  exports[`Separator rendering the palette of - secondary 1`] = `
498
498
  <DocumentFragment>
499
499
  <div
500
- class="varClass flex rowdir vCenter"
500
+ class="flex row alignItems_center varClass"
501
501
  data-id="containerComponent"
502
502
  data-selector-id="container"
503
503
  data-test-id="containerComponent"
504
504
  >
505
505
  <div
506
- class="shrinkOff"
506
+ class="noShrink"
507
507
  data-id="boxComponent"
508
508
  data-selector-id="box"
509
509
  data-test-id="boxComponent"
@@ -513,7 +513,7 @@ exports[`Separator rendering the palette of - secondary 1`] = `
513
513
  </div>
514
514
  </div>
515
515
  <div
516
- class="separator secondary dot shrinkOff"
516
+ class="noShrink separator secondary dot"
517
517
  data-id="boxComponent"
518
518
  data-selector-id="box"
519
519
  data-test-id="boxComponent"
@@ -521,7 +521,7 @@ exports[`Separator rendering the palette of - secondary 1`] = `
521
521
  •
522
522
  </div>
523
523
  <div
524
- class="shrinkOff"
524
+ class="noShrink"
525
525
  data-id="boxComponent"
526
526
  data-selector-id="box"
527
527
  data-test-id="boxComponent"
@@ -531,7 +531,7 @@ exports[`Separator rendering the palette of - secondary 1`] = `
531
531
  </div>
532
532
  </div>
533
533
  <div
534
- class="separator secondary dot shrinkOff"
534
+ class="noShrink separator secondary dot"
535
535
  data-id="boxComponent"
536
536
  data-selector-id="box"
537
537
  data-test-id="boxComponent"
@@ -539,7 +539,7 @@ exports[`Separator rendering the palette of - secondary 1`] = `
539
539
  •
540
540
  </div>
541
541
  <div
542
- class="shrinkOff"
542
+ class="noShrink"
543
543
  data-id="boxComponent"
544
544
  data-selector-id="box"
545
545
  data-test-id="boxComponent"
@@ -555,13 +555,13 @@ exports[`Separator rendering the palette of - secondary 1`] = `
555
555
  exports[`Separator rendering the shrink props with true 1`] = `
556
556
  <DocumentFragment>
557
557
  <div
558
- class="varClass flex rowdir vCenter"
558
+ class="flex row alignItems_center varClass"
559
559
  data-id="containerComponent"
560
560
  data-selector-id="container"
561
561
  data-test-id="containerComponent"
562
562
  >
563
563
  <div
564
- class="shrinkOn"
564
+ class="shrink"
565
565
  data-id="boxComponent"
566
566
  data-selector-id="box"
567
567
  data-test-id="boxComponent"
@@ -571,7 +571,7 @@ exports[`Separator rendering the shrink props with true 1`] = `
571
571
  </div>
572
572
  </div>
573
573
  <div
574
- class="separator default dot shrinkOff"
574
+ class="noShrink separator default dot"
575
575
  data-id="boxComponent"
576
576
  data-selector-id="box"
577
577
  data-test-id="boxComponent"
@@ -579,7 +579,7 @@ exports[`Separator rendering the shrink props with true 1`] = `
579
579
  •
580
580
  </div>
581
581
  <div
582
- class="shrinkOn"
582
+ class="shrink"
583
583
  data-id="boxComponent"
584
584
  data-selector-id="box"
585
585
  data-test-id="boxComponent"
@@ -589,7 +589,7 @@ exports[`Separator rendering the shrink props with true 1`] = `
589
589
  </div>
590
590
  </div>
591
591
  <div
592
- class="separator default dot shrinkOff"
592
+ class="noShrink separator default dot"
593
593
  data-id="boxComponent"
594
594
  data-selector-id="box"
595
595
  data-test-id="boxComponent"
@@ -597,7 +597,7 @@ exports[`Separator rendering the shrink props with true 1`] = `
597
597
  •
598
598
  </div>
599
599
  <div
600
- class="shrinkOn"
600
+ class="shrink"
601
601
  data-id="boxComponent"
602
602
  data-selector-id="box"
603
603
  data-test-id="boxComponent"
@@ -613,13 +613,13 @@ exports[`Separator rendering the shrink props with true 1`] = `
613
613
  exports[`Separator rendering the type of - arrow 1`] = `
614
614
  <DocumentFragment>
615
615
  <div
616
- class="varClass flex rowdir vCenter"
616
+ class="flex row alignItems_center varClass"
617
617
  data-id="containerComponent"
618
618
  data-selector-id="container"
619
619
  data-test-id="containerComponent"
620
620
  >
621
621
  <div
622
- class="shrinkOff"
622
+ class="noShrink"
623
623
  data-id="boxComponent"
624
624
  data-selector-id="box"
625
625
  data-test-id="boxComponent"
@@ -629,7 +629,7 @@ exports[`Separator rendering the type of - arrow 1`] = `
629
629
  </div>
630
630
  </div>
631
631
  <div
632
- class="separator default arrow shrinkOff"
632
+ class="noShrink separator default arrow"
633
633
  data-id="boxComponent"
634
634
  data-selector-id="box"
635
635
  data-test-id="boxComponent"
@@ -637,7 +637,7 @@ exports[`Separator rendering the type of - arrow 1`] = `
637
637
  &gt;
638
638
  </div>
639
639
  <div
640
- class="shrinkOff"
640
+ class="noShrink"
641
641
  data-id="boxComponent"
642
642
  data-selector-id="box"
643
643
  data-test-id="boxComponent"
@@ -647,7 +647,7 @@ exports[`Separator rendering the type of - arrow 1`] = `
647
647
  </div>
648
648
  </div>
649
649
  <div
650
- class="separator default arrow shrinkOff"
650
+ class="noShrink separator default arrow"
651
651
  data-id="boxComponent"
652
652
  data-selector-id="box"
653
653
  data-test-id="boxComponent"
@@ -655,7 +655,7 @@ exports[`Separator rendering the type of - arrow 1`] = `
655
655
  &gt;
656
656
  </div>
657
657
  <div
658
- class="shrinkOff"
658
+ class="noShrink"
659
659
  data-id="boxComponent"
660
660
  data-selector-id="box"
661
661
  data-test-id="boxComponent"
@@ -671,13 +671,13 @@ exports[`Separator rendering the type of - arrow 1`] = `
671
671
  exports[`Separator rendering the type of - comma 1`] = `
672
672
  <DocumentFragment>
673
673
  <div
674
- class="varClass flex rowdir vCenter"
674
+ class="flex row alignItems_center varClass"
675
675
  data-id="containerComponent"
676
676
  data-selector-id="container"
677
677
  data-test-id="containerComponent"
678
678
  >
679
679
  <div
680
- class="shrinkOff"
680
+ class="noShrink"
681
681
  data-id="boxComponent"
682
682
  data-selector-id="box"
683
683
  data-test-id="boxComponent"
@@ -687,7 +687,7 @@ exports[`Separator rendering the type of - comma 1`] = `
687
687
  </div>
688
688
  </div>
689
689
  <div
690
- class="separator default comma shrinkOff"
690
+ class="noShrink separator default comma"
691
691
  data-id="boxComponent"
692
692
  data-selector-id="box"
693
693
  data-test-id="boxComponent"
@@ -695,7 +695,7 @@ exports[`Separator rendering the type of - comma 1`] = `
695
695
  ,
696
696
  </div>
697
697
  <div
698
- class="shrinkOff"
698
+ class="noShrink"
699
699
  data-id="boxComponent"
700
700
  data-selector-id="box"
701
701
  data-test-id="boxComponent"
@@ -705,7 +705,7 @@ exports[`Separator rendering the type of - comma 1`] = `
705
705
  </div>
706
706
  </div>
707
707
  <div
708
- class="separator default comma shrinkOff"
708
+ class="noShrink separator default comma"
709
709
  data-id="boxComponent"
710
710
  data-selector-id="box"
711
711
  data-test-id="boxComponent"
@@ -713,7 +713,7 @@ exports[`Separator rendering the type of - comma 1`] = `
713
713
  ,
714
714
  </div>
715
715
  <div
716
- class="shrinkOff"
716
+ class="noShrink"
717
717
  data-id="boxComponent"
718
718
  data-selector-id="box"
719
719
  data-test-id="boxComponent"
@@ -729,13 +729,13 @@ exports[`Separator rendering the type of - comma 1`] = `
729
729
  exports[`Separator rendering the type of - dot 1`] = `
730
730
  <DocumentFragment>
731
731
  <div
732
- class="varClass flex rowdir vCenter"
732
+ class="flex row alignItems_center varClass"
733
733
  data-id="containerComponent"
734
734
  data-selector-id="container"
735
735
  data-test-id="containerComponent"
736
736
  >
737
737
  <div
738
- class="shrinkOff"
738
+ class="noShrink"
739
739
  data-id="boxComponent"
740
740
  data-selector-id="box"
741
741
  data-test-id="boxComponent"
@@ -745,7 +745,7 @@ exports[`Separator rendering the type of - dot 1`] = `
745
745
  </div>
746
746
  </div>
747
747
  <div
748
- class="separator default dot shrinkOff"
748
+ class="noShrink separator default dot"
749
749
  data-id="boxComponent"
750
750
  data-selector-id="box"
751
751
  data-test-id="boxComponent"
@@ -753,7 +753,7 @@ exports[`Separator rendering the type of - dot 1`] = `
753
753
  •
754
754
  </div>
755
755
  <div
756
- class="shrinkOff"
756
+ class="noShrink"
757
757
  data-id="boxComponent"
758
758
  data-selector-id="box"
759
759
  data-test-id="boxComponent"
@@ -763,7 +763,7 @@ exports[`Separator rendering the type of - dot 1`] = `
763
763
  </div>
764
764
  </div>
765
765
  <div
766
- class="separator default dot shrinkOff"
766
+ class="noShrink separator default dot"
767
767
  data-id="boxComponent"
768
768
  data-selector-id="box"
769
769
  data-test-id="boxComponent"
@@ -771,7 +771,7 @@ exports[`Separator rendering the type of - dot 1`] = `
771
771
  •
772
772
  </div>
773
773
  <div
774
- class="shrinkOff"
774
+ class="noShrink"
775
775
  data-id="boxComponent"
776
776
  data-selector-id="box"
777
777
  data-test-id="boxComponent"
@@ -787,13 +787,13 @@ exports[`Separator rendering the type of - dot 1`] = `
787
787
  exports[`Separator rendering the type of - none 1`] = `
788
788
  <DocumentFragment>
789
789
  <div
790
- class="varClass flex rowdir vCenter"
790
+ class="flex row alignItems_center varClass"
791
791
  data-id="containerComponent"
792
792
  data-selector-id="container"
793
793
  data-test-id="containerComponent"
794
794
  >
795
795
  <div
796
- class="shrinkOff"
796
+ class="noShrink"
797
797
  data-id="boxComponent"
798
798
  data-selector-id="box"
799
799
  data-test-id="boxComponent"
@@ -803,7 +803,7 @@ exports[`Separator rendering the type of - none 1`] = `
803
803
  </div>
804
804
  </div>
805
805
  <div
806
- class="separator default none shrinkOff"
806
+ class="noShrink separator default none"
807
807
  data-id="boxComponent"
808
808
  data-selector-id="box"
809
809
  data-test-id="boxComponent"
@@ -811,7 +811,7 @@ exports[`Separator rendering the type of - none 1`] = `
811
811
  •
812
812
  </div>
813
813
  <div
814
- class="shrinkOff"
814
+ class="noShrink"
815
815
  data-id="boxComponent"
816
816
  data-selector-id="box"
817
817
  data-test-id="boxComponent"
@@ -821,7 +821,7 @@ exports[`Separator rendering the type of - none 1`] = `
821
821
  </div>
822
822
  </div>
823
823
  <div
824
- class="separator default none shrinkOff"
824
+ class="noShrink separator default none"
825
825
  data-id="boxComponent"
826
826
  data-selector-id="box"
827
827
  data-test-id="boxComponent"
@@ -829,7 +829,7 @@ exports[`Separator rendering the type of - none 1`] = `
829
829
  •
830
830
  </div>
831
831
  <div
832
- class="shrinkOff"
832
+ class="noShrink"
833
833
  data-id="boxComponent"
834
834
  data-selector-id="box"
835
835
  data-test-id="boxComponent"
@@ -845,13 +845,13 @@ exports[`Separator rendering the type of - none 1`] = `
845
845
  exports[`Separator rendering the type of - slash 1`] = `
846
846
  <DocumentFragment>
847
847
  <div
848
- class="varClass flex rowdir vCenter"
848
+ class="flex row alignItems_center varClass"
849
849
  data-id="containerComponent"
850
850
  data-selector-id="container"
851
851
  data-test-id="containerComponent"
852
852
  >
853
853
  <div
854
- class="shrinkOff"
854
+ class="noShrink"
855
855
  data-id="boxComponent"
856
856
  data-selector-id="box"
857
857
  data-test-id="boxComponent"
@@ -861,7 +861,7 @@ exports[`Separator rendering the type of - slash 1`] = `
861
861
  </div>
862
862
  </div>
863
863
  <div
864
- class="separator default slash shrinkOff"
864
+ class="noShrink separator default slash"
865
865
  data-id="boxComponent"
866
866
  data-selector-id="box"
867
867
  data-test-id="boxComponent"
@@ -869,7 +869,7 @@ exports[`Separator rendering the type of - slash 1`] = `
869
869
  /
870
870
  </div>
871
871
  <div
872
- class="shrinkOff"
872
+ class="noShrink"
873
873
  data-id="boxComponent"
874
874
  data-selector-id="box"
875
875
  data-test-id="boxComponent"
@@ -879,7 +879,7 @@ exports[`Separator rendering the type of - slash 1`] = `
879
879
  </div>
880
880
  </div>
881
881
  <div
882
- class="separator default slash shrinkOff"
882
+ class="noShrink separator default slash"
883
883
  data-id="boxComponent"
884
884
  data-selector-id="box"
885
885
  data-test-id="boxComponent"
@@ -887,7 +887,7 @@ exports[`Separator rendering the type of - slash 1`] = `
887
887
  /
888
888
  </div>
889
889
  <div
890
- class="shrinkOff"
890
+ class="noShrink"
891
891
  data-id="boxComponent"
892
892
  data-selector-id="box"
893
893
  data-test-id="boxComponent"
@@ -903,13 +903,13 @@ exports[`Separator rendering the type of - slash 1`] = `
903
903
  exports[`Separator rendering the wrap of - nowrap 1`] = `
904
904
  <DocumentFragment>
905
905
  <div
906
- class="varClass flex rowdir vCenter"
906
+ class="flex row alignItems_center varClass"
907
907
  data-id="containerComponent"
908
908
  data-selector-id="container"
909
909
  data-test-id="containerComponent"
910
910
  >
911
911
  <div
912
- class="shrinkOff"
912
+ class="noShrink"
913
913
  data-id="boxComponent"
914
914
  data-selector-id="box"
915
915
  data-test-id="boxComponent"
@@ -919,7 +919,7 @@ exports[`Separator rendering the wrap of - nowrap 1`] = `
919
919
  </div>
920
920
  </div>
921
921
  <div
922
- class="separator default dot shrinkOff"
922
+ class="noShrink separator default dot"
923
923
  data-id="boxComponent"
924
924
  data-selector-id="box"
925
925
  data-test-id="boxComponent"
@@ -927,7 +927,7 @@ exports[`Separator rendering the wrap of - nowrap 1`] = `
927
927
  •
928
928
  </div>
929
929
  <div
930
- class="shrinkOff"
930
+ class="noShrink"
931
931
  data-id="boxComponent"
932
932
  data-selector-id="box"
933
933
  data-test-id="boxComponent"
@@ -937,7 +937,7 @@ exports[`Separator rendering the wrap of - nowrap 1`] = `
937
937
  </div>
938
938
  </div>
939
939
  <div
940
- class="separator default dot shrinkOff"
940
+ class="noShrink separator default dot"
941
941
  data-id="boxComponent"
942
942
  data-selector-id="box"
943
943
  data-test-id="boxComponent"
@@ -945,7 +945,7 @@ exports[`Separator rendering the wrap of - nowrap 1`] = `
945
945
  •
946
946
  </div>
947
947
  <div
948
- class="shrinkOff"
948
+ class="noShrink"
949
949
  data-id="boxComponent"
950
950
  data-selector-id="box"
951
951
  data-test-id="boxComponent"
@@ -961,13 +961,13 @@ exports[`Separator rendering the wrap of - nowrap 1`] = `
961
961
  exports[`Separator rendering the wrap of - wrap 1`] = `
962
962
  <DocumentFragment>
963
963
  <div
964
- class="varClass flex rowdir wrap vCenter"
964
+ class="flex row wrap alignItems_center varClass"
965
965
  data-id="containerComponent"
966
966
  data-selector-id="container"
967
967
  data-test-id="containerComponent"
968
968
  >
969
969
  <div
970
- class="shrinkOff"
970
+ class="noShrink"
971
971
  data-id="boxComponent"
972
972
  data-selector-id="box"
973
973
  data-test-id="boxComponent"
@@ -977,7 +977,7 @@ exports[`Separator rendering the wrap of - wrap 1`] = `
977
977
  </div>
978
978
  </div>
979
979
  <div
980
- class="separator default dot shrinkOff"
980
+ class="noShrink separator default dot"
981
981
  data-id="boxComponent"
982
982
  data-selector-id="box"
983
983
  data-test-id="boxComponent"
@@ -985,7 +985,7 @@ exports[`Separator rendering the wrap of - wrap 1`] = `
985
985
  •
986
986
  </div>
987
987
  <div
988
- class="shrinkOff"
988
+ class="noShrink"
989
989
  data-id="boxComponent"
990
990
  data-selector-id="box"
991
991
  data-test-id="boxComponent"
@@ -995,7 +995,7 @@ exports[`Separator rendering the wrap of - wrap 1`] = `
995
995
  </div>
996
996
  </div>
997
997
  <div
998
- class="separator default dot shrinkOff"
998
+ class="noShrink separator default dot"
999
999
  data-id="boxComponent"
1000
1000
  data-selector-id="box"
1001
1001
  data-test-id="boxComponent"
@@ -1003,7 +1003,7 @@ exports[`Separator rendering the wrap of - wrap 1`] = `
1003
1003
  •
1004
1004
  </div>
1005
1005
  <div
1006
- class="shrinkOff"
1006
+ class="noShrink"
1007
1007
  data-id="boxComponent"
1008
1008
  data-selector-id="box"
1009
1009
  data-test-id="boxComponent"
@@ -1019,13 +1019,13 @@ exports[`Separator rendering the wrap of - wrap 1`] = `
1019
1019
  exports[`Separator rendering the wrap of - wrap-reverse 1`] = `
1020
1020
  <DocumentFragment>
1021
1021
  <div
1022
- class="varClass flex rowdir wrapReverse vCenter"
1022
+ class="flex row wrapReverse alignItems_center varClass"
1023
1023
  data-id="containerComponent"
1024
1024
  data-selector-id="container"
1025
1025
  data-test-id="containerComponent"
1026
1026
  >
1027
1027
  <div
1028
- class="shrinkOff"
1028
+ class="noShrink"
1029
1029
  data-id="boxComponent"
1030
1030
  data-selector-id="box"
1031
1031
  data-test-id="boxComponent"
@@ -1035,7 +1035,7 @@ exports[`Separator rendering the wrap of - wrap-reverse 1`] = `
1035
1035
  </div>
1036
1036
  </div>
1037
1037
  <div
1038
- class="separator default dot shrinkOff"
1038
+ class="noShrink separator default dot"
1039
1039
  data-id="boxComponent"
1040
1040
  data-selector-id="box"
1041
1041
  data-test-id="boxComponent"
@@ -1043,7 +1043,7 @@ exports[`Separator rendering the wrap of - wrap-reverse 1`] = `
1043
1043
  •
1044
1044
  </div>
1045
1045
  <div
1046
- class="shrinkOff"
1046
+ class="noShrink"
1047
1047
  data-id="boxComponent"
1048
1048
  data-selector-id="box"
1049
1049
  data-test-id="boxComponent"
@@ -1053,7 +1053,7 @@ exports[`Separator rendering the wrap of - wrap-reverse 1`] = `
1053
1053
  </div>
1054
1054
  </div>
1055
1055
  <div
1056
- class="separator default dot shrinkOff"
1056
+ class="noShrink separator default dot"
1057
1057
  data-id="boxComponent"
1058
1058
  data-selector-id="box"
1059
1059
  data-test-id="boxComponent"
@@ -1061,7 +1061,7 @@ exports[`Separator rendering the wrap of - wrap-reverse 1`] = `
1061
1061
  •
1062
1062
  </div>
1063
1063
  <div
1064
- class="shrinkOff"
1064
+ class="noShrink"
1065
1065
  data-id="boxComponent"
1066
1066
  data-selector-id="box"
1067
1067
  data-test-id="boxComponent"
@@ -1077,13 +1077,13 @@ exports[`Separator rendering the wrap of - wrap-reverse 1`] = `
1077
1077
  exports[`Separator rendering with customSeparatorType props 1`] = `
1078
1078
  <DocumentFragment>
1079
1079
  <div
1080
- class="varClass flex rowdir vCenter"
1080
+ class="flex row alignItems_center varClass"
1081
1081
  data-id="containerComponent"
1082
1082
  data-selector-id="container"
1083
1083
  data-test-id="containerComponent"
1084
1084
  >
1085
1085
  <div
1086
- class="shrinkOff"
1086
+ class="noShrink"
1087
1087
  data-id="boxComponent"
1088
1088
  data-selector-id="box"
1089
1089
  data-test-id="boxComponent"
@@ -1093,7 +1093,7 @@ exports[`Separator rendering with customSeparatorType props 1`] = `
1093
1093
  </div>
1094
1094
  </div>
1095
1095
  <div
1096
- class="separator default shrinkOff"
1096
+ class="noShrink separator default"
1097
1097
  data-id="boxComponent"
1098
1098
  data-selector-id="box"
1099
1099
  data-test-id="boxComponent"
@@ -1101,7 +1101,7 @@ exports[`Separator rendering with customSeparatorType props 1`] = `
1101
1101
  #
1102
1102
  </div>
1103
1103
  <div
1104
- class="shrinkOff"
1104
+ class="noShrink"
1105
1105
  data-id="boxComponent"
1106
1106
  data-selector-id="box"
1107
1107
  data-test-id="boxComponent"
@@ -1111,7 +1111,7 @@ exports[`Separator rendering with customSeparatorType props 1`] = `
1111
1111
  </div>
1112
1112
  </div>
1113
1113
  <div
1114
- class="separator default shrinkOff"
1114
+ class="noShrink separator default"
1115
1115
  data-id="boxComponent"
1116
1116
  data-selector-id="box"
1117
1117
  data-test-id="boxComponent"
@@ -1119,7 +1119,7 @@ exports[`Separator rendering with customSeparatorType props 1`] = `
1119
1119
  #
1120
1120
  </div>
1121
1121
  <div
1122
- class="shrinkOff"
1122
+ class="noShrink"
1123
1123
  data-id="boxComponent"
1124
1124
  data-selector-id="box"
1125
1125
  data-test-id="boxComponent"