@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/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="list medium default withBorder flex rowdir vCenter"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="listItemWithRadioComp"
9
9
  data-selector-id="listItemWithRadio"
@@ -12,7 +12,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
12
12
  tabindex="0"
13
13
  >
14
14
  <div
15
- class="contentWrapper shrinkOff"
15
+ class="noShrink contentWrapper"
16
16
  data-id="boxComponent"
17
17
  data-selector-id="box"
18
18
  data-test-id="boxComponent"
@@ -23,7 +23,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
23
23
  data-test-id="listItemWithRadioComp_radio"
24
24
  >
25
25
  <div
26
- class="lhsBoxInner shrinkOff selfStart"
26
+ class="noShrink alignSelf_start lhsBoxInner"
27
27
  data-id="boxComponent"
28
28
  data-selector-id="box"
29
29
  data-test-id="boxComponent"
@@ -32,7 +32,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
32
32
  aria-checked="false"
33
33
  aria-hidden="true"
34
34
  aria-readonly="false"
35
- class="container pointer hoverEfffect inflex rowdir both"
35
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
36
36
  data-id="RadioComp"
37
37
  data-selector-id="container"
38
38
  data-test-id="RadioComp"
@@ -40,8 +40,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
40
40
  tabindex="-1"
41
41
  >
42
42
  <div
43
- class="radio
44
- hoverprimary medium filled centerPathprimary shrinkOff"
43
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
45
44
  data-id="boxComponent"
46
45
  data-selector-id="box"
47
46
  data-test-id="boxComponent"
@@ -70,19 +69,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
70
69
  </div>
71
70
  </div>
72
71
  <div
73
- class="leftBox selfAlign_center grow basis shrinkOff"
72
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
74
73
  data-id="boxComponent"
75
74
  data-selector-id="box"
76
75
  data-test-id="boxComponent"
77
76
  >
78
77
  <div
79
- class="titleBox shrinkOff"
78
+ class="noShrink titleBox"
80
79
  data-id="boxComponent"
81
80
  data-selector-id="box"
82
81
  data-test-id="boxComponent"
83
82
  >
84
83
  <div
85
- class="value basisAuto shrinkOn"
84
+ class="basis_auto shrink value"
86
85
  data-id="boxComponent"
87
86
  data-selector-id="box"
88
87
  data-test-id="boxComponent"
@@ -90,7 +89,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
90
89
  List
91
90
  </div>
92
91
  <div
93
- class="customValueRightPlaceholderClass shrinkOff"
92
+ class="noShrink customValueRightPlaceholderClass"
94
93
  data-id="boxComponent"
95
94
  data-selector-id="box"
96
95
  data-test-id="boxComponent"
@@ -109,7 +108,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
109
108
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode 1`] = `
110
109
  <DocumentFragment>
111
110
  <li
112
- class="list medium default withBorder flex rowdir vCenter"
111
+ class="flex row alignItems_center list medium default withBorder"
113
112
  data-a11y-inset-focus="true"
114
113
  data-id="listItemWithRadioComp"
115
114
  data-selector-id="listItemWithRadio"
@@ -118,7 +117,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
118
117
  tabindex="0"
119
118
  >
120
119
  <div
121
- class="contentWrapper shrinkOff"
120
+ class="noShrink contentWrapper"
122
121
  data-id="boxComponent"
123
122
  data-selector-id="box"
124
123
  data-test-id="boxComponent"
@@ -129,7 +128,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
129
128
  data-test-id="listItemWithRadioComp_radio"
130
129
  >
131
130
  <div
132
- class="lhsBoxInner shrinkOff selfStart"
131
+ class="noShrink alignSelf_start lhsBoxInner"
133
132
  data-id="boxComponent"
134
133
  data-selector-id="box"
135
134
  data-test-id="boxComponent"
@@ -138,7 +137,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
138
137
  aria-checked="false"
139
138
  aria-hidden="true"
