@zohodesk/components 1.0.0-temp-256 → 1.0.0-temp-256.1

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 (385) hide show
  1. package/README.md +51 -1
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +323 -330
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +79 -79
  4. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +29 -33
  5. package/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css +14 -13
  6. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +29 -33
  7. package/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css +14 -13
  8. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +29 -33
  9. package/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css +14 -13
  10. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +29 -33
  11. package/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css +14 -13
  12. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +29 -33
  13. package/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css +14 -13
  14. package/assets/Appearance/light/mode/Component_LightMode.module.css +323 -330
  15. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +79 -79
  16. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +29 -33
  17. package/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css +14 -13
  18. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +29 -33
  19. package/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css +14 -13
  20. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +29 -33
  21. package/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css +14 -13
  22. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +29 -33
  23. package/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css +14 -13
  24. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +29 -33
  25. package/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css +14 -13
  26. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +323 -330
  27. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +79 -79
  28. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +29 -33
  29. package/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css +14 -13
  30. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +29 -33
  31. package/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css +14 -13
  32. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +29 -33
  33. package/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css +14 -13
  34. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +29 -33
  35. package/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css +14 -13
  36. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +29 -33
  37. package/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css +14 -13
  38. package/es/Accordion/Accordion.js +2 -1
  39. package/es/Accordion/AccordionItem.js +3 -2
  40. package/es/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +1 -1
  41. package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +1 -1
  42. package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +1 -1
  43. package/es/AppContainer/AppContainer.js +2 -1
  44. package/es/AppContainer/AppContainer.module.css +9 -3
  45. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +23 -23
  46. package/es/Avatar/Avatar.js +5 -4
  47. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +43 -43
  48. package/es/AvatarTeam/AvatarTeam.js +4 -3
  49. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +74 -98
  50. package/es/Button/Button.js +5 -4
  51. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +4 -4
  52. package/es/Button/css/cssJSLogic.js +6 -6
  53. package/es/Buttongroup/Buttongroup.js +4 -3
  54. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +9 -9
  55. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +18 -18
  56. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +13 -13
  57. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +5 -5
  58. package/es/CheckBox/CheckBox.js +9 -8
  59. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +154 -251
  60. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +72 -81
  61. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +62 -62
  62. package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +2 -1
  63. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +10 -10
  64. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +14 -14
  65. package/es/DateTime/CalendarView.js +4 -3
  66. package/es/DateTime/DateTime.js +5 -4
  67. package/es/DateTime/DateTimePopupFooter.js +2 -1
  68. package/es/DateTime/DateWidget.js +4 -3
  69. package/es/DateTime/Time.js +2 -1
  70. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +50 -50
  71. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +103 -103
  72. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +2 -2
  73. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +10 -10
  74. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +10 -10
  75. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +2 -2
  76. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +35 -35
  77. package/es/DropBox/DropBox.js +13 -5
  78. package/es/DropBox/DropBoxElement/DropBoxElement.js +21 -8
  79. package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +1 -1
  80. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  81. package/es/DropBox/DropBoxElement/props/propTypes.js +2 -1
  82. package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +1 -1
  83. package/es/DropDown/DropDown.js +2 -1
  84. package/es/DropDown/DropDownHeading.js +2 -1
  85. package/es/DropDown/DropDownItem.js +6 -5
  86. package/es/DropDown/DropDownSearch.js +2 -1
  87. package/es/DropDown/DropDownSeparator.js +2 -1
  88. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +3 -3
  89. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +2 -2
  90. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +2 -2
  91. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +3 -3
  92. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +2 -2
  93. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +8 -8
  94. package/es/Label/Label.js +3 -2
  95. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +25 -49
  96. package/es/Layout/Box.js +1 -115
  97. package/es/Layout/Container.js +1 -132
  98. package/es/Layout/props/defaultProps.js +1 -16
  99. package/es/Layout/props/propTypes.js +1 -46
  100. package/es/ListItem/ListItem.js +2 -1
  101. package/es/ListItem/ListItemWithAvatar.js +11 -4
  102. package/es/ListItem/ListItemWithCheckBox.js +11 -4
  103. package/es/ListItem/ListItemWithIcon.js +11 -4
  104. package/es/ListItem/ListItemWithRadio.js +11 -4
  105. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +19 -0
  106. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +19 -0
  107. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +17 -0
  108. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +19 -0
  109. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +3 -3
  110. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +17 -17
  111. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +150 -42
  112. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +282 -77
  113. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +150 -42
  114. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +273 -70
  115. package/es/ListItem/props/defaultProps.js +1 -0
  116. package/es/ListItem/props/propTypes.js +12 -3
  117. package/es/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +1 -1
  118. package/es/Modal/__tests__/__snapshots__/Modal.spec.js.snap +1 -1
  119. package/es/MultiSelect/AdvancedGroupMultiSelect.js +8 -7
  120. package/es/MultiSelect/AdvancedMultiSelect.js +8 -5
  121. package/es/MultiSelect/EmptyState.js +5 -4
  122. package/es/MultiSelect/MobileHeader/MobileHeader.js +2 -1
  123. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +5 -5
  124. package/es/MultiSelect/MultiSelect.js +18 -13
  125. package/es/MultiSelect/MultiSelectWithAvatar.js +7 -4
  126. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +10 -11
  127. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +60 -63
  128. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +2 -2
  129. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +57 -66
  130. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +8 -8
  131. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +12 -13
  132. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +8 -8
  133. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +48 -48
  134. package/es/MultiSelect/props/defaultProps.js +3 -0
  135. package/es/MultiSelect/props/propTypes.js +1 -0
  136. package/es/PopOver/PopOver.js +3 -2
  137. package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +1 -1
  138. package/es/Radio/Radio.js +5 -4
  139. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +118 -198
  140. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +2 -2
  141. package/es/Ribbon/Ribbon.js +8 -20
  142. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +22 -25
  143. package/es/RippleEffect/RippleEffect.js +1 -1
  144. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +17 -17
  145. package/es/Select/GroupSelect.js +9 -6
  146. package/es/Select/Select.js +13 -8
  147. package/es/Select/SelectWithAvatar.js +9 -6
  148. package/es/Select/SelectWithIcon.js +8 -5
  149. package/es/Select/__tests__/SelectWithIcon.spec.js +3 -1
  150. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +10 -10
  151. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +1056 -1046
  152. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +5 -5
  153. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +13 -13
  154. package/es/Select/props/defaultProps.js +4 -0
  155. package/es/Select/props/propTypes.js +3 -0
  156. package/es/Stencils/Stencils.js +2 -1
  157. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +13 -13
  158. package/es/Switch/Switch.js +4 -3
  159. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +99 -111
  160. package/es/Tab/Tab.js +35 -43
  161. package/es/Tab/Tab.module.css +58 -15
  162. package/es/Tab/TabWrapper.js +6 -2
  163. package/es/Tab/Tabs.js +35 -19
  164. package/es/Tab/Tabs.module.css +41 -17
  165. package/es/Tab/__tests__/Tab.spec.js +0 -25
  166. package/es/Tab/__tests__/Tabs.spec.js +11 -0
  167. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +53 -82
  168. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +2 -2
  169. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +2 -2
  170. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +41 -41
  171. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +2 -2
  172. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +37 -5
  173. package/es/Tab/props/defaultProps.js +8 -2
  174. package/es/Tab/props/propTypes.js +16 -3
  175. package/es/Tab/utils/tabConfigs.js +6 -0
  176. package/es/Tag/Tag.js +6 -6
  177. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +243 -335
  178. package/es/TextBox/TextBox.js +2 -1
  179. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +45 -45
  180. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  181. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +207 -207
  182. package/es/Textarea/Textarea.js +2 -1
  183. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +47 -47
  184. package/es/Tooltip/Tooltip.js +5 -4
  185. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +8 -8
  186. package/es/Typography/css/cssJSLogic.js +2 -2
  187. package/es/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +1 -1
  188. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +1 -1
  189. package/es/common/basic.module.css +9 -8
  190. package/es/css.js +0 -1
  191. package/es/deprecated/Switch/Switch.js +4 -3
  192. package/es/semantic/Button/Button.js +2 -1
  193. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
  194. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +21 -21
  195. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +20 -20
  196. package/es/v1/Button/Button.js +3 -1
  197. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +9 -9
  198. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
  199. package/es/v1/Switch/Switch.js +4 -3
  200. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +1 -1
  201. package/es/v1/shared/Loader/Loader.js +4 -3
  202. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +2 -2
  203. package/es/v1/shared/SuccessTick/SuccessTick.js +2 -1
  204. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +2 -2
  205. package/lib/Accordion/Accordion.js +3 -1
  206. package/lib/Accordion/AccordionItem.js +4 -2
  207. package/lib/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +1 -1
  208. package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +1 -1
  209. package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +1 -1
  210. package/lib/AppContainer/AppContainer.js +3 -1
  211. package/lib/AppContainer/AppContainer.module.css +9 -3
  212. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +23 -23
  213. package/lib/Avatar/Avatar.js +6 -4
  214. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +43 -43
  215. package/lib/AvatarTeam/AvatarTeam.js +4 -2
  216. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +74 -98
  217. package/lib/Button/Button.js +6 -4
  218. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +4 -4
  219. package/lib/Button/css/cssJSLogic.js +3 -3
  220. package/lib/Buttongroup/Buttongroup.js +5 -3
  221. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +9 -9
  222. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +18 -18
  223. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +13 -13
  224. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +5 -5
  225. package/lib/CheckBox/CheckBox.js +10 -8
  226. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +154 -251
  227. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +72 -81
  228. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +62 -62
  229. package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +3 -1
  230. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +10 -10
  231. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +14 -14
  232. package/lib/DateTime/CalendarView.js +5 -3
  233. package/lib/DateTime/DateTime.js +6 -4
  234. package/lib/DateTime/DateTimePopupFooter.js +3 -1
  235. package/lib/DateTime/DateWidget.js +5 -3
  236. package/lib/DateTime/Time.js +3 -1
  237. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +50 -50
  238. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +103 -103
  239. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +2 -2
  240. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +10 -10
  241. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +10 -10
  242. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +2 -2
  243. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +35 -35
  244. package/lib/DropBox/DropBox.js +14 -5
  245. package/lib/DropBox/DropBoxElement/DropBoxElement.js +28 -8
  246. package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +1 -1
  247. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  248. package/lib/DropBox/DropBoxElement/props/propTypes.js +2 -1
  249. package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +1 -1
  250. package/lib/DropDown/DropDown.js +3 -1
  251. package/lib/DropDown/DropDownHeading.js +3 -1
  252. package/lib/DropDown/DropDownItem.js +7 -5
  253. package/lib/DropDown/DropDownSearch.js +3 -1
  254. package/lib/DropDown/DropDownSeparator.js +3 -1
  255. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +3 -3
  256. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +2 -2
  257. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +2 -2
  258. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +3 -3
  259. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +2 -2
  260. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +8 -8
  261. package/lib/Label/Label.js +3 -1
  262. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +25 -49
  263. package/lib/Layout/Box.js +7 -120
  264. package/lib/Layout/Container.js +7 -137
  265. package/lib/Layout/props/defaultProps.js +14 -19
  266. package/lib/Layout/props/propTypes.js +13 -52
  267. package/lib/ListItem/ListItem.js +3 -1
  268. package/lib/ListItem/ListItemWithAvatar.js +14 -4
  269. package/lib/ListItem/ListItemWithCheckBox.js +14 -4
  270. package/lib/ListItem/ListItemWithIcon.js +12 -4
  271. package/lib/ListItem/ListItemWithRadio.js +14 -4
  272. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +23 -0
  273. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +23 -0
  274. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +21 -0
  275. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +23 -0
  276. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +3 -3
  277. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +17 -17
  278. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +150 -42
  279. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +282 -77
  280. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +150 -42
  281. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +273 -70
  282. package/lib/ListItem/props/defaultProps.js +1 -0
  283. package/lib/ListItem/props/propTypes.js +12 -4
  284. package/lib/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +1 -1
  285. package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap +1 -1
  286. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +8 -6
  287. package/lib/MultiSelect/AdvancedMultiSelect.js +8 -4
  288. package/lib/MultiSelect/EmptyState.js +6 -4
  289. package/lib/MultiSelect/MobileHeader/MobileHeader.js +3 -1
  290. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +5 -5
  291. package/lib/MultiSelect/MultiSelect.js +57 -50
  292. package/lib/MultiSelect/MultiSelectWithAvatar.js +8 -4
  293. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +10 -11
  294. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +60 -63
  295. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +2 -2
  296. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +57 -66
  297. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +8 -8
  298. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +12 -13
  299. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +8 -8
  300. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +48 -48
  301. package/lib/MultiSelect/props/defaultProps.js +3 -0
  302. package/lib/MultiSelect/props/propTypes.js +1 -0
  303. package/lib/PopOver/PopOver.js +4 -2
  304. package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +1 -1
  305. package/lib/Radio/Radio.js +6 -4
  306. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +118 -198
  307. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +2 -2
  308. package/lib/Ribbon/Ribbon.js +8 -19
  309. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +22 -25
  310. package/lib/RippleEffect/RippleEffect.js +1 -1
  311. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +17 -17
  312. package/lib/Select/GroupSelect.js +10 -6
  313. package/lib/Select/Select.js +14 -8
  314. package/lib/Select/SelectWithAvatar.js +10 -6
  315. package/lib/Select/SelectWithIcon.js +9 -5
  316. package/lib/Select/__tests__/SelectWithIcon.spec.js +3 -1
  317. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +10 -10
  318. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +1056 -1046
  319. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +5 -5
  320. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +13 -13
  321. package/lib/Select/props/defaultProps.js +5 -2
  322. package/lib/Select/props/propTypes.js +3 -0
  323. package/lib/Stencils/Stencils.js +3 -1
  324. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +13 -13
  325. package/lib/Switch/Switch.js +5 -3
  326. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +99 -111
  327. package/lib/Tab/Tab.js +40 -45
  328. package/lib/Tab/Tab.module.css +58 -15
  329. package/lib/Tab/TabWrapper.js +6 -2
  330. package/lib/Tab/Tabs.js +33 -16
  331. package/lib/Tab/Tabs.module.css +41 -17
  332. package/lib/Tab/__tests__/Tab.spec.js +8 -35
  333. package/lib/Tab/__tests__/Tabs.spec.js +12 -0
  334. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +53 -82
  335. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +2 -2
  336. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +2 -2
  337. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +41 -41
  338. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +2 -2
  339. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +37 -5
  340. package/lib/Tab/props/defaultProps.js +8 -2
  341. package/lib/Tab/props/propTypes.js +16 -3
  342. package/lib/Tab/utils/tabConfigs.js +9 -2
  343. package/lib/Tag/Tag.js +7 -5
  344. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +243 -335
  345. package/lib/TextBox/TextBox.js +3 -1
  346. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +45 -45
  347. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  348. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +207 -207
  349. package/lib/Textarea/Textarea.js +3 -1
  350. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +47 -47
  351. package/lib/Tooltip/Tooltip.js +6 -4
  352. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +8 -8
  353. package/lib/Typography/css/cssJSLogic.js +1 -1
  354. package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +1 -1
  355. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +1 -1
  356. package/lib/common/basic.module.css +9 -8
  357. package/lib/css.js +0 -2
  358. package/lib/deprecated/Switch/Switch.js +5 -3
  359. package/lib/semantic/Button/Button.js +3 -1
  360. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
  361. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +21 -21
  362. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +20 -20
  363. package/lib/v1/Button/Button.js +3 -1
  364. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +9 -9
  365. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
  366. package/lib/v1/Switch/Switch.js +5 -3
  367. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +1 -1
  368. package/lib/v1/shared/Loader/Loader.js +5 -3
  369. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +2 -2
  370. package/lib/v1/shared/SuccessTick/SuccessTick.js +3 -1
  371. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +2 -2
  372. package/package.json +26 -24
  373. package/ut.config.js +106 -0
  374. package/es/Layout/Layout.module.css +0 -336
  375. package/es/Layout/__tests__/Box.spec.js +0 -11
  376. package/es/Layout/__tests__/Container.spec.js +0 -11
  377. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  378. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  379. package/es/Layout/utils.js +0 -29
  380. package/lib/Layout/Layout.module.css +0 -336
  381. package/lib/Layout/__tests__/Box.spec.js +0 -18
  382. package/lib/Layout/__tests__/Container.spec.js +0 -18
  383. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  384. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  385. package/lib/Layout/utils.js +0 -59
