@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/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap CHANGED
@@ -1,117 +1,9 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`ListItemWithIcon ListItemWithIcon with renderLeftValuePlaceholderNode & it's custom class 1`] = `
4
- <DocumentFragment>
5
- <li
6
- class="flex row alignItems_center list medium default withBorder"
7
- data-a11y-inset-focus="true"
8
- data-id="list"
9
- data-selector-id="listItemWithIcon"
10
- data-test-id="list"
11
- role="option"
12
- tabindex="0"
13
- >
14
- <div
15
- class="noShrink contentWrapper"
16
- data-id="boxComponent"
17
- data-selector-id="box"
18
- data-test-id="boxComponent"
19
- >
20
- <div
21
- class="flexible basis_zero noShrink leftBox selfAlign_center"
22
- data-id="boxComponent"
23
- data-selector-id="box"
24
- data-test-id="boxComponent"
25
- >
26
- <div
27
- class="noShrink titleBox"
28
- data-id="boxComponent"
29
- data-selector-id="box"
30
- data-test-id="boxComponent"
31
- >
32
- <div
33
- class="basis_auto noShrink customLeftValuePlaceholderClass"
34
- data-id="boxComponent"
35
- data-selector-id="box"
36
- data-test-id="boxComponent"
37
- >
38
- <div>
39
- Left Placeholder
40
- </div>
41
- </div>
42
- <div
43
- class="basis_auto shrink value"
44
- data-id="list_Text"
45
- data-selector-id="box"
46
- data-test-id="list_Text"
47
- >
48
- List
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- </li>
54
- </DocumentFragment>
55
- `;
56
-
57
- exports[`ListItemWithIcon ListItemWithIcon with renderLeftValuePlaceholderNode 1`] = `
58
- <DocumentFragment>
59
- <li
60
- class="flex row alignItems_center list medium default withBorder"
61
- data-a11y-inset-focus="true"
62
- data-id="list"
63
- data-selector-id="listItemWithIcon"
64
- data-test-id="list"
65
- role="option"
66
- tabindex="0"
67
- >
68
- <div
69
- class="noShrink contentWrapper"
70
- data-id="boxComponent"
71
- data-selector-id="box"
72
- data-test-id="boxComponent"
73
- >
74
- <div
75
- class="flexible basis_zero noShrink leftBox selfAlign_center"
76
- data-id="boxComponent"
77
- data-selector-id="box"
78
- data-test-id="boxComponent"
79
- >
80
- <div
81
- class="noShrink titleBox"
82
- data-id="boxComponent"
83
- data-selector-id="box"
84
- data-test-id="boxComponent"
85
- >
86
- <div
87
- class="basis_auto noShrink"
88
- data-id="boxComponent"
89
- data-selector-id="box"
90
- data-test-id="boxComponent"
91
- >
92
- <div>
93
- Left Placeholder
94
- </div>
95
- </div>
96
- <div
97
- class="basis_auto shrink value"
98
- data-id="list_Text"
99
- data-selector-id="box"
100
- data-test-id="list_Text"
101
- >
102
- List
103
- </div>
104
- </div>
105
- </div>
106
- </div>
107
- </li>
108
- </DocumentFragment>
109
- `;
110
-
111
3
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode & it's custom class 1`] = `
112
4
  <DocumentFragment>
113
5
  <li
114
- class="flex row alignItems_center list medium default withBorder"
6
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
115
7
  data-a11y-inset-focus="true"
116
8
  data-id="list"
117
9
  data-selector-id="listItemWithIcon"
@@ -120,25 +12,25 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
120
12
  tabindex="0"
121
13
  >
122
14
  <div
123
- class="noShrink contentWrapper"
15
+ class="d-flex-shrink-0 contentWrapper"
124
16
  data-id="boxComponent"
125
17
  data-selector-id="box"
126
18
  data-test-id="boxComponent"
127
19
  >
128
20
  <div
129
- class="flexible basis_zero noShrink leftBox selfAlign_center"
21
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
130
22
  data-id="boxComponent"
131
23
  data-selector-id="box"
132
24
  data-test-id="boxComponent"
133
25
  >
134
26
  <div
135
- class="noShrink titleBox"
27
+ class="d-flex-shrink-0 titleBox"
136
28
  data-id="boxComponent"
137
29
  data-selector-id="box"
138
30
  data-test-id="boxComponent"
139
31
  >
140
32
  <div
141
- class="basis_auto shrink value"
33
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
142
34
  data-id="list_Text"
143
35
  data-selector-id="box"
144
36
  data-test-id="list_Text"
@@ -146,7 +38,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
146
38
  List
147
39
  </div>
148
40
  <div
149
- class="noShrink customValueRightPlaceholderClass"
41
+ class="d-flex-shrink-0 customValueRightPlaceholderClass"
150
42
  data-id="boxComponent"
151
43
  data-selector-id="box"
152
44
  data-test-id="boxComponent"
@@ -165,7 +57,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
165
57
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode 1`] = `
166
58
  <DocumentFragment>