140
139
  aria-readonly="false"
141
- class="container pointer hoverEfffect inflex rowdir both"
140
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
142
141
  data-id="RadioComp"
143
142
  data-selector-id="container"
144
143
  data-test-id="RadioComp"
@@ -146,8 +145,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
146
145
  tabindex="-1"
147
146
  >
148
147
  <div
149
- class="radio
150
- hoverprimary medium filled centerPathprimary shrinkOff"
148
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
151
149
  data-id="boxComponent"
152
150
  data-selector-id="box"
153
151
  data-test-id="boxComponent"
@@ -176,19 +174,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
176
174
  </div>
177
175
  </div>
178
176
  <div
179
- class="leftBox selfAlign_center grow basis shrinkOff"
177
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
180
178
  data-id="boxComponent"
181
179
  data-selector-id="box"
182
180
  data-test-id="boxComponent"
183
181
  >
184
182
  <div
185
- class="titleBox shrinkOff"
183
+ class="noShrink titleBox"
186
184
  data-id="boxComponent"
187
185
  data-selector-id="box"
188
186
  data-test-id="boxComponent"
189
187
  >
190
188
  <div
191
- class="value basisAuto shrinkOn"
189
+ class="basis_auto shrink value"
192
190
  data-id="boxComponent"
193
191
  data-selector-id="box"
194
192
  data-test-id="boxComponent"
@@ -196,7 +194,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
196
194
  List
197
195
  </div>
198
196
  <div
199
- class="shrinkOff"
197
+ class="noShrink"
200
198
  data-id="boxComponent"
201
199
  data-selector-id="box"
202
200
  data-test-id="boxComponent"
@@ -215,7 +213,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
215
213
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align center 1`] = `
216
214
  <DocumentFragment>
217
215
  <li
218
- class="list medium default withBorder flex rowdir vCenter"
216
+ class="flex row alignItems_center list medium default withBorder"
219
217
  data-a11y-inset-focus="true"
220
218
  data-id="listItemWithRadioComp"
221
219
  data-selector-id="listItemWithRadio"
@@ -224,7 +222,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
224
222
  tabindex="0"
225
223
  >
226
224
  <div
227
- class="contentWrapper shrinkOff"
225
+ class="noShrink contentWrapper"
228
226
  data-id="boxComponent"
229
227
  data-selector-id="box"
230
228
  data-test-id="boxComponent"
@@ -235,7 +233,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
235
233
  data-test-id="listItemWithRadioComp_radio"
236
234
  >
237
235
  <div
238
- class="shrinkOff selfCenter"
236
+ class="noShrink alignSelf_center"
239
237
  data-id="boxComponent"
240
238
  data-selector-id="box"
241
239
  data-test-id="boxComponent"
@@ -244,7 +242,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
244
242
  aria-checked="false"
245
243
  aria-hidden="true"
246
244
  aria-readonly="false"
247
- class="container pointer hoverEfffect inflex rowdir both"
245
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
248
246
  data-id="RadioComp"
249
247
  data-selector-id="container"
250
248
  data-test-id="RadioComp"
@@ -252,8 +250,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
252
250
  tabindex="-1"
253
251
  >
254
252
  <div
255
- class="radio
256
- hoverprimary medium filled centerPathprimary shrinkOff"
253
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
257
254
  data-id="boxComponent"
258
255
  data-selector-id="box"
259
256
  data-test-id="boxComponent"
@@ -282,19 +279,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
282
279
  </div>
283
280
  </div>
284
281
  <div
285
- class="leftBox selfAlign_center grow basis shrinkOff"
282
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
286
283
  data-id="boxComponent"
287
284
  data-selector-id="box"
288
285
  data-test-id="boxComponent"
289
286
  >
290
287
  <div
291
- class="titleBox shrinkOff"
288
+ class="noShrink titleBox"
292
289
  data-id="boxComponent"
