@zohodesk/components 1.0.0-temp-256.1 → 1.0.0-temp-259.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 (270) hide show
  1. package/CHANGELOG.md +2038 -0
  2. package/README.md +2 -2048
  3. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +0 -2
  4. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +5 -20
  5. package/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css +12 -13
  6. package/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css +12 -13
  7. package/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css +12 -13
  8. package/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css +12 -13
  9. package/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css +12 -13
  10. package/assets/Appearance/light/mode/Component_LightMode.module.css +0 -2
  11. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +5 -20
  12. package/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css +12 -13
  13. package/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css +12 -13
  14. package/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css +12 -13
  15. package/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css +12 -13
  16. package/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css +12 -13
  17. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +0 -2
  18. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +5 -20
  19. package/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css +12 -13
  20. package/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css +12 -13
  21. package/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css +12 -13
  22. package/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css +12 -13
  23. package/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css +12 -13
  24. package/es/Accordion/Accordion.js +1 -6
  25. package/es/Accordion/AccordionItem.js +1 -6
  26. package/es/Animation/Animation.js +1 -8
  27. package/es/AppContainer/AppContainer.js +1 -6
  28. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  29. package/es/Avatar/Avatar.js +1 -6
  30. package/es/AvatarTeam/AvatarTeam.js +1 -7
  31. package/es/Button/Button.js +1 -6
  32. package/es/Buttongroup/Buttongroup.js +1 -14
  33. package/es/Card/Card.js +1 -9
  34. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  35. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  36. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  37. package/es/CheckBox/CheckBox.js +1 -6
  38. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  39. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  40. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  41. package/es/DateTime/DateWidget.js +0 -10
  42. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  43. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  44. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  45. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  46. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  47. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  48. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  49. package/es/DropDown/DropDownHeading.js +1 -6
  50. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  51. package/es/Heading/Heading.js +1 -6
  52. package/es/Label/Label.js +1 -6
  53. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  54. package/es/ListItem/ListContainer.js +1 -6
  55. package/es/ListItem/ListItem.js +2 -8
  56. package/es/ListItem/ListItemWithAvatar.js +4 -15
  57. package/es/ListItem/ListItemWithCheckBox.js +4 -15
  58. package/es/ListItem/ListItemWithIcon.js +3 -14
  59. package/es/ListItem/ListItemWithRadio.js +4 -15
  60. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +0 -19
  61. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +0 -19
  62. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +0 -17
  63. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +0 -19
  64. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  65. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  66. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -149
  67. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -274
  68. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -149
  69. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -272
  70. package/es/ListItem/props/defaultProps.js +0 -1
  71. package/es/ListItem/props/propTypes.js +3 -12
  72. package/es/Modal/Modal.js +1 -8
  73. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  74. package/es/MultiSelect/AdvancedMultiSelect.js +1 -9
  75. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  76. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  77. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  78. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  79. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  80. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  81. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  82. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  83. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  84. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  85. package/es/RippleEffect/RippleEffect.js +1 -6
  86. package/es/Select/GroupSelect.js +1 -8
  87. package/es/Select/Select.js +1 -10
  88. package/es/Select/SelectWithAvatar.js +1 -9
  89. package/es/Select/SelectWithIcon.js +1 -7
  90. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  91. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +756 -756
  92. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  93. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  94. package/es/Switch/Switch.js +1 -6
  95. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  96. package/es/Tab/Tab.js +14 -62
  97. package/es/Tab/Tab.module.css +4 -72
  98. package/es/Tab/TabWrapper.js +2 -6
  99. package/es/Tab/Tabs.js +14 -60
  100. package/es/Tab/Tabs.module.css +15 -84
  101. package/es/Tab/__tests__/Tab.spec.js +0 -87
  102. package/es/Tab/__tests__/Tabs.spec.js +0 -11
  103. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -289
  104. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  105. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  106. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  107. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  108. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -36
  109. package/es/Tab/props/defaultProps.js +3 -10
  110. package/es/Tab/props/propTypes.js +4 -26
  111. package/es/Tab/utils/tabConfigs.js +0 -11
  112. package/es/Tag/Tag.js +1 -6
  113. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  114. package/es/TextBox/TextBox.js +1 -8
  115. package/es/TextBoxIcon/TextBoxIcon.js +1 -8
  116. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  117. package/es/Textarea/Textarea.js +1 -8
  118. package/es/Tooltip/Tooltip.js +1 -8
  119. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  120. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  121. package/es/semantic/Button/Button.js +1 -6
  122. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  123. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  124. package/es/v1/Button/Button.js +160 -108
  125. package/es/v1/Button/README.md +3 -2
  126. package/es/v1/Button/__tests__/Button.spec.js +14 -6
  127. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +298 -218
  128. package/es/v1/Button/constants/index.js +26 -20
  129. package/es/v1/Button/constants/presets.js +158 -0
  130. package/es/v1/Button/css/Button_v1.module.css +37 -16
  131. package/es/v1/Button/css/cssJSLogic.js +47 -28
  132. package/es/v1/Button/props/defaultProps.js +5 -6
  133. package/es/v1/Button/props/propTypes.js +26 -8
  134. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  135. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  136. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +40 -40
  137. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +25 -25
  138. package/es/v1/helpers/colorHelpers/colorHelper.js +114 -138
  139. package/es/v1/helpers/colorHelpers/constants/index.js +45 -4
  140. package/es/v1/helpers/colorHelpers/text/textColor.module.css +35 -35
  141. package/es/v1/shared/{Loader/Loader.js → Spinner/Spinner.js} +5 -5
  142. package/es/v1/shared/{Loader/__tests__/Loader.spec.js → Spinner/__tests__/Spinner.spec.js} +4 -4
  143. package/{lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap → es/v1/shared/Spinner/__tests__/__snapshots__/Spinner.spec.js.snap} +2 -2
  144. package/lib/Accordion/Accordion.js +1 -6
  145. package/lib/Accordion/AccordionItem.js +1 -6
  146. package/lib/Animation/Animation.js +1 -8
  147. package/lib/AppContainer/AppContainer.js +1 -6
  148. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  149. package/lib/Avatar/Avatar.js +1 -6
  150. package/lib/AvatarTeam/AvatarTeam.js +1 -7
  151. package/lib/Button/Button.js +1 -7
  152. package/lib/Buttongroup/Buttongroup.js +1 -14
  153. package/lib/Card/Card.js +1 -8
  154. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  155. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  156. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  157. package/lib/CheckBox/CheckBox.js +1 -6
  158. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  159. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  160. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  161. package/lib/DateTime/DateWidget.js +0 -10
  162. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  163. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  164. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  165. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  166. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  167. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  168. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  169. package/lib/DropDown/DropDownHeading.js +1 -6
  170. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  171. package/lib/Heading/Heading.js +1 -6
  172. package/lib/Label/Label.js +1 -6
  173. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  174. package/lib/ListItem/ListContainer.js +1 -7
  175. package/lib/ListItem/ListItem.js +2 -9
  176. package/lib/ListItem/ListItemWithAvatar.js +4 -17
  177. package/lib/ListItem/ListItemWithCheckBox.js +4 -17
  178. package/lib/ListItem/ListItemWithIcon.js +3 -14
  179. package/lib/ListItem/ListItemWithRadio.js +4 -17
  180. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +0 -23
  181. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +0 -23
  182. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +0 -21
  183. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +0 -23
  184. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  185. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  186. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -149
  187. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -274
  188. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -149
  189. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -272
  190. package/lib/ListItem/props/defaultProps.js +0 -1
  191. package/lib/ListItem/props/propTypes.js +4 -12
  192. package/lib/Modal/Modal.js +1 -8
  193. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  194. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -9
  195. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  196. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  197. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  198. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  199. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  200. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  201. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  202. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  203. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  204. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  205. package/lib/RippleEffect/RippleEffect.js +1 -6
  206. package/lib/Select/GroupSelect.js +1 -9
  207. package/lib/Select/Select.js +1 -11
  208. package/lib/Select/SelectWithAvatar.js +1 -9
  209. package/lib/Select/SelectWithIcon.js +1 -7
  210. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  211. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +756 -756
  212. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  213. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  214. package/lib/Switch/Switch.js +1 -6
  215. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  216. package/lib/Tab/Tab.js +12 -65
  217. package/lib/Tab/Tab.module.css +4 -72
  218. package/lib/Tab/TabWrapper.js +2 -6
  219. package/lib/Tab/Tabs.js +11 -57
  220. package/lib/Tab/Tabs.module.css +15 -84
  221. package/lib/Tab/__tests__/Tab.spec.js +0 -88
  222. package/lib/Tab/__tests__/Tabs.spec.js +0 -12
  223. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -289
  224. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  225. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  226. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  227. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  228. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -36
  229. package/lib/Tab/props/defaultProps.js +3 -10
  230. package/lib/Tab/props/propTypes.js +4 -28
  231. package/lib/Tab/utils/tabConfigs.js +2 -15
  232. package/lib/Tag/Tag.js +1 -6
  233. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  234. package/lib/TextBox/TextBox.js +1 -8
  235. package/lib/TextBoxIcon/TextBoxIcon.js +1 -8
  236. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  237. package/lib/Textarea/Textarea.js +1 -8
  238. package/lib/Tooltip/Tooltip.js +1 -8
  239. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  240. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  241. package/lib/semantic/Button/Button.js +1 -6
  242. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  243. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  244. package/lib/v1/Button/Button.js +179 -120
  245. package/lib/v1/Button/README.md +3 -2
  246. package/lib/v1/Button/__tests__/Button.spec.js +66 -52
  247. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +298 -218
  248. package/lib/v1/Button/constants/index.js +31 -28
  249. package/lib/v1/Button/constants/presets.js +176 -0
  250. package/lib/v1/Button/css/Button_v1.module.css +37 -16
  251. package/lib/v1/Button/css/cssJSLogic.js +32 -19
  252. package/lib/v1/Button/props/defaultProps.js +4 -5
  253. package/lib/v1/Button/props/propTypes.js +41 -7
  254. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  255. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  256. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +40 -40
  257. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +25 -25
  258. package/lib/v1/helpers/colorHelpers/colorHelper.js +125 -153
  259. package/lib/v1/helpers/colorHelpers/constants/index.js +45 -4
  260. package/lib/v1/helpers/colorHelpers/text/textColor.module.css +35 -35
  261. package/lib/v1/shared/{Loader/Loader.js → Spinner/Spinner.js} +8 -8
  262. package/lib/v1/shared/{Loader/__tests__/Loader.spec.js → Spinner/__tests__/Spinner.spec.js} +4 -4
  263. package/{es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap → lib/v1/shared/Spinner/__tests__/__snapshots__/Spinner.spec.js.snap} +2 -2
  264. package/package.json +13 -13
  265. /package/es/v1/shared/{Loader/Loader_v1.module.css → Spinner/Spinner_v1.module.css} +0 -0
  266. /package/es/v1/shared/{Loader → Spinner}/props/defaultProps.js +0 -0
  267. /package/es/v1/shared/{Loader → Spinner}/props/propTypes.js +0 -0
  268. /package/lib/v1/shared/{Loader/Loader_v1.module.css → Spinner/Spinner_v1.module.css} +0 -0
  269. /package/lib/v1/shared/{Loader → Spinner}/props/defaultProps.js +0 -0
  270. /package/lib/v1/shared/{Loader → Spinner}/props/propTypes.js +0 -0