package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap CHANGED
@@ -1,9 +1,117 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`ListItemWithAvatar ListItemWithAvatar with renderLeftValuePlaceholderNode & it's custom class 1`] = `
4
+ <DocumentFragment>
5
+ <li
6
+ class="flex row alignItems_center list medium default withBorder"
7
+ data-a11y-inset-focus="true"
8
+ data-id="List_ListItemWithAvatar"
9
+ data-selector-id="listItemWithAvatar"
10
+ data-test-id="List_ListItemWithAvatar"
11
+ role="option"
12
+ tabindex="0"
13
+ >
14
+ <div
15
+ class="noShrink contentWrapper"
16
+ data-id="boxComponent"
17
+ data-selector-id="box"
18
+ data-test-id="boxComponent"
19
+ >
20
+ <div
21
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
22
+ data-id="boxComponent"
23
+ data-selector-id="box"
24
+ data-test-id="boxComponent"
25
+ >
26
+ <div
27
+ class="noShrink titleBox"
28
+ data-id="boxComponent"
29
+ data-selector-id="box"
30
+ data-test-id="boxComponent"
31
+ >
32
+ <div
33
+ class="basis_auto noShrink customLeftValuePlaceholderClass"
34
+ data-id="boxComponent"
35
+ data-selector-id="box"
36
+ data-test-id="boxComponent"
37
+ >
38
+ <div>
39
+ Left Placeholder
40
+ </div>
41
+ </div>
42
+ <div
43
+ class="basis_auto shrink value"
44
+ data-id="boxComponent"
45
+ data-selector-id="box"
46
+ data-test-id="boxComponent"
47
+ >
48
+ List
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ </li>
54
+ </DocumentFragment>
55
+ `;
56
+
57
+ exports[`ListItemWithAvatar ListItemWithAvatar with renderLeftValuePlaceholderNode 1`] = `
58
+ <DocumentFragment>
59
+ <li
60
+ class="flex row alignItems_center list medium default withBorder"
61
+ data-a11y-inset-focus="true"
62
+ data-id="List_ListItemWithAvatar"
63
+ data-selector-id="listItemWithAvatar"
64
+ data-test-id="List_ListItemWithAvatar"
65
+ role="option"
66
+ tabindex="0"
67
+ >
68
+ <div
69
+ class="noShrink contentWrapper"
70
+ data-id="boxComponent"
71
+ data-selector-id="box"
72
+ data-test-id="boxComponent"
73
+ >
74
+ <div
75
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
76
+ data-id="boxComponent"
77
+ data-selector-id="box"
78
+ data-test-id="boxComponent"
79
+ >
80
+ <div
81
+ class="noShrink titleBox"
82
+ data-id="boxComponent"
83
+ data-selector-id="box"
84
+ data-test-id="boxComponent"
85
+ >
86
+ <div
87
+ class="basis_auto noShrink"
88
+ data-id="boxComponent"
89
+ data-selector-id="box"
90
+ data-test-id="boxComponent"
91
+ >
92
+ <div>
93
+ Left Placeholder
94
+ </div>
95
+ </div>
96
+ <div
97
+ class="basis_auto shrink value"
98
+ data-id="boxComponent"
99
+ data-selector-id="box"
100
+ data-test-id="boxComponent"
101
+ >
102
+ List
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </li>
108
+ </DocumentFragment>
109
+ `;
2
110
 
