@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__/ListItemWithRadio.spec.js.snap CHANGED
@@ -1,9 +1,219 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
9
+ data-selector-id="listItemWithRadio"
10
+ data-test-id="listItemWithRadioComp"
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="iconBox lhsJustifyContent_center"
22
+ data-id="listItemWithRadioComp_radio"
23
+ data-test-id="listItemWithRadioComp_radio"
24
+ >
25
+ <div
26
+ class="noShrink alignSelf_start lhsBoxInner"
27
+ data-id="boxComponent"
28
+ data-selector-id="box"
29
+ data-test-id="boxComponent"
30
+ >
31
+ <div
32
+ aria-checked="false"
33
+ aria-hidden="true"
34
+ aria-readonly="false"
35
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
36
+ data-id="RadioComp"
37
+ data-selector-id="container"
38
+ data-test-id="RadioComp"
39
+ role="radio"
40
+ tabindex="-1"
41
+ >
42
+ <div
43
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
44
+ data-id="boxComponent"
45
+ data-selector-id="box"
46
+ data-test-id="boxComponent"
47
+ >
48
+ <input
49
+ type="hidden"
50
+ value=""
51
+ />
52
+ <label
53
+ class="radioLabel pointer"
54
+ >
55
+ <svg
56
+ viewBox="0 0 40 40"
57
+ xmlns="http://www.w3.org/2000/svg"
58
+ >
59
+ <circle
60
+ class="rdBox"
61
+ cx="20"
62
+ cy="20"
63
+ r="19"
64
+ />
65
+ </svg>
66
+ </label>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <div
72
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
73
+ data-id="boxComponent"
74
+ data-selector-id="box"
75
+ data-test-id="boxComponent"
76
+ >
77
+ <div
78
+ class="noShrink titleBox"
79
+ data-id="boxComponent"
80
+ data-selector-id="box"
81
+ data-test-id="boxComponent"
82
+ >
83
+ <div
84
+ class="basis_auto noShrink customLeftValuePlaceholderClass"
85
+ data-id="boxComponent"
86
+ data-selector-id="box"
87
+ data-test-id="boxComponent"
88
+ >
89
+ <div>
90
+ Left Placeholder
91
+ </div>
92
+ </div>
93
+ <div
94
+ class="basis_auto shrink value"
95
+ data-id="boxComponent"
96
+ data-selector-id="box"
97
+ data-test-id="boxComponent"
98
+ >
99
+ List
100
+ </div>
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </li>
105
+ </DocumentFragment>
106
+ `;
107
+
108
+ exports[`ListItemWithRadio ListItemWithRadio with renderLeftValuePlaceholderNode 1`] = `
109
+ <DocumentFragment>
110
+ <li
111
+ class="flex row alignItems_center list medium default withBorder"
112
+ data-a11y-inset-focus="true"
113
+ data-id="listItemWithRadioComp"
114
+ data-selector-id="listItemWithRadio"
115
+ data-test-id="listItemWithRadioComp"
116
+ role="option"
117
+ tabindex="0"
118
+ >
119
+ <div
120
+ class="noShrink contentWrapper"
121
+ data-id="boxComponent"
122
+ data-selector-id="box"
123
+ data-test-id="boxComponent"
124
+ >
125
+ <div
126
+ class="iconBox lhsJustifyContent_center"
127
+ data-id="listItemWithRadioComp_radio"
128
+ data-test-id="listItemWithRadioComp_radio"
129
+ >
130
+ <div
131
+ class="noShrink alignSelf_start lhsBoxInner"
132
+ data-id="boxComponent"
133
+ data-selector-id="box"
134
+ data-test-id="boxComponent"
135
+ >
136
+ <div
137
+ aria-checked="false"
138
+ aria-hidden="true"
139
+ aria-readonly="false"
140
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
141
+ data-id="RadioComp"
142
+ data-selector-id="container"
143
+ data-test-id="RadioComp"
144
+ role="radio"
145
+ tabindex="-1"
146
+ >
147
+ <div
148
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
149
+ data-id="boxComponent"
150
+ data-selector-id="box"
151
+ data-test-id="boxComponent"
152
+ >
153
+ <input
154
+ type="hidden"
155
+ value=""
156
+ />
157
+ <label
158
+ class="radioLabel pointer"
159
+ >
160
+ <svg
161
+ viewBox="0 0 40 40"
162
+ xmlns="http://www.w3.org/2000/svg"
163
+ >
164
+ <circle
165
+ class="rdBox"
166
+ cx="20"
167
+ cy="20"
168
+ r="19"
169
+ />
170
+ </svg>
171
+ </label>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ <div
177
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
178
+ data-id="boxComponent"
179
+ data-selector-id="box"
180
+ data-test-id="boxComponent"
181
+ >
182
+ <div
183
+ class="noShrink titleBox"
184
+ data-id="boxComponent"
185
+ data-selector-id="box"
186
+ data-test-id="boxComponent"
187
+ >
188
+ <div
189
+ class="basis_auto noShrink"
190
+ data-id="boxComponent"
191
+ data-selector-id="box"
192
+ data-test-id="boxComponent"
193
+ >
194
+ <div>
195
+ Left Placeholder
196
+ </div>
197
+ </div>
198
+ <div
199
+ class="basis_auto shrink value"
200
+ data-id="boxComponent"
201
+ data-selector-id="box"
202
+ data-test-id="boxComponent"
203
+ >
204
+ List
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ </li>
210
+ </DocumentFragment>
211
+ `;
2
212
 
3
213
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
214
  <DocumentFragment>
5
215
  <li
6
- class="list medium default withBorder flex rowdir vCenter"
216
+ class="flex row alignItems_center list medium default withBorder"
7
217
  data-a11y-inset-focus="true"
8
218
  data-id="listItemWithRadioComp"
9
219
  data-selector-id="listItemWithRadio"
@@ -12,7 +222,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
12
222
  tabindex="0"
13
223
  >
14
224
  <div
15
- class="contentWrapper shrinkOff"
225
+ class="noShrink contentWrapper"
16
226
  data-id="boxComponent"
17
227
  data-selector-id="box"
18
228
  data-test-id="boxComponent"
@@ -23,7 +233,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
23
233
  data-test-id="listItemWithRadioComp_radio"
24
234
  >
25
235
  <div
26
- class="lhsBoxInner shrinkOff selfStart"
236
+ class="noShrink alignSelf_start lhsBoxInner"
27
237
  data-id="boxComponent"
28
238
  data-selector-id="box"
29
239
  data-test-id="boxComponent"
@@ -32,7 +242,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
32
242
  aria-checked="false"
33
243
  aria-hidden="true"
34
244
  aria-readonly="false"
35
- class="container pointer hoverEfffect inflex rowdir both"
245
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
36
246
  data-id="RadioComp"
37
247
  data-selector-id="container"
38
248
  data-test-id="RadioComp"
@@ -40,8 +250,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
40
250
  tabindex="-1"
41
251
  >
42
252
  <div
43
- class="radio
44
- hoverprimary medium filled centerPathprimary shrinkOff"
253
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
45
254
  data-id="boxComponent"
46
255
  data-selector-id="box"
47
256
  data-test-id="boxComponent"
@@ -70,19 +279,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
70
279
  </div>
71
280
  </div>
72
281
  <div
73
- class="leftBox selfAlign_center grow basis shrinkOff"
282
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
74
283
  data-id="boxComponent"
75
284
  data-selector-id="box"
76
285
  data-test-id="boxComponent"
77
286
  >
78
287
  <div
79
- class="titleBox shrinkOff"
288
+ class="noShrink titleBox"
80
289
  data-id="boxComponent"
81
290
  data-selector-id="box"
82
291
  data-test-id="boxComponent"
83
292
  >
84
293
  <div
85
- class="value basisAuto shrinkOn"
294
+ class="basis_auto shrink value"
86
295
  data-id="boxComponent"
87
296
  data-selector-id="box"
88
297
  data-test-id="boxComponent"
@@ -90,7 +299,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
90
299
  List
91
300
  </div>
92
301
  <div
93
- class="customValueRightPlaceholderClass shrinkOff"
302
+ class="noShrink customValueRightPlaceholderClass"
94
303
  data-id="boxComponent"
95
304
  data-selector-id="box"
96
305
  data-test-id="boxComponent"
@@ -109,7 +318,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
109
318
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode 1`] = `
110
319
  <DocumentFragment>
111
320
  <li
112
- class="list medium default withBorder flex rowdir vCenter"
321
+ class="flex row alignItems_center list medium default withBorder"
113
322
  data-a11y-inset-focus="true"
114
323
  data-id="listItemWithRadioComp"
115
324
  data-selector-id="listItemWithRadio"
@@ -118,7 +327,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
118
327
  tabindex="0"
119
328
  >
120
329
  <div
121
- class="contentWrapper shrinkOff"
330
+ class="noShrink contentWrapper"
122
331
  data-id="boxComponent"
123
332
  data-selector-id="box"
124
333
  data-test-id="boxComponent"
@@ -129,7 +338,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
129
338
  data-test-id="listItemWithRadioComp_radio"
130
339
  >
131
340
  <div
132
- class="lhsBoxInner shrinkOff selfStart"
341
+ class="noShrink alignSelf_start lhsBoxInner"
133
342
  data-id="boxComponent"
134
343
  data-selector-id="box"
135
344
  data-test-id="boxComponent"
@@ -138,7 +347,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
138
347
  aria-checked="false"
139
348
  aria-hidden="true"
140
349
  aria-readonly="false"
141
- class="container pointer hoverEfffect inflex rowdir both"
350
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
142
351
  data-id="RadioComp"
143
352
  data-selector-id="container"
144
353
  data-test-id="RadioComp"
@@ -146,8 +355,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
146
355
  tabindex="-1"
147
356
  >
148
357
  <div
149
- class="radio
150
- hoverprimary medium filled centerPathprimary shrinkOff"
358
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
151
359
  data-id="boxComponent"
152
360
  data-selector-id="box"
153
361
  data-test-id="boxComponent"
@@ -176,19 +384,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
176
384
  </div>
177
385
  </div>
178
386
  <div
179
- class="leftBox selfAlign_center grow basis shrinkOff"
387
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
180
388
  data-id="boxComponent"
181
389
  data-selector-id="box"
182
390
  data-test-id="boxComponent"
183
391
  >
184
392
  <div
185
- class="titleBox shrinkOff"
393
+ class="noShrink titleBox"
186
394
  data-id="boxComponent"
187
395
  data-selector-id="box"
188
396
  data-test-id="boxComponent"
189
397
  >
190
398
  <div
191
- class="value basisAuto shrinkOn"
399
+ class="basis_auto shrink value"
192
400
  data-id="boxComponent"
193
401
  data-selector-id="box"
194
402
  data-test-id="boxComponent"
@@ -196,7 +404,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
196
404
  List
197
405
  </div>
198
406
  <div
199
- class="shrinkOff"
407
+ class="noShrink"
200
408
  data-id="boxComponent"
201
409
  data-selector-id="box"
202
410
  data-test-id="boxComponent"
@@ -215,7 +423,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
215
423
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align center 1`] = `
216
424
  <DocumentFragment>
217
425
  <li
218
- class="list medium default withBorder flex rowdir vCenter"
426
+ class="flex row alignItems_center list medium default withBorder"
219
427
  data-a11y-inset-focus="true"
220
428
  data-id="listItemWithRadioComp"
221
429
  data-selector-id="listItemWithRadio"
@@ -224,7 +432,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
224
432
  tabindex="0"
225
433
  >
226
434
  <div
227
- class="contentWrapper shrinkOff"
435
+ class="noShrink contentWrapper"
228
436
  data-id="boxComponent"
229
437
  data-selector-id="box"
230
438
  data-test-id="boxComponent"
@@ -235,7 +443,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
235
443
  data-test-id="listItemWithRadioComp_radio"
236
444
  >
237
445
  <div
238
- class="shrinkOff selfCenter"
446
+ class="noShrink alignSelf_center"
239
447
  data-id="boxComponent"
240
448
  data-selector-id="box"
241
449
  data-test-id="boxComponent"
@@ -244,7 +452,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
244
452
  aria-checked="false"
245
453
  aria-hidden="true"
246
454
  aria-readonly="false"
247
- class="container pointer hoverEfffect inflex rowdir both"
455
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
248
456
  data-id="RadioComp"
249
457
  data-selector-id="container"
250
458
  data-test-id="RadioComp"
@@ -252,8 +460,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
252
460
  tabindex="-1"
253
461
  >
254
462
  <div
255
- class="radio
256
- hoverprimary medium filled centerPathprimary shrinkOff"
463
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
257
464
  data-id="boxComponent"
258
465
  data-selector-id="box"
259
466
  data-test-id="boxComponent"
@@ -282,19 +489,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
282
489
  </div>
283
490
  </div>
284
491
  <div
285
- class="leftBox selfAlign_center grow basis shrinkOff"
492
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
286
493
  data-id="boxComponent"
287
494
  data-selector-id="box"
288
495
  data-test-id="boxComponent"
289
496
  >
290
497
  <div
291
- class="titleBox shrinkOff"
498
+ class="noShrink titleBox"
292
499
  data-id="boxComponent"
293
500
  data-selector-id="box"
294
501
  data-test-id="boxComponent"
295
502
  >
296
503
  <div
297
- class="value basisAuto shrinkOn"
504
+ class="basis_auto shrink value"
298
505
  data-id="boxComponent"
299
506
  data-selector-id="box"
300
507
  data-test-id="boxComponent"
@@ -303,7 +510,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
303
510
  </div>
304
511
  </div>
305
512
  <div
306
- class="secondaryField secondaryValue shrinkOff"
513
+ class="noShrink secondaryField secondaryValue"
307
514
  data-id="boxComponent"
308
515
  data-selector-id="box"
309
516
  data-test-id="boxComponent"
@@ -320,7 +527,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
320
527
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align end 1`] = `
321
528
  <DocumentFragment>
322
529
  <li
323
- class="list medium default withBorder flex rowdir vCenter"
530
+ class="flex row alignItems_center list medium default withBorder"
324
531
  data-a11y-inset-focus="true"
325
532
  data-id="listItemWithRadioComp"
326
533
  data-selector-id="listItemWithRadio"
@@ -329,7 +536,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
329
536
  tabindex="0"
330
537
  >
331
538
  <div
332
- class="contentWrapper shrinkOff"
539
+ class="noShrink contentWrapper"
333
540
  data-id="boxComponent"
334
541
  data-selector-id="box"
335
542
  data-test-id="boxComponent"
@@ -340,7 +547,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
340
547
  data-test-id="listItemWithRadioComp_radio"
341
548
  >
342
549
  <div
343
- class="lhsBoxInner shrinkOff selfEnd"
550
+ class="noShrink alignSelf_end lhsBoxInner"
344
551
  data-id="boxComponent"
345
552
  data-selector-id="box"
346
553
  data-test-id="boxComponent"
@@ -349,7 +556,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
349
556
  aria-checked="false"
350
557
  aria-hidden="true"
351
558
  aria-readonly="false"
352
- class="container pointer hoverEfffect inflex rowdir both"
559
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
353
560
  data-id="RadioComp"
354
561
  data-selector-id="container"
355
562
  data-test-id="RadioComp"
@@ -357,8 +564,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
357
564
  tabindex="-1"
358
565
  >
359
566
  <div
360
- class="radio
361
- hoverprimary medium filled centerPathprimary shrinkOff"
567
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
362
568
  data-id="boxComponent"
363
569
  data-selector-id="box"
364
570
  data-test-id="boxComponent"
@@ -387,19 +593,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
387
593
  </div>
388
594
  </div>
389
595
  <div
390
- class="leftBox selfAlign_center grow basis shrinkOff"
596
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
391
597
  data-id="boxComponent"
392
598
  data-selector-id="box"
393
599
  data-test-id="boxComponent"
394
600
  >
395
601
  <div
396
- class="titleBox shrinkOff"
602
+ class="noShrink titleBox"
397
603
  data-id="boxComponent"
398
604
  data-selector-id="box"
399
605
  data-test-id="boxComponent"
400
606
  >
401
607
  <div
402
- class="value basisAuto shrinkOn"
608
+ class="basis_auto shrink value"
403
609
  data-id="boxComponent"
404
610
  data-selector-id="box"
405
611
  data-test-id="boxComponent"
@@ -408,7 +614,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
408
614
  </div>
409
615
  </div>
410
616
  <div
411
- class="secondaryField secondaryValue shrinkOff"
617
+ class="noShrink secondaryField secondaryValue"
412
618
  data-id="boxComponent"
413
619
  data-selector-id="box"
414
620
  data-test-id="boxComponent"
@@ -425,7 +631,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
425
631
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
426
632
  <DocumentFragment>
427
633
  <li
428
- class="list medium default withBorder flex rowdir vCenter"
634
+ class="flex row alignItems_center list medium default withBorder"
429
635
  data-a11y-inset-focus="true"
430
636
  data-id="listItemWithRadioComp"
431
637
  data-selector-id="listItemWithRadio"
@@ -434,7 +640,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
434
640
  tabindex="0"
435
641
  >
436
642
  <div
437
- class="contentWrapper shrinkOff"
643
+ class="noShrink contentWrapper"
438
644
  data-id="boxComponent"
439
645
  data-selector-id="box"
440
646
  data-test-id="boxComponent"
@@ -445,7 +651,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
445
651
  data-test-id="listItemWithRadioComp_radio"
446
652
  >
447
653
  <div
448
- class="lhsBoxInner shrinkOff selfStart"
654
+ class="noShrink alignSelf_start lhsBoxInner"
449
655
  data-id="boxComponent"
450
656
  data-selector-id="box"
451
657
  data-test-id="boxComponent"
@@ -454,7 +660,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
454
660
  aria-checked="false"
455
661
  aria-hidden="true"
456
662
  aria-readonly="false"
457
- class="container pointer hoverEfffect inflex rowdir both"
663
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
458
664
  data-id="RadioComp"
459
665
  data-selector-id="container"
460
666
  data-test-id="RadioComp"
@@ -462,8 +668,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
462
668
  tabindex="-1"
463
669
  >
464
670
  <div
465
- class="radio
466
- hoverprimary medium filled centerPathprimary shrinkOff"
671
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
467
672
  data-id="boxComponent"
468
673
  data-selector-id="box"
469
674
  data-test-id="boxComponent"
@@ -492,19 +697,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
492
697
  </div>
493
698
  </div>
494
699
  <div
495
- class="leftBox selfAlign_center grow basis shrinkOff"
700
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
496
701
  data-id="boxComponent"
497
702
  data-selector-id="box"
498
703
  data-test-id="boxComponent"
499
704
  >
500
705
  <div
501
- class="titleBox shrinkOff"
706
+ class="noShrink titleBox"
502
707
  data-id="boxComponent"
503
708
  data-selector-id="box"
504
709
  data-test-id="boxComponent"
505
710
  >
506
711
  <div
507
- class="value basisAuto shrinkOn"
712
+ class="basis_auto shrink value"
508
713
  data-id="boxComponent"
509
714
  data-selector-id="box"
510
715
  data-test-id="boxComponent"
@@ -513,7 +718,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
513
718
  </div>
514
719
  </div>
515
720
  <div
516
- class="secondaryField secondaryValue shrinkOff"
721
+ class="noShrink secondaryField secondaryValue"
517
722
  data-id="boxComponent"
518
723
  data-selector-id="box"
519
724
  data-test-id="boxComponent"
@@ -530,7 +735,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
530
735
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
531
736
  <DocumentFragment>
532
737
  <li
533
- class="list medium default withBorder flex rowdir vCenter"
738
+ class="flex row alignItems_center list medium default withBorder"
534
739
  data-a11y-inset-focus="true"
535
740
  data-id="listItemWithRadioComp"
536
741
  data-selector-id="listItemWithRadio"
@@ -539,7 +744,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
539
744
  tabindex="0"
540
745
  >
541
746
  <div
542
- class="contentWrapper shrinkOff"
747
+ class="noShrink contentWrapper"
543
748
  data-id="boxComponent"
544
749
  data-selector-id="box"
545
750
  data-test-id="boxComponent"
@@ -550,7 +755,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
550
755
  data-test-id="listItemWithRadioComp_radio"
551
756
  >
552
757
  <div
553
- class="lhsBoxInner shrinkOff selfStart"
758
+ class="noShrink alignSelf_start lhsBoxInner"
554
759
  data-id="boxComponent"
555
760
  data-selector-id="box"
556
761
  data-test-id="boxComponent"
@@ -559,7 +764,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
559
764
  aria-checked="false"
560
765
  aria-hidden="true"
561
766
  aria-readonly="false"
562
- class="container pointer hoverEfffect inflex rowdir both"
767
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
563
768
  data-id="RadioComp"
564
769
  data-selector-id="container"
565
770
  data-test-id="RadioComp"
@@ -567,8 +772,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
567
772
  tabindex="-1"
568
773
  >
569
774
  <div
570
- class="radio
571
- hoverprimary medium filled centerPathprimary shrinkOff"
775
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
572
776
  data-id="boxComponent"
573
777
  data-selector-id="box"
574
778
  data-test-id="boxComponent"
@@ -597,19 +801,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
597
801
  </div>
598
802
  </div>
599
803
  <div
600
- class="leftBox selfAlign_center grow basis shrinkOff"
804
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
601
805
  data-id="boxComponent"
602
806
  data-selector-id="box"
603
807
  data-test-id="boxComponent"
604
808
  >
605
809
  <div
606
- class="titleBox shrinkOff"
810
+ class="noShrink titleBox"
607
811
  data-id="boxComponent"
608
812
  data-selector-id="box"
609
813
  data-test-id="boxComponent"
610
814
  >
611
815
  <div
612
- class="value basisAuto shrinkOn"
816
+ class="basis_auto shrink value"
613
817
  data-id="boxComponent"
614
818
  data-selector-id="box"
615
819
  data-test-id="boxComponent"
@@ -618,7 +822,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
618
822
  </div>
619
823
  </div>
620
824
  <div
621
- class="secondaryField secondaryValue shrinkOff"
825
+ class="noShrink secondaryField secondaryValue"
622
826
  data-id="boxComponent"
623
827
  data-selector-id="box"
624
828
  data-test-id="boxComponent"
@@ -635,7 +839,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
635
839
  exports[`ListItemWithRadio rendering the defult props 1`] = `
