@zohodesk/components 1.6.20 → 1.6.22

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 (164) hide show
  1. package/README.md +10 -0
  2. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  3. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  4. package/es/Button/css/cssJSLogic.js +6 -6
  5. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  6. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  7. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  8. package/es/CheckBox/CheckBox.js +2 -2
  9. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +130 -153
  10. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +50 -52
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  12. package/es/DateTime/CalendarView.js +2 -2
  13. package/es/DateTime/DateWidget.js +2 -2
  14. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  15. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  16. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  17. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  18. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +8 -8
  19. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/Label/Label.js +1 -1
  26. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  27. package/es/Layout/Box.js +1 -115
  28. package/es/Layout/Container.js +1 -132
  29. package/es/Layout/props/defaultProps.js +1 -16
  30. package/es/Layout/props/propTypes.js +1 -46
  31. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  32. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  36. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  37. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  38. package/es/MultiSelect/MultiSelect.js +1 -1
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  40. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +38 -41
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +152 -152
  48. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  49. package/es/Ribbon/Ribbon.js +3 -16
  50. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  51. package/es/Select/SelectWithAvatar.js +1 -1
  52. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  53. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +845 -823
  54. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  55. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +56 -56
  58. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  59. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  60. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  61. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  62. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  63. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  64. package/es/Tag/Tag.js +1 -2
  65. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +140 -186
  66. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  67. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  68. package/es/Textarea/Textarea.js +1 -1
  69. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  70. package/es/Tooltip/Tooltip.js +1 -1
  71. package/es/Typography/css/cssJSLogic.js +2 -2
  72. package/es/css.js +0 -1
  73. package/es/deprecated/Switch/Switch.js +1 -1
  74. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  75. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  76. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  77. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  78. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  79. package/lib/Button/css/cssJSLogic.js +3 -3
  80. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  81. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  82. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  83. package/lib/CheckBox/CheckBox.js +2 -2
  84. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +130 -153
  85. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +50 -52
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  87. package/lib/DateTime/CalendarView.js +2 -2
  88. package/lib/DateTime/DateWidget.js +2 -2
  89. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  90. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  91. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  92. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  93. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +8 -8
  94. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/Label/Label.js +1 -1
  101. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  102. package/lib/Layout/Box.js +7 -120
  103. package/lib/Layout/Container.js +7 -137
  104. package/lib/Layout/props/defaultProps.js +14 -19
  105. package/lib/Layout/props/propTypes.js +13 -52
  106. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  107. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  111. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  112. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  113. package/lib/MultiSelect/MultiSelect.js +1 -1
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  115. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +38 -41
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +152 -152
  123. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  124. package/lib/Ribbon/Ribbon.js +2 -15
  125. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  126. package/lib/Select/SelectWithAvatar.js +1 -1
  127. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  128. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +845 -823
  129. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  130. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +56 -56
  133. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  134. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  135. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  136. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  137. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  138. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  139. package/lib/Tag/Tag.js +1 -1
  140. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +140 -186
  141. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  142. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  143. package/lib/Textarea/Textarea.js +1 -1
  144. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  145. package/lib/Tooltip/Tooltip.js +1 -1
  146. package/lib/Typography/css/cssJSLogic.js +1 -1
  147. package/lib/css.js +0 -2
  148. package/lib/deprecated/Switch/Switch.js +1 -1
  149. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  150. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  151. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  152. package/package.json +7 -7
  153. package/es/Layout/Layout.module.css +0 -336
  154. package/es/Layout/__tests__/Box.spec.js +0 -11
  155. package/es/Layout/__tests__/Container.spec.js +0 -11
  156. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  157. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  158. package/es/Layout/utils.js +0 -29
  159. package/lib/Layout/Layout.module.css +0 -336
  160. package/lib/Layout/__tests__/Box.spec.js +0 -18
  161. package/lib/Layout/__tests__/Container.spec.js +0 -18
  162. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  163. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  164. package/lib/Layout/utils.js +0 -59
package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap CHANGED
@@ -9,13 +9,13 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
9
9
  data-test-id="multiSelectComp"
10
10
  >
11
11
  <div
12
- class="container medium hasBorder borderColor_default flex cover rowdir wrap vCenter"
12
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
16
16
  >
17
17
  <div
18
- class="wrapper grow basisAuto shrinkOn"
18
+ class="flexible basis_auto shrink wrapper"
19
19
  data-id="multiSelectComp_textBox"
20
20
  data-selector-id="box"
21
21
  data-test-id="multiSelectComp_textBox"
@@ -25,11 +25,11 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
25
25
  "
26
26
  />
27
27
  <div
