@zohodesk/components 1.6.21 → 1.6.22-exp-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 (152) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  4. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  5. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  6. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  7. package/es/Button/css/cssJSLogic.js +6 -6
  8. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  9. package/es/CheckBox/CheckBox.js +2 -2
  10. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  12. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  13. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  14. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  15. package/es/DateTime/CalendarView.js +2 -2
  16. package/es/DateTime/DateWidget.js +2 -2
  17. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  18. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  19. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  26. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  27. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  28. package/es/Label/Label.js +1 -1
  29. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  30. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  31. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  32. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  36. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  37. package/es/MultiSelect/MultiSelect.js +1 -1
  38. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  40. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  48. package/es/Ribbon/Ribbon.js +3 -16
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  50. package/es/Select/SelectWithAvatar.js +1 -1
  51. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  52. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  53. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  54. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  55. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  58. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  59. package/es/Tag/Tag.js +1 -2
  60. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  61. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  62. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  63. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  64. package/es/Textarea/Textarea.js +1 -1
  65. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  66. package/es/Tooltip/Tooltip.js +1 -1
  67. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  68. package/es/Typography/css/cssJSLogic.js +2 -2
  69. package/es/common/basic.module.css +9 -8
  70. package/es/deprecated/Switch/Switch.js +1 -1
  71. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  72. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  73. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  74. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  75. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  76. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  77. package/lib/AppContainer/AppContainer.module.css +9 -3
  78. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  79. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  80. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  81. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  82. package/lib/Button/css/cssJSLogic.js +3 -3
  83. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  84. package/lib/CheckBox/CheckBox.js +2 -2
  85. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  87. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  88. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  89. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  90. package/lib/DateTime/CalendarView.js +2 -2
  91. package/lib/DateTime/DateWidget.js +2 -2
  92. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  93. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  94. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  101. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  102. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  103. package/lib/Label/Label.js +1 -1
  104. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  105. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  106. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  107. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  111. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  112. package/lib/MultiSelect/MultiSelect.js +1 -1
  113. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  115. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  123. package/lib/Ribbon/Ribbon.js +2 -15
  124. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  125. package/lib/Select/SelectWithAvatar.js +1 -1
  126. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  127. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  128. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  129. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  130. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  133. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  134. package/lib/Tag/Tag.js +1 -1
  135. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  136. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  137. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  138. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  139. package/lib/Textarea/Textarea.js +1 -1
  140. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  141. package/lib/Tooltip/Tooltip.js +1 -1
  142. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  143. package/lib/Typography/css/cssJSLogic.js +1 -1
  144. package/lib/common/basic.module.css +9 -8
  145. package/lib/deprecated/Switch/Switch.js +1 -1
  146. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  147. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  148. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  149. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  150. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  151. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  152. package/package.json +11 -12
package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap CHANGED
@@ -3,8 +3,7 @@
3
3
  exports[`Label rendering the Id 1`] = `
4
4
  <DocumentFragment>
5
5
  <label
6
- class="label title medium default font_default
7
- cursor "
6
+ class="label title medium default font_default cursor"
8
7
  data-id="label"
9
8
  data-selector-id="label"
10
9
  data-test-id="label"
@@ -18,8 +17,7 @@ exports[`Label rendering the Id 1`] = `
18
17
  exports[`Label rendering the clipped is true 1`] = `
19
18
  <DocumentFragment>
20
19
  <label
21
- class="label title medium default font_default
22
- dotted cursor "
20
+ class="label title medium default font_default dotted cursor"
23
21
  data-id="label"
24
22
  data-selector-id="label"
25
23
  data-test-id="label"
@@ -32,8 +30,7 @@ exports[`Label rendering the clipped is true 1`] = `
32
30
  exports[`Label rendering the customClass 1`] = `
33
31
  <DocumentFragment>
34
32
  <label
35
- class="label title medium default font_default
36
- cursor LabelCustomClass "
33
+ class="label title medium default font_default cursor LabelCustomClass"
37
34
  data-id="label"
38
35
  data-selector-id="label"
39
36
  data-test-id="label"
@@ -46,8 +43,7 @@ exports[`Label rendering the customClass 1`] = `
46
43
  exports[`Label rendering the defult props 1`] = `
47
44
  <DocumentFragment>
48
45
  <label
49
- class="label title medium default font_default
50
- cursor "
46
+ class="label title medium default font_default cursor"
51
47
  data-id="label"
52
48
  data-selector-id="label"
53
49
  data-test-id="label"
@@ -60,8 +56,7 @@ exports[`Label rendering the defult props 1`] = `
60
56
  exports[`Label rendering the htmlFor 1`] = `
61
57
  <DocumentFragment>
62
58
  <label
63
- class="label title medium default font_default
64
- cursor "
59
+ class="label title medium default font_default cursor"
65
60
  data-id="label"
66
61
  data-selector-id="label"
67
62
  data-test-id="label"
@@ -75,8 +70,7 @@ exports[`Label rendering the htmlFor 1`] = `
75
70
  exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
