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