package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap CHANGED
@@ -1,219 +1,9 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
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
- `;
212
-
213
3
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode & it's custom class 1`] = `
214
4
  <DocumentFragment>
215
5
  <li
216
- class="flex row alignItems_center list medium default withBorder"
6
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
217
7
  data-a11y-inset-focus="true"
218
8
  data-id="listItemWithRadioComp"
219
9
  data-selector-id="listItemWithRadio"
@@ -222,7 +12,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
222
12
  tabindex="0"
223
13
  >
224
14
  <div
225
- class="noShrink contentWrapper"
15
+ class="d-flex-shrink-0 contentWrapper"
226
16
  data-id="boxComponent"
227
17
  data-selector-id="box"
228
18
  data-test-id="boxComponent"
@@ -233,7 +23,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
233
23
  data-test-id="listItemWithRadioComp_radio"
234
24
  >
235
25
  <div
236
- class="noShrink alignSelf_start lhsBoxInner"
26
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
237
27
  data-id="boxComponent"
238
28
  data-selector-id="box"
239
29
  data-test-id="boxComponent"
@@ -242,7 +32,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
242
32
  aria-checked="false"
243
33
  aria-hidden="true"
244
34
  aria-readonly="false"
245
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
35
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
246
36
  data-id="RadioComp"
247
37
  data-selector-id="container"
248
38
  data-test-id="RadioComp"
@@ -250,7 +40,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
250
40
  tabindex="-1"
251
41
  >
252
42
  <div
253
- class="noShrink radio hoverprimary medium filled centerPathprimary"
43
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
254
44
  data-id="boxComponent"
255
45
  data-selector-id="box"
256
46
  data-test-id="boxComponent"
@@ -279,19 +69,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
279
69
  </div>
280
70
  </div>
281
71
  <div
282
- class="flexible basis_zero noShrink leftBox selfAlign_center"
72
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
283
73
  data-id="boxComponent"
284
74
  data-selector-id="box"
285
75
  data-test-id="boxComponent"
286
76
  >
287
77
  <div
288
- class="noShrink titleBox"
78
+ class="d-flex-shrink-0 titleBox"
289
79
  data-id="boxComponent"
290
80
  data-selector-id="box"
291
81
  data-test-id="boxComponent"
292
82
  >
293
83
  <div
294
- class="basis_auto shrink value"
84
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
295
85
  data-id="boxComponent"
296
86
  data-selector-id="box"
297
87
  data-test-id="boxComponent"
@@ -299,7 +89,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
299
89
  List
300
90
  </div>
301
91
  <div
302
- class="noShrink customValueRightPlaceholderClass"
92
+ class="d-flex-shrink-0 customValueRightPlaceholderClass"
303
93
  data-id="boxComponent"
304
94
  data-selector-id="box"
305
95
  data-test-id="boxComponent"
@@ -318,7 +108,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
318
108
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode 1`] = `
319
109
  <DocumentFragment>
320
110
  <li
321
- class="flex row alignItems_center list medium default withBorder"
111
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
322
112
  data-a11y-inset-focus="true"
323
113
  data-id="listItemWithRadioComp"
324
114
  data-selector-id="listItemWithRadio"
@@ -327,7 +117,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
327
117
  tabindex="0"
328
118
  >
329
119
  <div
330
- class="noShrink contentWrapper"
120
+ class="d-flex-shrink-0 contentWrapper"
331
121
  data-id="boxComponent"
332
122
  data-selector-id="box"
333
123
  data-test-id="boxComponent"
@@ -338,7 +128,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
338
128
  data-test-id="listItemWithRadioComp_radio"
339
129
  >
340
130
  <div
341
- class="noShrink alignSelf_start lhsBoxInner"
131
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
342
132
  data-id="boxComponent"
343
133
  data-selector-id="box"
344
134
  data-test-id="boxComponent"
@@ -347,7 +137,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
347
137
  aria-checked="false"
348
138
  aria-hidden="true"
349
139
  aria-readonly="false"
350
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
140
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
351
141
  data-id="RadioComp"
352
142
  data-selector-id="container"
353
143
  data-test-id="RadioComp"
@@ -355,7 +145,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
355
145
  tabindex="-1"
356
146
  >
357
147
  <div
358
- class="noShrink radio hoverprimary medium filled centerPathprimary"
148
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
359
149
  data-id="boxComponent"
360
150
  data-selector-id="box"
361
151
  data-test-id="boxComponent"
@@ -384,19 +174,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
384
174
  </div>
385
175
  </div>
386
176
  <div
387
- class="flexible basis_zero noShrink leftBox selfAlign_center"
177
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
388
178
  data-id="boxComponent"
389
179
  data-selector-id="box"
390
180
  data-test-id="boxComponent"
391
181
  >
392
182
  <div
393
- class="noShrink titleBox"
183
+ class="d-flex-shrink-0 titleBox"
394
184
  data-id="boxComponent"
395
185
  data-selector-id="box"
396
186
  data-test-id="boxComponent"
397
187
  >
398
188
  <div
399
- class="basis_auto shrink value"
189
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
400
190
  data-id="boxComponent"
401
191
  data-selector-id="box"
402
192
  data-test-id="boxComponent"
@@ -404,7 +194,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
404
194
  List
405
195
  </div>
406
196
  <div
407
- class="noShrink"
197
+ class="d-flex-shrink-0"
408
198
  data-id="boxComponent"
409
199
  data-selector-id="box"
410
200
  data-test-id="boxComponent"
@@ -423,7 +213,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
423
213
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align center 1`] = `
424
214
  <DocumentFragment>
425
215
  <li
426
- class="flex row alignItems_center list medium default withBorder"
216
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
427
217
  data-a11y-inset-focus="true"
428
218
  data-id="listItemWithRadioComp"
429
219
  data-selector-id="listItemWithRadio"
@@ -432,7 +222,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
432
222
  tabindex="0"
433
223
  >
434
224
  <div
435
- class="noShrink contentWrapper"
225
+ class="d-flex-shrink-0 contentWrapper"
436
226
  data-id="boxComponent"
437
227
  data-selector-id="box"
438
228
  data-test-id="boxComponent"
@@ -443,7 +233,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
443
233
  data-test-id="listItemWithRadioComp_radio"
444
234
  >
445
235
  <div
446
- class="noShrink alignSelf_center"
236
+ class="d-flex-shrink-0 d-self-center"
447
237
  data-id="boxComponent"
448
238
  data-selector-id="box"
449
239
  data-test-id="boxComponent"
@@ -452,7 +242,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
452
242
  aria-checked="false"
453
243
  aria-hidden="true"
454
244
  aria-readonly="false"
455
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
245
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
456
246
  data-id="RadioComp"
457
247
  data-selector-id="container"
458
248
  data-test-id="RadioComp"
@@ -460,7 +250,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
460
250
  tabindex="-1"
461
251
  >
462
252
  <div
463
- class="noShrink radio hoverprimary medium filled centerPathprimary"
253
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
464
254
  data-id="boxComponent"
465
255
  data-selector-id="box"
466
256
  data-test-id="boxComponent"
@@ -489,19 +279,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
489
279
  </div>
490
280
  </div>
491
281
  <div
492
- class="flexible basis_zero noShrink leftBox selfAlign_center"
282
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
493
283
  data-id="boxComponent"
494
284
  data-selector-id="box"
495
285
  data-test-id="boxComponent"
496
286
  >
497
287
  <div
498
- class="noShrink titleBox"
288
+ class="d-flex-shrink-0 titleBox"
499
289
  data-id="boxComponent"
500
290
  data-selector-id="box"
501
291
  data-test-id="boxComponent"
502
292
  >
503
293
  <div
504
- class="basis_auto shrink value"
294
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
505
295
  data-id="boxComponent"
506
296
  data-selector-id="box"
507
297
  data-test-id="boxComponent"
@@ -510,7 +300,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
510
300
  </div>
511
301
  </div>
512
302
  <div
513
- class="noShrink secondaryField secondaryValue"
303
+ class="d-flex-shrink-0 secondaryField secondaryValue"
514
304
  data-id="boxComponent"
515
305
  data-selector-id="box"
516
306
  data-test-id="boxComponent"
@@ -527,7 +317,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
527
317
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align end 1`] = `
528
318
  <DocumentFragment>
529
319
  <li
530
- class="flex row alignItems_center list medium default withBorder"
320
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
531
321
  data-a11y-inset-focus="true"
532
322
  data-id="listItemWithRadioComp"
533
323
  data-selector-id="listItemWithRadio"
@@ -536,7 +326,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
536
326
  tabindex="0"
537
327
  >
538
328
  <div
539
- class="noShrink contentWrapper"
329
+ class="d-flex-shrink-0 contentWrapper"
540
330
  data-id="boxComponent"
541
331
  data-selector-id="box"
542
332
  data-test-id="boxComponent"
@@ -547,7 +337,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
547
337
  data-test-id="listItemWithRadioComp_radio"
548
338
  >
549
339
  <div
550
- class="noShrink alignSelf_end lhsBoxInner"
340
+ class="d-flex-shrink-0 d-self-end lhsBoxInner"
551
341
  data-id="boxComponent"
552
342
  data-selector-id="box"
553
343
  data-test-id="boxComponent"
@@ -556,7 +346,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
556
346
  aria-checked="false"
557
347
  aria-hidden="true"
558
348
  aria-readonly="false"
559
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
349
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
560
350
  data-id="RadioComp"
561
351
  data-selector-id="container"
562
352
  data-test-id="RadioComp"
@@ -564,7 +354,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
564
354
  tabindex="-1"
565
355
  >
566
356
  <div
567
- class="noShrink radio hoverprimary medium filled centerPathprimary"
357
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
568
358
  data-id="boxComponent"
569
359
  data-selector-id="box"
570
360
  data-test-id="boxComponent"
@@ -593,19 +383,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
593
383
  </div>
594
384
  </div>
595
385
  <div
596
- class="flexible basis_zero noShrink leftBox selfAlign_center"
386
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
597
387
  data-id="boxComponent"
598
388
  data-selector-id="box"
599
389
  data-test-id="boxComponent"
600
390
  >
601
391
  <div
602
- class="noShrink titleBox"
392
+ class="d-flex-shrink-0 titleBox"
603
393
  data-id="boxComponent"
604
394
  data-selector-id="box"
605
395
  data-test-id="boxComponent"
606
396
  >
607
397
  <div
608
- class="basis_auto shrink value"
398
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
609
399
  data-id="boxComponent"
610
400
  data-selector-id="box"
611
401
  data-test-id="boxComponent"
@@ -614,7 +404,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
614
404
  </div>
615
405
  </div>
616
406
  <div
617
- class="noShrink secondaryField secondaryValue"
407
+ class="d-flex-shrink-0 secondaryField secondaryValue"
618
408
  data-id="boxComponent"
619
409
  data-selector-id="box"
620
410
  data-test-id="boxComponent"
@@ -631,7 +421,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
631
421
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
632
422
  <DocumentFragment>
633
423
  <li
634
- class="flex row alignItems_center list medium default withBorder"
424
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
635
425
  data-a11y-inset-focus="true"
636
426
  data-id="listItemWithRadioComp"
637
427
  data-selector-id="listItemWithRadio"
@@ -640,7 +430,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
640
430
  tabindex="0"
641
431
  >
642
432
  <div
643
- class="noShrink contentWrapper"
433
+ class="d-flex-shrink-0 contentWrapper"
644
434
  data-id="boxComponent"
645
435
  data-selector-id="box"
646
436
  data-test-id="boxComponent"
@@ -651,7 +441,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
651
441
  data-test-id="listItemWithRadioComp_radio"
652
442
  >
653
443
  <div
654
- class="noShrink alignSelf_start lhsBoxInner"
444
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
655
445
  data-id="boxComponent"
656
446
  data-selector-id="box"
657
447
  data-test-id="boxComponent"
@@ -660,7 +450,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
660
450
  aria-checked="false"
661
451
  aria-hidden="true"
662
452
  aria-readonly="false"
663
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
453
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
664
454
  data-id="RadioComp"
665
455
  data-selector-id="container"
666
456
  data-test-id="RadioComp"
@@ -668,7 +458,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
668
458
  tabindex="-1"
669
459
  >
670
460
  <div
671
- class="noShrink radio hoverprimary medium filled centerPathprimary"
461
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
672
462
  data-id="boxComponent"
673
463
  data-selector-id="box"
674
464
  data-test-id="boxComponent"
@@ -697,19 +487,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
697
487
  </div>
698
488
  </div>
699
489
  <div
700
- class="flexible basis_zero noShrink leftBox selfAlign_center"
490
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
701
491
  data-id="boxComponent"
702
492
  data-selector-id="box"
703
493
  data-test-id="boxComponent"
704
494
  >
705
495
  <div
706
- class="noShrink titleBox"
496
+ class="d-flex-shrink-0 titleBox"
707
497
  data-id="boxComponent"
708
498
  data-selector-id="box"
709
499
  data-test-id="boxComponent"
710
500
  >
711
501
  <div
712
- class="basis_auto shrink value"
502
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
713
503
  data-id="boxComponent"
714
504
  data-selector-id="box"
715
505
  data-test-id="boxComponent"
@@ -718,7 +508,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
718
508
  </div>
719
509
  </div>
720
510
  <div
721
- class="noShrink secondaryField secondaryValue"
511
+ class="d-flex-shrink-0 secondaryField secondaryValue"
722
512
  data-id="boxComponent"
723
513
  data-selector-id="box"
724
514
  data-test-id="boxComponent"
@@ -735,7 +525,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
735
525
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
736
526
  <DocumentFragment>
737
527
  <li
738
- class="flex row alignItems_center list medium default withBorder"
528
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
739
529
  data-a11y-inset-focus="true"
740
530
  data-id="listItemWithRadioComp"
741
531
  data-selector-id="listItemWithRadio"
@@ -744,7 +534,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
744
534
  tabindex="0"
745
535
  >
746
536
  <div
747
- class="noShrink contentWrapper"
537
+ class="d-flex-shrink-0 contentWrapper"
748
538
  data-id="boxComponent"
749
539
  data-selector-id="box"
750
540
  data-test-id="boxComponent"
@@ -755,7 +545,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
755
545
  data-test-id="listItemWithRadioComp_radio"
756
546
  >
757
547
  <div
758
- class="noShrink alignSelf_start lhsBoxInner"
548
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
759
549
  data-id="boxComponent"
760
550
  data-selector-id="box"
761
551
  data-test-id="boxComponent"
@@ -764,7 +554,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
764
554
  aria-checked="false"
765
555
  aria-hidden="true"
766
556
  aria-readonly="false"
767
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
557
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
768
558
  data-id="RadioComp"
769
559
  data-selector-id="container"
770
560
  data-test-id="RadioComp"
@@ -772,7 +562,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
772
562
  tabindex="-1"
773
563
  >
774
564
  <div
775
- class="noShrink radio hoverprimary medium filled centerPathprimary"
565
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
776
566
  data-id="boxComponent"
777
567
  data-selector-id="box"
778
568
  data-test-id="boxComponent"
@@ -801,19 +591,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
801
591
  </div>
802
592
  </div>
803
593
  <div
804
- class="flexible basis_zero noShrink leftBox selfAlign_center"
594
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
805
595
  data-id="boxComponent"
806
596
  data-selector-id="box"
807
597
  data-test-id="boxComponent"
808
598
  >
809
599
  <div
810
- class="noShrink titleBox"
600
+ class="d-flex-shrink-0 titleBox"
811
601
  data-id="boxComponent"
812
602
  data-selector-id="box"
813
603
  data-test-id="boxComponent"
814
604
  >
815
605
  <div
816
- class="basis_auto shrink value"
606
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
817
607
  data-id="boxComponent"
818
608
  data-selector-id="box"
819
609
  data-test-id="boxComponent"
@@ -822,7 +612,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
822
612
  </div>
823
613
  </div>
824
614
  <div
825
- class="noShrink secondaryField secondaryValue"
615
+ class="d-flex-shrink-0 secondaryField secondaryValue"
826
616
  data-id="boxComponent"
827
617
  data-selector-id="box"
828
618
  data-test-id="boxComponent"
@@ -839,7 +629,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
839
629
  exports[`ListItemWithRadio rendering the defult props 1`] = `