293
290
  data-selector-id="box"
294
291
  data-test-id="boxComponent"
295
292
  >
296
293
  <div
297
- class="value basisAuto shrinkOn"
294
+ class="basis_auto shrink value"
298
295
  data-id="boxComponent"
299
296
  data-selector-id="box"
300
297
  data-test-id="boxComponent"
@@ -303,7 +300,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
303
300
  </div>
304
301
  </div>
305
302
  <div
306
- class="secondaryField secondaryValue shrinkOff"
303
+ class="noShrink secondaryField secondaryValue"
307
304
  data-id="boxComponent"
308
305
  data-selector-id="box"
309
306
  data-test-id="boxComponent"
@@ -320,7 +317,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
320
317
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align end 1`] = `
321
318
  <DocumentFragment>
322
319
  <li
323
- class="list medium default withBorder flex rowdir vCenter"
320
+ class="flex row alignItems_center list medium default withBorder"
324
321
  data-a11y-inset-focus="true"
325
322
  data-id="listItemWithRadioComp"
326
323
  data-selector-id="listItemWithRadio"
@@ -329,7 +326,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
329
326
  tabindex="0"
330
327
  >
331
328
  <div
332
- class="contentWrapper shrinkOff"
329
+ class="noShrink contentWrapper"
333
330
  data-id="boxComponent"
334
331
  data-selector-id="box"
335
332
  data-test-id="boxComponent"
@@ -340,7 +337,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
340
337
  data-test-id="listItemWithRadioComp_radio"
341
338
  >
342
339
  <div
343
- class="lhsBoxInner shrinkOff selfEnd"
340
+ class="noShrink alignSelf_end lhsBoxInner"
344
341
  data-id="boxComponent"
345
342
  data-selector-id="box"
346
343
  data-test-id="boxComponent"
@@ -349,7 +346,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
349
346
  aria-checked="false"
350
347
  aria-hidden="true"
351
348
  aria-readonly="false"
352
- class="container pointer hoverEfffect inflex rowdir both"
349
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
353
350
  data-id="RadioComp"
354
351
  data-selector-id="container"
355
352
  data-test-id="RadioComp"
@@ -357,8 +354,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
357
354
  tabindex="-1"
358
355
  >
359
356
  <div
360
- class="radio
361
- hoverprimary medium filled centerPathprimary shrinkOff"
357
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
362
358
  data-id="boxComponent"
363
359
  data-selector-id="box"
364
360
  data-test-id="boxComponent"
@@ -387,19 +383,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
387
383
  </div>
388
384
  </div>
389
385
  <div
390
- class="leftBox selfAlign_center grow basis shrinkOff"
386
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
391
387
  data-id="boxComponent"
392
388
  data-selector-id="box"
393
389
  data-test-id="boxComponent"
394
390
  >
395
391
  <div
396
- class="titleBox shrinkOff"
392
+ class="noShrink titleBox"
397
393
  data-id="boxComponent"
398
394
  data-selector-id="box"
399
395
  data-test-id="boxComponent"
400
396
  >
401
397
  <div
402
- class="value basisAuto shrinkOn"
398
+ class="basis_auto shrink value"
403
399
  data-id="boxComponent"
404
400
  data-selector-id="box"
405
401
  data-test-id="boxComponent"
@@ -408,7 +404,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
408
404
  </div>
409
405
  </div>
410
406
  <div
411
- class="secondaryField secondaryValue shrinkOff"
407
+ class="noShrink secondaryField secondaryValue"
412
408
  data-id="boxComponent"
413
409
  data-selector-id="box"
414
410
  data-test-id="boxComponent"
@@ -425,7 +421,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
425
421
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
426
422
  <DocumentFragment>
427
423
  <li
428
- class="list medium default withBorder flex rowdir vCenter"
424
+ class="flex row alignItems_center list medium default withBorder"
429
425
  data-a11y-inset-focus="true"