167
59
  <li
168
- class="flex row alignItems_center list medium default withBorder"
60
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
169
61
  data-a11y-inset-focus="true"
170
62
  data-id="list"
171
63
  data-selector-id="listItemWithIcon"
@@ -174,25 +66,25 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
174
66
  tabindex="0"
175
67
  >
176
68
  <div
177
- class="noShrink contentWrapper"
69
+ class="d-flex-shrink-0 contentWrapper"
178
70
  data-id="boxComponent"
179
71
  data-selector-id="box"
180
72
  data-test-id="boxComponent"
181
73
  >
182
74
  <div
183
- class="flexible basis_zero noShrink leftBox selfAlign_center"
75
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
184
76
  data-id="boxComponent"
185
77
  data-selector-id="box"
186
78
  data-test-id="boxComponent"
187
79
  >
188
80
  <div
189
- class="noShrink titleBox"
81
+ class="d-flex-shrink-0 titleBox"
190
82
  data-id="boxComponent"
191
83
  data-selector-id="box"
192
84
  data-test-id="boxComponent"
193
85
  >
194
86
  <div
195
- class="basis_auto shrink value"
87
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
196
88
  data-id="list_Text"
197
89
  data-selector-id="box"
198
90
  data-test-id="list_Text"
@@ -200,7 +92,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
200
92
  List
201
93
  </div>
202
94
  <div
203
- class="noShrink"
95
+ class="d-flex-shrink-0"
204
96
  data-id="boxComponent"
205
97
  data-selector-id="box"
206
98
  data-test-id="boxComponent"
@@ -219,7 +111,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
219
111
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align center 1`] = `
220
112
  <DocumentFragment>
221
113
  <li
222
- class="flex row alignItems_center list medium default withBorder"
114
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
223
115
  data-a11y-inset-focus="true"
224
116
  data-id="list"
225
117
  data-selector-id="listItemWithIcon"
@@ -228,25 +120,25 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
228
120
  tabindex="0"
229
121
  >
230
122
  <div
231
- class="noShrink contentWrapper alignLhsBox_center"
123
+ class="d-flex-shrink-0 contentWrapper alignLhsBox_center"
232
124
  data-id="boxComponent"
233
125
  data-selector-id="box"
234
126
  data-test-id="boxComponent"
235
127
  >
236
128
  <div
237
- class="flexible basis_zero noShrink leftBox selfAlign_center"
129
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
238
130
  data-id="boxComponent"
239
131
  data-selector-id="box"
240
132
  data-test-id="boxComponent"
241
133
  >
242
134
  <div
243
- class="noShrink titleBox"
135
+ class="d-flex-shrink-0 titleBox"
244
136
  data-id="boxComponent"
245
137
  data-selector-id="box"
246
138
  data-test-id="boxComponent"
247
139
  >
248
140
  <div
249
- class="basis_auto shrink value"
141
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
250
142
  data-id="list_Text"
251
143
  data-selector-id="box"
252
144
  data-test-id="list_Text"
@@ -255,7 +147,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
255
147
  </div>
256
148
  </div>
257
149
  <div
258
- class="noShrink secondaryField secondaryValue"
150
+ class="d-flex-shrink-0 secondaryField secondaryValue"
259
151
  data-id="boxComponent"
260
152
  data-selector-id="box"
261
153
  data-test-id="boxComponent"
@@ -272,7 +164,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
272
164
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align end 1`] = `
273
165
  <DocumentFragment>
274
166
  <li
275
- class="flex row alignItems_center list medium default withBorder"
167
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
276
168
  data-a11y-inset-focus="true"
277
169
  data-id="list"
278
170
  data-selector-id="listItemWithIcon"
@@ -281,25 +173,25 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
281
173
  tabindex="0"
282
174
  >
283
175
  <div
284
- class="noShrink contentWrapper alignLhsBox_end"
176
+ class="d-flex-shrink-0 contentWrapper alignLhsBox_end"
285
177
  data-id="boxComponent"
286
178
  data-selector-id="box"
287
179
  data-test-id="boxComponent"
288
180
  >
289
181
  <div
290
- class="flexible basis_zero noShrink leftBox selfAlign_center"
182
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
291
183
  data-id="boxComponent"
292
184
  data-selector-id="box"
293
185
  data-test-id="boxComponent"
294
186
  >
295
187
  <div
296
- class="noShrink titleBox"
188
+ class="d-flex-shrink-0 titleBox"
297
189
  data-id="boxComponent"
298
190
  data-selector-id="box"
299
191
  data-test-id="boxComponent"
300
192
  >
301
193
  <div
302
- class="basis_auto shrink value"
194
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
303
195
  data-id="list_Text"
304
196
  data-selector-id="box"
305
197
  data-test-id="list_Text"
@@ -308,7 +200,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
308
200
  </div>
309
201
  </div>
310
202
  <div
311
- class="noShrink secondaryField secondaryValue"
203
+ class="d-flex-shrink-0 secondaryField secondaryValue"
312
204
  data-id="boxComponent"