28
- class="varClass customContainer effect container custmInputWrapper flex rowdir"
28
+ class="flex row varClass customContainer effect container custmInputWrapper"
29
29
  data-selector-id="textBoxIcon"
30
30
  >
31
31
  <div
32
- class="grow basis shrinkOff"
32
+ class="flexible basis_zero noShrink"
33
33
  data-id="boxComponent"
34
34
  data-selector-id="box"
35
35
  data-test-id="boxComponent"
@@ -52,13 +52,13 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
52
52
  />
53
53
  </div>
54
54
  <div
55
- class="iconContainer shrinkOff"
55
+ class="noShrink iconContainer"
56
56
  data-id="boxComponent"
57
57
  data-selector-id="box"
58
58
  data-test-id="boxComponent"
59
59
  >
60
60
  <div
61
- class="flex cover rowdir"
61
+ class="flex fullSize row"
62
62
  data-id="containerComponent"
63
63
  data-selector-id="container"
64
64
  data-test-id="containerComponent"
@@ -80,13 +80,13 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
80
80
  data-test-id="multiSelectComp"
81
81
  >
82
82
  <div
83
- class="container medium hasBorder borderColor_default flex cover rowdir wrap vCenter"
83
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
84
84
  data-id="containerComponent"
85
85
  data-selector-id="container"
86
86
  data-test-id="containerComponent"
87
87
  >
88
88
  <div
89
- class="wrapper grow basisAuto shrinkOn"
89
+ class="flexible basis_auto shrink wrapper"
90
90
  data-id="multiSelectComp_textBox"
91
91
  data-selector-id="box"
92
92
  data-test-id="multiSelectComp_textBox"
@@ -96,11 +96,11 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
96
96
  "
97
97
  />
98
98
  <div
99
- class="varClass customContainer effect container custmInputWrapper flex rowdir"
99
+ class="flex row varClass customContainer effect container custmInputWrapper"
100
100
  data-selector-id="textBoxIcon"
101
101
  >
102
102
  <div
103
- class="grow basis shrinkOff"
103
+ class="flexible basis_zero noShrink"
104
104
  data-id="boxComponent"
105
105
  data-selector-id="box"
106
106
  data-test-id="boxComponent"
@@ -123,13 +123,13 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
123
123
  />
124
124
  </div>
125
125
  <div
126
- class="iconContainer shrinkOff"
126
+ class="noShrink iconContainer"
127
127
  data-id="boxComponent"
128
128
  data-selector-id="box"
129
129
  data-test-id="boxComponent"
130
130
  >
131
131
  <div
132
- class="flex cover rowdir"
132
+ class="flex fullSize row"
133
133
  data-id="containerComponent"
134
134
  data-selector-id="container"
135
135
  data-test-id="containerComponent"
@@ -161,38 +161,38 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
161
161
  tabindex="-1"
162
162
  >
163
163
  <div
164
- class="flex rowdir"
164
+ class="flex row"
165
165
  data-id="containerComponent"
166
166
  data-selector-id="container"
167
167
  data-test-id="containerComponent"
168
168
  >
169
169
  <div
170
- class="grow basis shrinkOff"
170
+ class="flexible basis_zero noShrink"
171
171
  data-id="boxComponent"
172
172
  data-selector-id="box"
173
173
  data-test-id="boxComponent"
174
174
  >
175
175
  <div
176
- class="box flex cover coldir"
176
+ class="flex fullSize column box"
177
177
  data-id="containerComponent"
178
178
  data-selector-id="container"
179
179
  data-test-id="containerComponent"
180
180
  >
181
181
  <div
182
- class="small grow basis shrinkOn scrolly"
182
+ class="flexible basis_zero shrink scroll_vertical small"
183
183
  data-id="CardContent"
184
184
  data-selector-id="cardContent"
185
185
  data-test-id="CardContent"
186
186
  >
187
187
  <div
188
- class="flex coldir"
188
+ class="flex column"
189
189
  data-id="containerComponent"
190
190
  data-selector-id="container"
191
191
  data-test-id="containerComponent"
192
192
  tabindex="0"
193
193
  >
194
194
  <div
195
- class="shrinkOff"
195
+ class="noShrink"
196
196
  data-id="multiSelectComp_Options"
197
197
  data-selector-id="box"
198
198
  data-test-id="multiSelectComp_Options"
@@ -200,7 +200,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
200
200
  <li
201
201
  aria-label="Apple"
202
202
  aria-selected="false"
203
- class="list medium default defaultHover mediumwithTick withBorder flex rowdir vCenter"
203
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
204
204
  data-a11y-inset-focus="true"
205
205
  data-a11y-list-active="true"
206
206
  data-id="Apple"