76
71
  <DocumentFragment>
77
72
  <label
78
- class="label title medium default font_default
79
- pointer "
73
+ class="label title medium default font_default pointer"
80
74
  data-id="label"
81
75
  data-selector-id="label"
82
76
  data-test-id="label"
@@ -89,8 +83,7 @@ exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`
89
83
  exports[`Label rendering the palette of- danger 1`] = `
90
84
  <DocumentFragment>
91
85
  <label
92
- class="label title medium danger font_default
93
- cursor "
86
+ class="label title medium danger font_default cursor"
94
87
  data-id="label"
95
88
  data-selector-id="label"
96
89
  data-test-id="label"
@@ -103,8 +96,7 @@ exports[`Label rendering the palette of- danger 1`] = `
103
96
  exports[`Label rendering the palette of- dark 1`] = `
104
97
  <DocumentFragment>
105
98
  <label
106
- class="label title medium dark font_default
107
- cursor "
99
+ class="label title medium dark font_default cursor"
108
100
  data-id="label"
109
101
  data-selector-id="label"
110
102
  data-test-id="label"
@@ -117,8 +109,7 @@ exports[`Label rendering the palette of- dark 1`] = `
117
109
  exports[`Label rendering the palette of- default 1`] = `
118
110
  <DocumentFragment>
119
111
  <label
120
- class="label title medium default font_default
121
- cursor "
112
+ class="label title medium default font_default cursor"
122
113
  data-id="label"
123
114
  data-selector-id="label"
124
115
  data-test-id="label"
@@ -131,8 +122,7 @@ exports[`Label rendering the palette of- default 1`] = `
131
122
  exports[`Label rendering the palette of- disable 1`] = `
132
123
  <DocumentFragment>
133
124
  <label
134
- class="label title medium disable font_default
135
- cursor "
125
+ class="label title medium disable font_default cursor"
136
126
  data-id="label"
137
127
  data-selector-id="label"
138
128
  data-test-id="label"
@@ -145,8 +135,7 @@ exports[`Label rendering the palette of- disable 1`] = `
145
135
  exports[`Label rendering the palette of- mandatory 1`] = `
146
136
  <DocumentFragment>
147
137
  <label
148
- class="label title medium mandatory font_default
149
- cursor "
138
+ class="label title medium mandatory font_default cursor"
150
139
  data-id="label"
151
140
  data-selector-id="label"
152
141
  data-test-id="label"
@@ -159,8 +148,7 @@ exports[`Label rendering the palette of- mandatory 1`] = `
159
148
  exports[`Label rendering the palette of- primary 1`] = `
160
149
  <DocumentFragment>
161
150
  <label
162
- class="label title medium primary font_default
163
- cursor "
151
+ class="label title medium primary font_default cursor"
164
152
  data-id="label"
165
153
  data-selector-id="label"