3
111
  exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
112
  <DocumentFragment>
5
113
  <li
6
- class="list medium default withBorder flex rowdir vCenter"
114
+ class="flex row alignItems_center list medium default withBorder"
7
115
  data-a11y-inset-focus="true"
8
116
  data-id="List_ListItemWithAvatar"
9
117
  data-selector-id="listItemWithAvatar"
@@ -12,25 +120,25 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
12
120
  tabindex="0"
13
121
  >
14
122
  <div
15
- class="contentWrapper shrinkOff"
123
+ class="noShrink contentWrapper"
16
124
  data-id="boxComponent"
17
125
  data-selector-id="box"
18
126
  data-test-id="boxComponent"
19
127
  >
20
128
  <div
21
- class="leftBox selfAlign_center grow basis shrinkOff"
129
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
22
130
  data-id="boxComponent"
23
131
  data-selector-id="box"
24
132
  data-test-id="boxComponent"
25
133
  >
26
134
  <div
27
- class="titleBox shrinkOff"
135
+ class="noShrink titleBox"
28
136
  data-id="boxComponent"
29
137
  data-selector-id="box"
30
138
  data-test-id="boxComponent"
31
139
  >
32
140
  <div
33
- class="value basisAuto shrinkOn"
141
+ class="basis_auto shrink value"
34
142
  data-id="boxComponent"