@@ -211,19 +211,19 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
211
211
  tabindex="0"
212
212
  >
213
213
  <div
214
- class="leftBox grow basis shrinkOff"
214
+ class="flexible basis_zero noShrink leftBox"
215
215
  data-id="boxComponent"
216
216
  data-selector-id="box"
217
217
  data-test-id="boxComponent"
218
218
  >
219
219
  <div
220
- class="titleBox shrinkOff"
220
+ class="noShrink titleBox"
221
221
  data-id="boxComponent"
222
222
  data-selector-id="box"
223
223
  data-test-id="boxComponent"
224
224
  >
225
225
  <div
226
- class="selfAlign_center value basisAuto shrinkOn"
226
+ class="basis_auto shrink selfAlign_center value"
227
227
  data-id="boxComponent"
228
228
  data-selector-id="box"
229
229
  data-test-id="boxComponent"
@@ -236,7 +236,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
236
236
  <li
237
237
  aria-label="Orange"
238
238
  aria-selected="false"
239
- class="list medium default mediumwithTick withBorder flex rowdir vCenter"
239
+ class="flex row alignItems_center list medium default mediumwithTick withBorder"
240
240
  data-a11y-inset-focus="true"
241
241
  data-a11y-list-active="false"
242
242
  data-id="Orange"
@@ -247,19 +247,19 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
247
247
  tabindex="0"
248
248
  >
249
249
  <div
250
- class="leftBox grow basis shrinkOff"
250
+ class="flexible basis_zero noShrink leftBox"
251
251
  data-id="boxComponent"
252
252
  data-selector-id="box"
253
253
  data-test-id="boxComponent"
254
254
  >
255
255
  <div
256
- class="titleBox shrinkOff"
256
+ class="noShrink titleBox"
257
257
  data-id="boxComponent"
258
258
  data-selector-id="box"
259
259
  data-test-id="boxComponent"
260
260
  >
261
261
  <div
262
- class="selfAlign_center value basisAuto shrinkOn"
262
+ class="basis_auto shrink selfAlign_center value"
263
263
  data-id="boxComponent"
264
264
  data-selector-id="box"
265
265
  data-test-id="boxComponent"
@@ -272,7 +272,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
272
272
  <li
273
273
  aria-label="string test"
274
274
  aria-selected="false"
275
- class="list medium default mediumwithTick withBorder flex rowdir vCenter"
275
+ class="flex row alignItems_center list medium default mediumwithTick withBorder"
276
276
  data-a11y-inset-focus="true"
277
277
  data-a11y-list-active="false"
278
278
  data-id="string test"
@@ -283,19 +283,19 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
283
283
  tabindex="0"
284
284
  >
285
285
  <div
286
- class="leftBox grow basis shrinkOff"
286
+ class="flexible basis_zero noShrink leftBox"
287
287
  data-id="boxComponent"
288
288
  data-selector-id="box"
289
289
  data-test-id="boxComponent"
290
290
  >
291
291
  <div
292
- class="titleBox shrinkOff"
292
+ class="noShrink titleBox"
293
293
  data-id="boxComponent"
294
294
  data-selector-id="box"
295
295
  data-test-id="boxComponent"
296
296
  >
297
297
  <div
298
- class="selfAlign_center value basisAuto shrinkOn"
298
+ class="basis_auto shrink selfAlign_center value"
299
299
  data-id="boxComponent"
300
300
  data-selector-id="box"
301
301
  data-test-id="boxComponent"
@@ -326,13 +326,13 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
326
326
  data-test-id="multiSelectComp"
327
327
  >
328
328
  <div
329
- class="container medium hasBorder borderColor_default flex cover rowdir wrap vCenter"
329
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
330
330
  data-id="containerComponent"
331
331
  data-selector-id="container"
332
332
  data-test-id="containerComponent"
333
333
  >
334
334
  <div
335
- class="wrapper grow basisAuto shrinkOn"
335
+ class="flexible basis_auto shrink wrapper"
336
336
  data-id="multiSelectComp_textBox"
337
337
  data-selector-id="box"
338
338
  data-test-id="multiSelectComp_textBox"
@@ -342,11 +342,11 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
342
342
  "
343
343
  />
344
344
  <div
345
- class="varClass customContainer effect container custmInputWrapper flex rowdir"
345
+ class="flex row varClass customContainer effect container custmInputWrapper"
346
346
  data-selector-id="textBoxIcon"
347
347
  >
348
348
  <div
349
- class="grow basis shrinkOff"
349
+ class="flexible basis_zero noShrink"
350
350
  data-id="boxComponent"
351
351
  data-selector-id="box"
352
352
  data-test-id="boxComponent"