166
154
  data-test-id="label"
@@ -173,8 +161,7 @@ exports[`Label rendering the palette of- primary 1`] = `
173
161
  exports[`Label rendering the palette of- secondary 1`] = `
174
162
  <DocumentFragment>
175
163
  <label
176
- class="label title medium secondary font_default
177
- cursor "
164
+ class="label title medium secondary font_default cursor"
178
165
  data-id="label"
179
166
  data-selector-id="label"
180
167
  data-test-id="label"
@@ -187,8 +174,7 @@ exports[`Label rendering the palette of- secondary 1`] = `
187
174
  exports[`Label rendering the size of- large 1`] = `
188
175
  <DocumentFragment>
189
176
  <label
190
- class="label title large default font_default
191
- cursor "
177
+ class="label title large default font_default cursor"
192
178
  data-id="label"
193
179
  data-selector-id="label"
194
180
  data-test-id="label"
@@ -201,8 +187,7 @@ exports[`Label rendering the size of- large 1`] = `
201
187
  exports[`Label rendering the size of- medium 1`] = `
202
188
  <DocumentFragment>
203
189
  <label
204
- class="label title medium default font_default
205
- cursor "
190
+ class="label title medium default font_default cursor"
206
191
  data-id="label"
207
192
  data-selector-id="label"
208
193
  data-test-id="label"
@@ -215,8 +200,7 @@ exports[`Label rendering the size of- medium 1`] = `
215
200
  exports[`Label rendering the size of- small 1`] = `
216
201
  <DocumentFragment>
217
202
  <label
218
- class="label title small default font_default
219
- cursor "
203
+ class="label title small default font_default cursor"
220
204
  data-id="label"
221
205
  data-selector-id="label"
222
206
  data-test-id="label"
@@ -229,8 +213,7 @@ exports[`Label rendering the size of- small 1`] = `
229
213
  exports[`Label rendering the size of- xsmall 1`] = `
230
214
  <DocumentFragment>
231
215
  <label
232
- class="label title xsmall default font_default
233
- cursor "
216
+ class="label title xsmall default font_default cursor"
234
217
  data-id="label"
235
218
  data-selector-id="label"
236
219
  data-test-id="label"
@@ -243,8 +226,7 @@ exports[`Label rendering the size of- xsmall 1`] = `
243
226
  exports[`Label rendering the title 1`] = `
244
227
  <DocumentFragment>
245
228
  <label
246
- class="label title medium default font_default
247
- cursor "
229
+ class="label title medium default font_default cursor"
248
230
  data-id="label"
249
231
  data-selector-id="label"
250
232
  data-test-id="label"
@@ -258,8 +240,7 @@ exports[`Label rendering the title 1`] = `
258
240
  exports[`Label rendering the type of- subtitle 1`] = `
259
241
  <DocumentFragment>
260
242
  <label
261
- class="label subtitle medium default font_default
262
- cursor "
243
+ class="label subtitle medium default font_default cursor"
263
244
  data-id="label"
264
245
  data-selector-id="label"
265
246
  data-test-id="label"
@@ -272,8 +253,7 @@ exports[`Label rendering the type of- subtitle 1`] = `
272
253
  exports[`Label rendering the type of- title 1`] = `
273
254
  <DocumentFragment>
274
255
  <label
275
- class="label title medium default font_default
276
- cursor "
256
+ class="label title medium default font_default cursor"
277
257
  data-id="label"
278
258
  data-selector-id="label"
279
259
  data-test-id="label"
@@ -286,8 +266,7 @@ exports[`Label rendering the type of- title 1`] = `
286
266
  exports[`Label rendering the variant of- default 1`] = `
287
267
  <DocumentFragment>
288
268
  <label
289
- class="label title medium default font_default
290
- cursor "
269
+ class="label title medium default font_default cursor"
291
270
  data-id="label"
292
271
  data-selector-id="label"
293
272
  data-test-id="label"