35
143
  data-selector-id="box"
36
144
  data-test-id="boxComponent"
@@ -38,7 +146,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
38
146
  List
39
147
  </div>
40
148
  <div
41
- class="customValueRightPlaceholderClass shrinkOff"
149
+ class="noShrink customValueRightPlaceholderClass"
42
150
  data-id="boxComponent"
43
151
  data-selector-id="box"
44
152
  data-test-id="boxComponent"
@@ -57,7 +165,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
57
165
  exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode 1`] = `
58
166
  <DocumentFragment>
59
167
  <li
60
- class="list medium default withBorder flex rowdir vCenter"
168
+ class="flex row alignItems_center list medium default withBorder"
61
169
  data-a11y-inset-focus="true"
62
170
  data-id="List_ListItemWithAvatar"
63
171
  data-selector-id="listItemWithAvatar"
@@ -66,25 +174,25 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
66
174
  tabindex="0"
67
175
  >
68
176
  <div
69
- class="contentWrapper shrinkOff"
177
+ class="noShrink contentWrapper"
70
178
  data-id="boxComponent"
71
179
  data-selector-id="box"
72
180
  data-test-id="boxComponent"
73
181
  >
74
182
  <div
75
- class="leftBox selfAlign_center grow basis shrinkOff"
183
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
76
184
  data-id="boxComponent"