313
205
  data-selector-id="box"
314
206
  data-test-id="boxComponent"
@@ -325,7 +217,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
325
217
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
326
218
  <DocumentFragment>
327
219
  <li
328
- class="flex row alignItems_center list medium default withBorder"
220
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
329
221
  data-a11y-inset-focus="true"
330
222
  data-id="list"
331
223
  data-selector-id="listItemWithIcon"
@@ -334,25 +226,25 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
334
226
  tabindex="0"
335
227
  >
336
228
  <div
337
- class="noShrink contentWrapper"
229
+ class="d-flex-shrink-0 contentWrapper"
338
230
  data-id="boxComponent"
339
231
  data-selector-id="box"
340
232
  data-test-id="boxComponent"
341
233
  >
342
234
  <div
343
- class="flexible basis_zero noShrink leftBox selfAlign_center"
235
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
344
236
  data-id="boxComponent"
345
237
  data-selector-id="box"
346
238
  data-test-id="boxComponent"
347
239
  >
348
240
  <div
349
- class="noShrink titleBox"
241
+ class="d-flex-shrink-0 titleBox"
350
242
  data-id="boxComponent"
351
243
  data-selector-id="box"
352
244
  data-test-id="boxComponent"
353
245
  >
354
246
  <div
355
- class="basis_auto shrink value"
247
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
356
248
  data-id="list_Text"
357
249
  data-selector-id="box"
358
250
  data-test-id="list_Text"
@@ -361,7 +253,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
361
253
  </div>
362
254
  </div>
363
255
  <div
364
- class="noShrink secondaryField secondaryValue"
256
+ class="d-flex-shrink-0 secondaryField secondaryValue"
365
257
  data-id="boxComponent"
366
258
  data-selector-id="box"
367
259
  data-test-id="boxComponent"
@@ -378,7 +270,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
378
270
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align start 1`] = `
379
271
  <DocumentFragment>
380
272
  <li
381
- class="flex row alignItems_center list medium default withBorder"
273
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
382
274
  data-a11y-inset-focus="true"
383
275
  data-id="list"
384
276
  data-selector-id="listItemWithIcon"
@@ -387,25 +279,25 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS alig
387
279
  tabindex="0"
388
280
  >
389
281
  <div
390
- class="noShrink contentWrapper"
282
+ class="d-flex-shrink-0 contentWrapper"
391
283
  data-id="boxComponent"
392
284
  data-selector-id="box"
393
285
  data-test-id="boxComponent"
394
286
  >
395
287
  <div
396
- class="flexible basis_zero noShrink leftBox selfAlign_center"
288
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
397
289
  data-id="boxComponent"
398
290
  data-selector-id="box"
399
291
  data-test-id="boxComponent"
400
292
  >
401
293
  <div
402
- class="noShrink titleBox"
294
+ class="d-flex-shrink-0 titleBox"
403
295
  data-id="boxComponent"
404
296
  data-selector-id="box"
405
297
  data-test-id="boxComponent"
406
298
  >
407
299
  <div
408
- class="basis_auto shrink value"
300
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
409
301
  data-id="list_Text"
410
302
  data-selector-id="box"
411
303
  data-test-id="list_Text"
@@ -414,7 +306,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS alig
414
306
  </div>
415
307
  </div>
416
308
  <div
417
- class="noShrink secondaryField secondaryValue"
309
+ class="d-flex-shrink-0 secondaryField secondaryValue"
418
310
  data-id="boxComponent"
419
311
  data-selector-id="box"
420
312
  data-test-id="boxComponent"
@@ -431,7 +323,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS alig
431
323
  exports[`ListItemWithIcon rendering the defult props 1`] = `
432
324
  <DocumentFragment>
433
325
  <li
434
- class="flex row alignItems_center list medium default withBorder"
326
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
435
327
  data-a11y-inset-focus="true"
436
328
  data-id="list"
437
329
  data-selector-id="listItemWithIcon"
@@ -440,25 +332,25 @@ exports[`ListItemWithIcon rendering the defult props 1`] = `
440
332
  tabindex="0"
441
333
  >
442
334
  <div
443
- class="noShrink contentWrapper"
335
+ class="d-flex-shrink-0 contentWrapper"
444
336
  data-id="boxComponent"
445
337
  data-selector-id="box"
446
338
  data-test-id="boxComponent"
447
339
  >
448
340
  <div
449
- class="flexible basis_zero noShrink leftBox selfAlign_center"
341
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
450
342
  data-id="boxComponent"
451
343
  data-selector-id="box"
452
344
  data-test-id="boxComponent"
453
345
  >
454
346
  <div
455
- class="noShrink titleBox"
347
+ class="d-flex-shrink-0 titleBox"
456
348
  data-id="boxComponent"
457
349
  data-selector-id="box"
458
350
  data-test-id="boxComponent"
459
351
  >
460
352
  <div
461
- class="basis_auto shrink value"
353
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
462
354
  data-id="list_Text"
463
355
  data-selector-id="box"
464
356
  data-test-id="list_Text"