@@ -300,8 +279,7 @@ exports[`Label rendering the variant of- default 1`] = `
300
279
  exports[`Label rendering the variant of- primary 1`] = `
301
280
  <DocumentFragment>
302
281
  <label
303
- class="label title medium default font_primary
304
- cursor "
282
+ class="label title medium default font_primary cursor"
305
283
  data-id="label"
306
284
  data-selector-id="label"
307
285
  data-test-id="label"
@@ -320,8 +298,7 @@ exports[`Label rendering with customProps - containerProps & rightPlaceholderNod
320
298
  style="gap: 6px;"
321
299
  >
322
300
  <label
323
- class="label title large danger font_default
324
- cursor "
301
+ class="label title large danger font_default cursor"
325
302
  data-id="label"
326
303
  data-selector-id="label"
327
304
  data-test-id="label"
@@ -353,8 +330,7 @@ exports[`Label rendering with renderRightPlaceholderNode 1`] = `
353
330
  data-test-id="flex"
354
331
  >
355
332
  <label
356
- class="label title medium default font_default
357
- cursor "
333
+ class="label title medium default font_default cursor"
358
334
  data-id="label"
359
335
  data-selector-id="label"
360
336
  data-test-id="label"
package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListContainer ListContainer with Align Base Line 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_baseline list medium default withBorder"
6
+ class="flex row alignItems_baseline list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="containerComponent"
9
9
  data-selector-id="listContainer"
@@ -16,7 +16,7 @@ exports[`ListContainer ListContainer with Align Base Line 1`] = `
16
16
  exports[`ListContainer rendering the defult props 1`] = `
17
17
  <DocumentFragment>
18
18
  <li
19
- class="flex row alignItems_center list medium default withBorder"
19
+ class="flex row alignItems_center list medium default withBorder"
20
20
  data-a11y-inset-focus="true"
21
21
  data-id="containerComponent"
22
22
  data-selector-id="listContainer"
package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItem ListItem with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="listItem"
9
9
  data-selector-id="listItem"
@@ -42,7 +42,7 @@ exports[`ListItem ListItem with renderValueRightPlaceholderNode & it's custom cl
42
42
  exports[`ListItem ListItem with renderValueRightPlaceholderNode 1`] = `
43
43
  <DocumentFragment>
44
44
  <li
45
- class="flex row alignItems_center list medium default withBorder"
45
+ class="flex row alignItems_center list medium default withBorder"
46
46
  data-a11y-inset-focus="true"
47
47
  data-id="listItem"
48
48
  data-selector-id="listItem"
@@ -81,7 +81,7 @@ exports[`ListItem ListItem with renderValueRightPlaceholderNode 1`] = `
81
81
  exports[`ListItem Should render with renderBeforeChildren 1`] = `
82
82
  <DocumentFragment>
83
83
  <li
84
- class="flex row alignItems_center list medium default withBorder"
84
+ class="flex row alignItems_center list medium default withBorder"
85
85
  data-a11y-inset-focus="true"
86
86
  data-id="listItem"
87
87
  data-selector-id="listItem"
@@ -128,7 +128,7 @@ exports[`ListItem Should render with renderBeforeChildren 1`] = `
128
128
  exports[`ListItem rendering the defult props 1`] = `
129
129
  <DocumentFragment>
130
130
  <li
131
- class="flex row alignItems_center list medium default withBorder"
131
+ class="flex row alignItems_center list medium default withBorder"
132
132
  data-a11y-inset-focus="true"
133
133
  data-id="listItem"
134
134
  data-selector-id="listItem"
package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="List_ListItemWithAvatar"
9
9
  data-selector-id="listItemWithAvatar"
@@ -57,7 +57,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
57
57
  exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode 1`] = `
58
58
  <DocumentFragment>
59
59
  <li
60
- class="flex row alignItems_center list medium default withBorder"
60
+ class="flex row alignItems_center list medium default withBorder"
61
61
  data-a11y-inset-focus="true"
62
62
  data-id="List_ListItemWithAvatar"
63
63
  data-selector-id="listItemWithAvatar"
@@ -111,7 +111,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
111
111
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align center 1`] = `
112
112
  <DocumentFragment>
113
113
  <li
114
- class="flex row alignItems_center list medium default withBorder"
114
+ class="flex row alignItems_center list medium default withBorder"
115
115
  data-a11y-inset-focus="true"
116
116
  data-id="List_ListItemWithAvatar"
117
117
  data-selector-id="listItemWithAvatar"
@@ -164,7 +164,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
164
164
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align end 1`] = `
165
165
  <DocumentFragment>
166
166
  <li
167
- class="flex row alignItems_center list medium default withBorder"
167
+ class="flex row alignItems_center list medium default withBorder"
168
168
  data-a11y-inset-focus="true"
169
169
  data-id="List_ListItemWithAvatar"
170
170
  data-selector-id="listItemWithAvatar"
@@ -217,7 +217,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
217
217
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
218
218
  <DocumentFragment>
219
219
  <li
220
- class="flex row alignItems_center list medium default withBorder"
220
+ class="flex row alignItems_center list medium default withBorder"
221
221
  data-a11y-inset-focus="true"
222
222
  data-id="List_ListItemWithAvatar"
223
223
  data-selector-id="listItemWithAvatar"
@@ -270,7 +270,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
270
270
  exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align start 1`] = `
271
271
  <DocumentFragment>
272
272
  <li
273
- class="flex row alignItems_center list medium default withBorder"
273
+ class="flex row alignItems_center list medium default withBorder"
274
274
  data-a11y-inset-focus="true"
275
275
  data-id="List_ListItemWithAvatar"
276
276
  data-selector-id="listItemWithAvatar"
@@ -323,7 +323,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
323
323
  exports[`ListItemWithAvatar rendering the defult props 1`] = `
324
324
  <DocumentFragment>
325
325
  <li
326
- class="flex row alignItems_center list medium default withBorder"
326
+ class="flex row alignItems_center list medium default withBorder"
327
327
  data-a11y-inset-focus="true"
328
328
  data-id="List_ListItemWithAvatar"
329
329
  data-selector-id="listItemWithAvatar"
package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="List_ListItemWithCheckBox"
9
9
  data-selector-id="listItemWithCheckBox"
@@ -39,7 +39,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
39
39
  tabindex="-1"
40
40
  >
41
41
  <div
42
- class="noShrink boxContainer medium filled"
42
+ class="noShrink boxContainer medium filled"
43
43
  data-id="boxComponent"
44
44
  data-selector-id="box"
45
45
  data-test-id="boxComponent"
@@ -48,7 +48,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
48
48
  type="hidden"
49
49
  />
50
50
  <label
51
- class="checkbox pointer medium "
51
+ class="checkbox pointer medium"
52
52
  >
53
53
  <svg
54
54
  viewBox="0 0 40 40"
@@ -109,7 +109,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
109
109
  exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlaceholderNode 1`] = `
110
110
  <DocumentFragment>
111
111
  <li
112
- class="flex row alignItems_center list medium default withBorder"
112
+ class="flex row alignItems_center list medium default withBorder"
113
113
  data-a11y-inset-focus="true"
114
114
  data-id="List_ListItemWithCheckBox"
115
115
  data-selector-id="listItemWithCheckBox"
@@ -145,7 +145,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
145
145
  tabindex="-1"
146
146
  >
147
147
  <div
148
- class="noShrink boxContainer medium filled"
148
+ class="noShrink boxContainer medium filled"
149
149
  data-id="boxComponent"
150
150
  data-selector-id="box"
151
151
  data-test-id="boxComponent"
@@ -154,7 +154,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
154
154
  type="hidden"
155
155
  />
156
156
  <label
157
- class="checkbox pointer medium "
157
+ class="checkbox pointer medium"
158
158
  >
159
159
  <svg
160
160
  viewBox="0 0 40 40"
@@ -215,7 +215,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
215
215
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and LHS align center 1`] = `
216
216
  <DocumentFragment>
217
217
  <li
218
- class="flex row alignItems_center list medium default withBorder"
218
+ class="flex row alignItems_center list medium default withBorder"
219
219
  data-a11y-inset-focus="true"
220
220
  data-id="List_ListItemWithCheckBox"
221
221
  data-selector-id="listItemWithCheckBox"
@@ -251,7 +251,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
251
251
  tabindex="-1"
252
252
  >
253
253
  <div
254
- class="noShrink boxContainer medium filled"
254
+ class="noShrink boxContainer medium filled"
255
255
  data-id="boxComponent"
256
256
  data-selector-id="box"
257
257
  data-test-id="boxComponent"
@@ -260,7 +260,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
260
260
  type="hidden"
261
261
  />
262
262
  <label
263
- class="checkbox pointer medium "
263
+ class="checkbox pointer medium"
264
264
  >
265
265
  <svg
266
266
  viewBox="0 0 40 40"
@@ -320,7 +320,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
320
320
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and LHS align end 1`] = `
321
321
  <DocumentFragment>
322
322
  <li
323
- class="flex row alignItems_center list medium default withBorder"
323
+ class="flex row alignItems_center list medium default withBorder"
324
324
  data-a11y-inset-focus="true"
325
325
  data-id="List_ListItemWithCheckBox"
326
326
  data-selector-id="listItemWithCheckBox"
@@ -356,7 +356,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
356
356
  tabindex="-1"
357
357
  >
358
358
  <div
359
- class="noShrink boxContainer medium filled"
359
+ class="noShrink boxContainer medium filled"
360
360
  data-id="boxComponent"
361
361
  data-selector-id="box"
362
362
  data-test-id="boxComponent"
@@ -365,7 +365,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
365
365
  type="hidden"
366
366
  />
367
367
  <label
368
- class="checkbox pointer medium "
368
+ class="checkbox pointer medium"
369
369
  >
370
370
  <svg
371
371
  viewBox="0 0 40 40"
@@ -425,7 +425,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
425
425
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
426
426
  <DocumentFragment>
427
427
  <li
428
- class="flex row alignItems_center list medium default withBorder"
428
+ class="flex row alignItems_center list medium default withBorder"
429
429
  data-a11y-inset-focus="true"
430
430
  data-id="List_ListItemWithCheckBox"
431
431
  data-selector-id="listItemWithCheckBox"
@@ -461,7 +461,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
461
461
  tabindex="-1"
462
462
  >
463
463
  <div
464
- class="noShrink boxContainer medium filled"
464
+ class="noShrink boxContainer medium filled"
465
465
  data-id="boxComponent"
466
466
  data-selector-id="box"
467
467
  data-test-id="boxComponent"
@@ -470,7 +470,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
470
470
  type="hidden"
471
471
  />
472
472
  <label
473
- class="checkbox pointer medium "
473
+ class="checkbox pointer medium"
474
474
  >
475
475
  <svg
476
476
  viewBox="0 0 40 40"
@@ -530,7 +530,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
530
530
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and LHS align start 1`] = `
531
531
  <DocumentFragment>
532
532
  <li
533
- class="flex row alignItems_center list medium default withBorder"
533
+ class="flex row alignItems_center list medium default withBorder"
534
534
  data-a11y-inset-focus="true"
535
535
  data-id="List_ListItemWithCheckBox"
536
536
  data-selector-id="listItemWithCheckBox"
@@ -566,7 +566,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
566
566
  tabindex="-1"
567
567
  >
568
568
  <div
569
- class="noShrink boxContainer medium filled"
569
+ class="noShrink boxContainer medium filled"
570
570
  data-id="boxComponent"
571
571
  data-selector-id="box"
572
572
  data-test-id="boxComponent"
@@ -575,7 +575,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
575
575
  type="hidden"
576
576
  />
577
577
  <label
578
- class="checkbox pointer medium "
578
+ class="checkbox pointer medium"
579
579
  >
580
580
  <svg
581
581
  viewBox="0 0 40 40"
@@ -635,7 +635,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
635
635
  exports[`ListItemWithCheckBox rendering the defult props 1`] = `