77
185
  data-selector-id="box"
78
186
  data-test-id="boxComponent"
79
187
  >
80
188
  <div
81
- class="titleBox shrinkOff"
189
+ class="noShrink titleBox"
82
190
  data-id="boxComponent"
83
191
  data-selector-id="box"
84
192
  data-test-id="boxComponent"
85
193
  >
86
194
  <div
87
- class="value basisAuto shrinkOn"
195
+ class="basis_auto shrink value"
88
196
  data-id="boxComponent"
89
197
  data-selector-id="box"
90
198
  data-test-id="boxComponent"
@@ -92,7 +200,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
92
200
  List
93
201
  </div>
94
202
  <div
95
- class="shrinkOff"
203
+ class="noShrink"
96
204
  data-id="boxComponent"
97
205
  data-selector-id="box"
98
206
  data-test-id="boxComponent"
@@ -111,7 +219,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
111
219
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align center 1`] = `
112
220
  <DocumentFragment>
113
221
  <li
114
- class="list medium default withBorder flex rowdir vCenter"
222
+ class="flex row alignItems_center list medium default withBorder"
115
223
  data-a11y-inset-focus="true"
116
224
  data-id="List_ListItemWithAvatar"
117
225
  data-selector-id="listItemWithAvatar"
@@ -120,25 +228,25 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
120
228
  tabindex="0"