840
630
  <DocumentFragment>
841
631
  <li
842
- class="flex row alignItems_center list medium default withBorder"
632
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
843
633
  data-a11y-inset-focus="true"
844
634
  data-id="listItemWithRadioComp"
845
635
  data-selector-id="listItemWithRadio"
@@ -848,7 +638,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
848
638
  tabindex="0"
849
639
  >
850
640
  <div
851
- class="noShrink contentWrapper"
641
+ class="d-flex-shrink-0 contentWrapper"
852
642
  data-id="boxComponent"
853
643
  data-selector-id="box"
854
644
  data-test-id="boxComponent"
@@ -859,7 +649,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
859
649
  data-test-id="listItemWithRadioComp_radio"
860
650
  >
861
651
  <div
862
- class="noShrink alignSelf_start lhsBoxInner"
652
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
863
653
  data-id="boxComponent"
864
654
  data-selector-id="box"
865
655
  data-test-id="boxComponent"
@@ -868,7 +658,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
868
658
  aria-checked="false"
869
659
  aria-hidden="true"
870
660
  aria-readonly="false"
871
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
661
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
872
662
  data-id="RadioComp"
873
663
  data-selector-id="container"
874
664
  data-test-id="RadioComp"
@@ -876,7 +666,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
876
666
  tabindex="-1"
877
667
  >
878
668
  <div
879
- class="noShrink radio hoverprimary medium filled centerPathprimary"
669
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
880
670
  data-id="boxComponent"
881
671
  data-selector-id="box"
882
672
  data-test-id="boxComponent"
@@ -905,19 +695,19 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
905
695
  </div>
906
696
  </div>
907
697
  <div
908
- class="flexible basis_zero noShrink leftBox selfAlign_center"
698
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
909
699
  data-id="boxComponent"
910
700
  data-selector-id="box"
911
701
  data-test-id="boxComponent"
912
702
  >
913
703
  <div
914
- class="noShrink titleBox"
704
+ class="d-flex-shrink-0 titleBox"
915
705
  data-id="boxComponent"
916
706
  data-selector-id="box"
917
707
  data-test-id="boxComponent"
918
708
  >
919
709
  <div
920
- class="basis_auto shrink value"
710
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
921
711
  data-id="boxComponent"
922
712
  data-selector-id="box"
923
713
  data-test-id="boxComponent"