@@ -369,13 +369,13 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
369
369
  />
370
370
  </div>
371
371
  <div
372
- class="iconContainer shrinkOff"
372
+ class="noShrink iconContainer"
373
373
  data-id="boxComponent"
374
374
  data-selector-id="box"
375
375
  data-test-id="boxComponent"
376
376
  >
377
377
  <div
378
- class="flex cover rowdir"
378
+ class="flex fullSize row"
379
379
  data-id="containerComponent"
380
380
  data-selector-id="container"
381
381
  data-test-id="containerComponent"
@@ -407,38 +407,38 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
407
407
  tabindex="-1"
408
408
  >
409
409
  <div
410
- class="flex rowdir"
410
+ class="flex row"
411
411
  data-id="containerComponent"
412
412
  data-selector-id="container"
413
413
  data-test-id="containerComponent"
414
414
  >
415
415
  <div
416
- class="grow basis shrinkOff"
416
+ class="flexible basis_zero noShrink"
417
417
  data-id="boxComponent"
418
418
  data-selector-id="box"
419
419
  data-test-id="boxComponent"
420
420
  >
421
421
  <div
422
- class="box flex cover coldir"
422
+ class="flex fullSize column box"
423
423
  data-id="containerComponent"
424
424
  data-selector-id="container"
425
425
  data-test-id="containerComponent"
426
426
  >
427
427
  <div
428
- class="small grow basis shrinkOn scrolly"
428
+ class="flexible basis_zero shrink scroll_vertical small"
429
429
  data-id="CardContent"
430
430
  data-selector-id="cardContent"
431
431
  data-test-id="CardContent"
432
432
  >
433
433
  <div
434
- class="flex coldir"
434
+ class="flex column"
435
435
  data-id="containerComponent"
436
436
  data-selector-id="container"
437
437
  data-test-id="containerComponent"
438
438
  tabindex="0"
439
439
  >
440
440
  <div
441
- class="shrinkOff"
441
+ class="noShrink"
442
442
  data-id="multiSelectComp_Options"
443
443
  data-selector-id="box"
444
444
  data-test-id="multiSelectComp_Options"
@@ -446,7 +446,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
446
446
  <li
447
447
  aria-label="Apple"
448
448
  aria-selected="false"
449
- class="list medium default defaultHover mediumwithTick withBorder flex rowdir vCenter"
449
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
450
450
  data-a11y-inset-focus="true"
451
451
  data-a11y-list-active="true"
452
452
  data-id="Apple"
@@ -457,19 +457,19 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
457
457
  tabindex="0"
458
458
  >
459
459
  <div
460
- class="leftBox grow basis shrinkOff"
460
+ class="flexible basis_zero noShrink leftBox"
461
461
  data-id="boxComponent"
462
462
  data-selector-id="box"
463
463
  data-test-id="boxComponent"
464
464
  >
465
465
  <div
466
- class="titleBox shrinkOff"
466
+ class="noShrink titleBox"
467
467
  data-id="boxComponent"
468
468
  data-selector-id="box"
469
469
  data-test-id="boxComponent"
470
470
  >
471
471
  <div
472
- class="selfAlign_center value basisAuto shrinkOn"
472
+ class="basis_auto shrink selfAlign_center value"
473
473
  data-id="boxComponent"
474
474
  data-selector-id="box"
475
475
  data-test-id="boxComponent"
@@ -482,7 +482,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
482
482
  <li
483
483
  aria-label="Orange"
484
484
  aria-selected="false"
485
- class="list medium default mediumwithTick withBorder flex rowdir vCenter"
485
+ class="flex row alignItems_center list medium default mediumwithTick withBorder"
486
486
  data-a11y-inset-focus="true"
487
487
  data-a11y-list-active="false"
488
488
  data-id="Orange"
@@ -493,19 +493,19 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
493
493
  tabindex="0"
494
494
  >
495
495
  <div
496
- class="leftBox grow basis shrinkOff"
496
+ class="flexible basis_zero noShrink leftBox"
497
497
  data-id="boxComponent"
498
498
  data-selector-id="box"
499
499
  data-test-id="boxComponent"
500
500
  >
501
501
  <div
502
- class="titleBox shrinkOff"
502
+ class="noShrink titleBox"
503
503
  data-id="boxComponent"
504
504
  data-selector-id="box"
505
505
  data-test-id="boxComponent"
506
506
  >
507
507
  <div
508
- class="selfAlign_center value basisAuto shrinkOn"
508
+ class="basis_auto shrink selfAlign_center value"
509
509
  data-id="boxComponent"
510
510
  data-selector-id="box"
511
511
  data-test-id="boxComponent"