430
426
  data-id="listItemWithRadioComp"
431
427
  data-selector-id="listItemWithRadio"
@@ -434,7 +430,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
434
430
  tabindex="0"
435
431
  >
436
432
  <div
437
- class="contentWrapper shrinkOff"
433
+ class="noShrink contentWrapper"
438
434
  data-id="boxComponent"
439
435
  data-selector-id="box"
440
436
  data-test-id="boxComponent"
@@ -445,7 +441,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
445
441
  data-test-id="listItemWithRadioComp_radio"
446
442
  >
447
443
  <div
448
- class="lhsBoxInner shrinkOff selfStart"
444
+ class="noShrink alignSelf_start lhsBoxInner"
449
445
  data-id="boxComponent"
450
446
  data-selector-id="box"
451
447
  data-test-id="boxComponent"
@@ -454,7 +450,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
454
450
  aria-checked="false"
455
451
  aria-hidden="true"
456
452
  aria-readonly="false"
457
- class="container pointer hoverEfffect inflex rowdir both"
453
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
458
454
  data-id="RadioComp"
459
455
  data-selector-id="container"
460
456
  data-test-id="RadioComp"
@@ -462,8 +458,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
462
458
  tabindex="-1"
463
459
  >
464
460
  <div
465
- class="radio
466
- hoverprimary medium filled centerPathprimary shrinkOff"
461
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
467
462
  data-id="boxComponent"
468
463
  data-selector-id="box"
469
464
  data-test-id="boxComponent"
@@ -492,19 +487,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
492
487
  </div>
493
488
  </div>
494
489
  <div
495
- class="leftBox selfAlign_center grow basis shrinkOff"
490
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
496
491
  data-id="boxComponent"
497
492
  data-selector-id="box"
498
493
  data-test-id="boxComponent"
499
494
  >
500
495
  <div
501
- class="titleBox shrinkOff"
496
+ class="noShrink titleBox"
502
497
  data-id="boxComponent"
503
498
  data-selector-id="box"
504
499
  data-test-id="boxComponent"
505
500
  >
506
501
  <div
507
- class="value basisAuto shrinkOn"
502
+ class="basis_auto shrink value"
508
503
  data-id="boxComponent"
509
504
  data-selector-id="box"
510
505
  data-test-id="boxComponent"
@@ -513,7 +508,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
513
508
  </div>
514
509
  </div>
515
510
  <div
516
- class="secondaryField secondaryValue shrinkOff"
511
+ class="noShrink secondaryField secondaryValue"
517
512
  data-id="boxComponent"
518
513
  data-selector-id="box"
519
514
  data-test-id="boxComponent"
@@ -530,7 +525,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
530
525
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
531
526
  <DocumentFragment>
532
527
  <li
533
- class="list medium default withBorder flex rowdir vCenter"
528
+ class="flex row alignItems_center list medium default withBorder"
534
529
  data-a11y-inset-focus="true"
535
530
  data-id="listItemWithRadioComp"
536
531
  data-selector-id="listItemWithRadio"
@@ -539,7 +534,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
539
534
  tabindex="0"
540
535
  >
541
536
  <div
542
- class="contentWrapper shrinkOff"
537
+ class="noShrink contentWrapper"
543
538
  data-id="boxComponent"
544
539
  data-selector-id="box"
545
540
  data-test-id="boxComponent"
@@ -550,7 +545,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
550
545
  data-test-id="listItemWithRadioComp_radio"
551
546
  >
552
547
  <div
553
- class="lhsBoxInner shrinkOff selfStart"
548
+ class="noShrink alignSelf_start lhsBoxInner"
554
549
  data-id="boxComponent"
555
550
  data-selector-id="box"
556
551
  data-test-id="boxComponent"
@@ -559,7 +554,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
559
554
  aria-checked="false"
560
555
  aria-hidden="true"
561
556
  aria-readonly="false"