121
229
  >
122
230
  <div
123
- class="contentWrapper shrinkOff"
231
+ class="noShrink contentWrapper"
124
232
  data-id="boxComponent"
125
233
  data-selector-id="box"
126
234
  data-test-id="boxComponent"
127
235
  >
128
236
  <div
129
- class="leftBox selfAlign_center grow basis shrinkOff"
237
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
130
238
  data-id="boxComponent"
131
239
  data-selector-id="box"
132
240
  data-test-id="boxComponent"
133
241
  >
134
242
  <div
135
- class="titleBox shrinkOff"
243
+ class="noShrink titleBox"
136
244
  data-id="boxComponent"
137
245
  data-selector-id="box"
138
246
  data-test-id="boxComponent"
139
247
  >
140
248
  <div
141
- class="value basisAuto shrinkOn"
249
+ class="basis_auto shrink value"
142
250
  data-id="boxComponent"
143
251
  data-selector-id="box"
144
252
  data-test-id="boxComponent"
@@ -147,7 +255,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
147
255
  </div>
148
256
  </div>
149
257
  <div
150
- class="secondaryField secondaryValue shrinkOff"
258
+ class="noShrink secondaryField secondaryValue"
151
259
  data-id="boxComponent"
152
260
  data-selector-id="box"
153
261
  data-test-id="boxComponent"