636
636
  <DocumentFragment>
637
637
  <li
638
- class="flex row alignItems_center list medium default withBorder"
638
+ class="flex row alignItems_center list medium default withBorder"
639
639
  data-a11y-inset-focus="true"
640
640
  data-id="List_ListItemWithCheckBox"
641
641
  data-selector-id="listItemWithCheckBox"
@@ -671,7 +671,7 @@ exports[`ListItemWithCheckBox rendering the defult props 1`] = `
671
671
  tabindex="-1"
672
672
  >
673
673
  <div
674
- class="noShrink boxContainer medium filled"
674
+ class="noShrink boxContainer medium filled"
675
675
  data-id="boxComponent"
676
676
  data-selector-id="box"
677
677
  data-test-id="boxComponent"
@@ -680,7 +680,7 @@ exports[`ListItemWithCheckBox rendering the defult props 1`] = `
680
680
  type="hidden"
681
681
  />
682
682
  <label
683
- class="checkbox pointer medium "
683
+ class="checkbox pointer medium"
684
684
  >
685
685
  <svg
686
686
  viewBox="0 0 40 40"
package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="list"
9
9
  data-selector-id="listItemWithIcon"
@@ -57,7 +57,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
57
57
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode 1`] = `
58
58
  <DocumentFragment>