562
- class="container pointer hoverEfffect inflex rowdir both"
557
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
563
558
  data-id="RadioComp"
564
559
  data-selector-id="container"
565
560
  data-test-id="RadioComp"
@@ -567,8 +562,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
567
562
  tabindex="-1"
568
563
  >
569
564
  <div
570
- class="radio
571
- hoverprimary medium filled centerPathprimary shrinkOff"
565
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
572
566
  data-id="boxComponent"
573
567
  data-selector-id="box"
574
568
  data-test-id="boxComponent"
@@ -597,19 +591,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
597
591
  </div>
598
592
  </div>
599
593
  <div
600
- class="leftBox selfAlign_center grow basis shrinkOff"
594
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
601
595
  data-id="boxComponent"
602
596
  data-selector-id="box"
603
597
  data-test-id="boxComponent"
604
598
  >
605
599
  <div
606
- class="titleBox shrinkOff"
600
+ class="noShrink titleBox"
607
601
  data-id="boxComponent"
608
602
  data-selector-id="box"
609
603
  data-test-id="boxComponent"
610
604
  >
611
605
  <div
612
- class="value basisAuto shrinkOn"
606
+ class="basis_auto shrink value"
613
607
  data-id="boxComponent"
614
608
  data-selector-id="box"
615
609
  data-test-id="boxComponent"
@@ -618,7 +612,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
618
612
  </div>
619
613
  </div>
620
614
  <div
621
- class="secondaryField secondaryValue shrinkOff"
615
+ class="noShrink secondaryField secondaryValue"
622
616
  data-id="boxComponent"
623
617
  data-selector-id="box"
624
618
  data-test-id="boxComponent"
@@ -635,7 +629,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
635
629
  exports[`ListItemWithRadio rendering the defult props 1`] = `
636
630
  <DocumentFragment>
637
631
  <li
638
- class="list medium default withBorder flex rowdir vCenter"
632
+ class="flex row alignItems_center list medium default withBorder"
639
633
  data-a11y-inset-focus="true"
640
634
  data-id="listItemWithRadioComp"
641
635
  data-selector-id="listItemWithRadio"
@@ -644,7 +638,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
644
638
  tabindex="0"
645
639
  >
646
640
  <div
647
- class="contentWrapper shrinkOff"
641
+ class="noShrink contentWrapper"
648
642
  data-id="boxComponent"
649
643
  data-selector-id="box"
650
644
  data-test-id="boxComponent"
@@ -655,7 +649,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
655
649
  data-test-id="listItemWithRadioComp_radio"
656
650
  >
657
651
  <div
658
- class="lhsBoxInner shrinkOff selfStart"
652
+ class="noShrink alignSelf_start lhsBoxInner"
659
653
  data-id="boxComponent"
660
654
  data-selector-id="box"
661
655
  data-test-id="boxComponent"
@@ -664,7 +658,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
664
658
  aria-checked="false"
665
659
  aria-hidden="true"
666
660
  aria-readonly="false"
667
- class="container pointer hoverEfffect inflex rowdir both"
661
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
668
662
  data-id="RadioComp"
669
663
  data-selector-id="container"
670
664
  data-test-id="RadioComp"
@@ -672,8 +666,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
672
666
  tabindex="-1"
673
667
  >
674
668
  <div
675
- class="radio
676
- hoverprimary medium filled centerPathprimary shrinkOff"
669
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
677
670
  data-id="boxComponent"
678
671
  data-selector-id="box"
679
672
  data-test-id="boxComponent"
@@ -702,19 +695,19 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
702
695
  </div>
703
696
  </div>
704
697
  <div
705
- class="leftBox selfAlign_center grow basis shrinkOff"
698
+ class="flexible basis_zero noShrink leftBox selfAlign_center"
706
699
  data-id="boxComponent"
707
700
  data-selector-id="box"
708
701
  data-test-id="boxComponent"
709
702
  >
710
703
  <div
711
- class="titleBox shrinkOff"
704
+ class="noShrink titleBox"
712
705
  data-id="boxComponent"
713
706
  data-selector-id="box"
714
707
  data-test-id="boxComponent"
715
708
  >
716
709
  <div
717
- class="value basisAuto shrinkOn"
710
+ class="basis_auto shrink value"
718
711
  data-id="boxComponent"
719
712
  data-selector-id="box"
720
713
  data-test-id="boxComponent"
package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap CHANGED
@@ -6,25 +6,25 @@ exports[`MobileHeader rendering the defult props 1`] = `
6
6
  class="container"