@@ -164,7 +272,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
164
272
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align end 1`] = `
165
273
  <DocumentFragment>
166
274
  <li
167
- class="list medium default withBorder flex rowdir vCenter"
275
+ class="flex row alignItems_center list medium default withBorder"
168
276
  data-a11y-inset-focus="true"
169
277
  data-id="List_ListItemWithAvatar"
170
278
  data-selector-id="listItemWithAvatar"
@@ -173,25 +281,25 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
173
281
  tabindex="0"
174
282
  >
175
283
  <div
176
- class="contentWrapper shrinkOff"
284
+ class="noShrink contentWrapper"
177
285
  data-id="boxComponent"
178
286
  data-selector-id="box"
179
287
  data-test-id="boxComponent"
180
288
  >
181
289
  <div
182
- class="leftBox selfAlign_center grow basis shrinkOff"
290
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
183
291
  data-id="boxComponent"
184
292
  data-selector-id="box"
185
293
  data-test-id="boxComponent"
186
294
  >
187
295
  <div
188
- class="titleBox shrinkOff"
296
+ class="noShrink titleBox"
189
297
  data-id="boxComponent"
190
298
  data-selector-id="box"
191
299
  data-test-id="boxComponent"
192
300
  >
193
301
  <div
194
- class="value basisAuto shrinkOn"
302
+ class="basis_auto shrink value"
195
303
  data-id="boxComponent"
196
304
  data-selector-id="box"
197
305
  data-test-id="boxComponent"
@@ -200,7 +308,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
200
308
  </div>
201
309
  </div>
202
310
  <div
203
- class="secondaryField secondaryValue shrinkOff"
311
+ class="noShrink secondaryField secondaryValue"
204
312
  data-id="boxComponent"
205
313
  data-selector-id="box"
206
314
  data-test-id="boxComponent"
@@ -217,7 +325,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
217
325
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
218
326
  <DocumentFragment>
219
327
  <li
220
- class="list medium default withBorder flex rowdir vCenter"
328
+ class="flex row alignItems_center list medium default withBorder"
221
329
  data-a11y-inset-focus="true"
222
330
  data-id="List_ListItemWithAvatar"
223
331
  data-selector-id="listItemWithAvatar"
@@ -226,25 +334,25 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
226
334
  tabindex="0"
227
335
  >
228
336
  <div
229
- class="contentWrapper shrinkOff"
337
+ class="noShrink contentWrapper"
230
338
  data-id="boxComponent"
231
339
  data-selector-id="box"
232
340
  data-test-id="boxComponent"
233
341
  >
234
342
  <div
235
- class="leftBox selfAlign_center grow basis shrinkOff"
343
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
236
344
  data-id="boxComponent"
237
345
  data-selector-id="box"
238
346
  data-test-id="boxComponent"
239
347
  >
240
348
  <div
241
- class="titleBox shrinkOff"
349
+ class="noShrink titleBox"
242
350
  data-id="boxComponent"