636
840
  <DocumentFragment>
637
841
  <li
638
- class="list medium default withBorder flex rowdir vCenter"
842
+ class="flex row alignItems_center list medium default withBorder"
639
843
  data-a11y-inset-focus="true"
640
844
  data-id="listItemWithRadioComp"
641
845
  data-selector-id="listItemWithRadio"
@@ -644,7 +848,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
644
848
  tabindex="0"
645
849
  >
646
850
  <div
647
- class="contentWrapper shrinkOff"
851
+ class="noShrink contentWrapper"
648
852
  data-id="boxComponent"
649
853
  data-selector-id="box"
650
854
  data-test-id="boxComponent"
@@ -655,7 +859,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
655
859
  data-test-id="listItemWithRadioComp_radio"
656
860
  >
657
861
  <div
658
- class="lhsBoxInner shrinkOff selfStart"
862
+ class="noShrink alignSelf_start lhsBoxInner"
659
863
  data-id="boxComponent"
660
864
  data-selector-id="box"
661
865
  data-test-id="boxComponent"
@@ -664,7 +868,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
664
868
  aria-checked="false"
665
869
  aria-hidden="true"
666
870
  aria-readonly="false"
667
- class="container pointer hoverEfffect inflex rowdir both"
871
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
668
872
  data-id="RadioComp"
669
873
  data-selector-id="container"
670
874
  data-test-id="RadioComp"
@@ -672,8 +876,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
672
876
  tabindex="-1"
673
877
  >
674
878
  <div
675
- class="radio
676
- hoverprimary medium filled centerPathprimary shrinkOff"
879
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
677
880
  data-id="boxComponent"
678
881
  data-selector-id="box"
679
882
  data-test-id="boxComponent"
@@ -702,19 +905,19 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
702
905
  </div>
703
906
  </div>
704
907
  <div
705
- class="leftBox selfAlign_center grow basis shrinkOff"
908
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
706
909
  data-id="boxComponent"
707
910
  data-selector-id="box"
708
911
  data-test-id="boxComponent"
709
912
  >
710
913
  <div
711
- class="titleBox shrinkOff"
914
+ class="noShrink titleBox"
712
915
  data-id="boxComponent"
713
916
  data-selector-id="box"
714
917
  data-test-id="boxComponent"
715
918
  >
716
919
  <div
717
- class="value basisAuto shrinkOn"
920
+ class="basis_auto shrink value"
718
921
  data-id="boxComponent"
719
922
  data-selector-id="box"
720
923
  data-test-id="boxComponent"