7
7
  >
8
8
  <div
9
- class="header flex rowdir alignBetween vCenter"
9
+ class="flex row alignContent_spaceBetween alignItems_center header"
10
10
  data-id="containerComponent"
11
11
  data-selector-id="container"
12
12
  data-test-id="containerComponent"
13
13
  >
14
14
  <div
15
- class="cardHeading grow basis shrinkOff"
15
+ class="flexible basis_zero noShrink cardHeading"
16
16
  data-id="boxComponent"
17
17
  data-selector-id="box"
18
18
  data-test-id="boxComponent"
19
19
  />
20
20
  <div
21
- class="shrinkOn"
21
+ class="shrink"
22
22
  data-id="boxComponent"
23
23
  data-selector-id="box"
24
24
  data-test-id="boxComponent"
25
25
  >
26
26
  <button
27
- class="buttonText bold plainprimary medium"
27
+ class="bold plainprimary medium buttonText"
28
28
  data-id="buttonComp"
29
29
  data-selector-id="button"
30
30
  data-test-id="buttonComp"
package/lib/MultiSelect/MultiSelect.js CHANGED
@@ -1050,7 +1050,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1050
1050
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
1051
1051
  align: "vertical",
1052
1052
  alignBox: "row",
1053
- className: "".concat(_MultiSelectModule["default"].container, " ").concat(_MultiSelectModule["default"][size], " ").concat(needBorder ? !disableAction ? _MultiSelectModule["default"]["borderColor_".concat(borderColor)] : _MultiSelectModule["default"].borderColor_transparent : '', " ").concat(isActive && needBorder || isResponsive || isEditable && isFocus && needBorder ? _MultiSelectModule["default"].active : '', " ").concat(textBoxClass, " ").concat(needBorder ? _MultiSelectModule["default"].hasBorder : ''),
1053
+ className: "".concat(_MultiSelectModule["default"].container, " ").concat(_MultiSelectModule["default"][size], " ").concat(needBorder ? !disableAction ? _MultiSelectModule["default"]["borderColor_".concat(borderColor)] : _MultiSelectModule["default"].borderColor_transparent : '', " ").concat(isActive && needBorder || isResponsive || isEditable && isFocus && needBorder ? _MultiSelectModule["default"].active : '', " ").concat(needBorder ? _MultiSelectModule["default"].hasBorder : '', " ").concat(textBoxClass, " "),
1054
1054
  eleRef: this.selectedOptionContainerRef,
1055
1055
  wrap: "wrap"
1056
1056
  }, /*#__PURE__*/_react["default"].createElement(_SelectedOptions["default"], {
package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap CHANGED
@@ -3,33 +3,32 @@
3
3
  exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="wrapper effect"
6
+ class="wrapper effect"
7
7
  data-id="multiSelect"
8
8
  data-selector-id="advancedGroupMultiSelect"
9
9
  data-test-id="multiSelect"
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="boxComponent"
20
20
  data-selector-id="box"
21
21
  data-test-id="boxComponent"
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[`AdvancedGroupMultiSelect 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="multiSelect_textBox"
46
45
  data-selector-id="textBoxIcon"
47
46
  data-test-id="multiSelect_textBox"
@@ -52,13 +51,13 @@ exports[`AdvancedGroupMultiSelect 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"