243
351
  data-selector-id="box"
244
352
  data-test-id="boxComponent"
245
353
  >
246
354
  <div
247
- class="value basisAuto shrinkOn"
355
+ class="basis_auto shrink value"
248
356
  data-id="boxComponent"
249
357
  data-selector-id="box"
250
358
  data-test-id="boxComponent"
@@ -253,7 +361,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
253
361
  </div>
254
362
  </div>
255
363
  <div
256
- class="secondaryField secondaryValue shrinkOff"
364
+ class="noShrink secondaryField secondaryValue"
257
365
  data-id="boxComponent"
258
366
  data-selector-id="box"
259
367
  data-test-id="boxComponent"
@@ -270,7 +378,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
270
378
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align start 1`] = `
271
379
  <DocumentFragment>
272
380
  <li
273
- class="list medium default withBorder flex rowdir vCenter"
381
+ class="flex row alignItems_center list medium default withBorder"
274
382
  data-a11y-inset-focus="true"
275
383
  data-id="List_ListItemWithAvatar"
276
384
  data-selector-id="listItemWithAvatar"
@@ -279,25 +387,25 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
279
387
  tabindex="0"
280
388
  >
281
389
  <div
282
- class="contentWrapper shrinkOff"
390
+ class="noShrink contentWrapper"
283
391
  data-id="boxComponent"
284
392
  data-selector-id="box"
285
393
  data-test-id="boxComponent"
286
394
  >
287
395
  <div
288
- class="leftBox selfAlign_center grow basis shrinkOff"
396
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
289
397
  data-id="boxComponent"
290
398
  data-selector-id="box"
291
399
  data-test-id="boxComponent"
292
400
  >
293
401
  <div
294
- class="titleBox shrinkOff"
402
+ class="noShrink titleBox"
295
403
  data-id="boxComponent"
296
404
  data-selector-id="box"
297
405
  data-test-id="boxComponent"
298
406
  >
299
407
  <div
300
- class="value basisAuto shrinkOn"
408
+ class="basis_auto shrink value"
301
409
  data-id="boxComponent"
302
410
  data-selector-id="box"
303
411
  data-test-id="boxComponent"
@@ -306,7 +414,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
306
414
  </div>
307
415
  </div>
308
416
  <div
309
- class="secondaryField secondaryValue shrinkOff"
417
+ class="noShrink secondaryField secondaryValue"
310
418
  data-id="boxComponent"
311
419
  data-selector-id="box"
312
420
  data-test-id="boxComponent"
@@ -323,7 +431,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
323
431
  exports[`ListItemWithAvatar rendering the defult props 1`] = `
324
432
  <DocumentFragment>
325
433
  <li
326
- class="list medium default withBorder flex rowdir vCenter"
434
+ class="flex row alignItems_center list medium default withBorder"
327
435
  data-a11y-inset-focus="true"
328
436
  data-id="List_ListItemWithAvatar"
329
437
  data-selector-id="listItemWithAvatar"
@@ -332,25 +440,25 @@ exports[`ListItemWithAvatar rendering the defult props 1`] = `
332
440
  tabindex="0"
333
441
  >
334
442
  <div
335
- class="contentWrapper shrinkOff"
443
+ class="noShrink contentWrapper"
336
444
  data-id="boxComponent"
337
445
  data-selector-id="box"
338
446
  data-test-id="boxComponent"
339
447
  >
340
448
  <div
341
- class="leftBox selfAlign_center grow basis shrinkOff"
449
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
342
450
  data-id="boxComponent"
343
451
  data-selector-id="box"
344
452
  data-test-id="boxComponent"
345
453
  >
346
454
  <div
347
- class="titleBox shrinkOff"
455
+ class="noShrink titleBox"
348
456
  data-id="boxComponent"
349
457
  data-selector-id="box"
350
458
  data-test-id="boxComponent"
351
459
  >
352
460
  <div
353
- class="value basisAuto shrinkOn"
461
+ class="basis_auto shrink value"
354
462
  data-id="boxComponent"
355
463
  data-selector-id="box"
356
464
  data-test-id="boxComponent"