59
59
  <li
60
- class="flex row alignItems_center list medium default withBorder"
60
+ class="flex row alignItems_center list medium default withBorder"
61
61
  data-a11y-inset-focus="true"
62
62
  data-id="list"
63
63
  data-selector-id="listItemWithIcon"
@@ -111,7 +111,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
111
111
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align center 1`] = `
112
112
  <DocumentFragment>
113
113
  <li
114
- class="flex row alignItems_center list medium default withBorder"
114
+ class="flex row alignItems_center list medium default withBorder"
115
115
  data-a11y-inset-focus="true"
116
116
  data-id="list"
117
117
  data-selector-id="listItemWithIcon"
@@ -164,7 +164,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
164
164
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align end 1`] = `
165
165
  <DocumentFragment>
166
166
  <li
167
- class="flex row alignItems_center list medium default withBorder"
167
+ class="flex row alignItems_center list medium default withBorder"
168
168
  data-a11y-inset-focus="true"
169
169
  data-id="list"
170
170
  data-selector-id="listItemWithIcon"
@@ -217,7 +217,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
217
217
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
218
218
  <DocumentFragment>
219
219
  <li
220
- class="flex row alignItems_center list medium default withBorder"
220
+ class="flex row alignItems_center list medium default withBorder"
221
221
  data-a11y-inset-focus="true"
222
222
  data-id="list"
223
223
  data-selector-id="listItemWithIcon"
@@ -270,7 +270,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
270
270
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align start 1`] = `
271
271
  <DocumentFragment>
272
272
  <li
273
- class="flex row alignItems_center list medium default withBorder"
273
+ class="flex row alignItems_center list medium default withBorder"
274
274
  data-a11y-inset-focus="true"
275
275
  data-id="list"
276
276
  data-selector-id="listItemWithIcon"
@@ -323,7 +323,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS alig
323
323
  exports[`ListItemWithIcon rendering the defult props 1`] = `
324
324
  <DocumentFragment>
325
325
  <li
326
- class="flex row alignItems_center list medium default withBorder"
326
+ class="flex row alignItems_center list medium default withBorder"
327
327
  data-a11y-inset-focus="true"
328
328
  data-id="list"
329
329
  data-selector-id="listItemWithIcon"