@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__/Suggestions.spec.js.snap CHANGED
@@ -3,14 +3,14 @@
3
3
  exports[`Suggestions Should render with renderBeforeChildren 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="flex coldir"
6
+ class="flex column"
7
7
  data-id="containerComponent"
8
8
  data-selector-id="container"
9
9
  data-test-id="containerComponent"
10
10
  tabindex="0"
11
11
  >
12
12
  <div
13
- class="shrinkOff"
13
+ class="noShrink"
14
14
  data-id="undefined"
15
15
  data-selector-id="box"
16
16
  data-test-id="undefined"
@@ -18,7 +18,7 @@ exports[`Suggestions Should render with renderBeforeChildren 1`] = `
18
18
  <li
19
19
  aria-label="Suggestions Option 1"
20
20
  aria-selected="false"
21
- class="list medium default withBorder flex rowdir vCenter"
21
+ class="flex row alignItems_center list medium default withBorder"
22
22
  data-a11y-inset-focus="true"
23
23
  data-a11y-list-active="false"
24
24
  data-id="Suggestions Option 1"
@@ -29,19 +29,19 @@ exports[`Suggestions Should render with renderBeforeChildren 1`] = `
29
29
  tabindex="0"
30
30
  >
31
31
  <div
32
- class="leftBox grow basis shrinkOff"
32
+ class="flexible basis_zero noShrink leftBox"
33
33
  data-id="boxComponent"
34
34
  data-selector-id="box"
35
35
  data-test-id="boxComponent"
36
36
  >
37
37
  <div
38
- class="titleBox shrinkOff"
38
+ class="noShrink titleBox"
39
39
  data-id="boxComponent"
40
40
  data-selector-id="box"
41
41
  data-test-id="boxComponent"
42
42
  >
43
43
  <div
44
- class="beforeChild basisAuto shrinkOff"
44
+ class="basis_auto noShrink beforeChild"
45
45
  data-id="boxComponent"
46
46
  data-selector-id="box"
47
47
  data-test-id="boxComponent"
@@ -51,7 +51,7 @@ exports[`Suggestions Should render with renderBeforeChildren 1`] = `
51
51
  </span>
52
52
  </div>
53
53
  <div
54
- class="selfAlign_center value basisAuto shrinkOn"
54
+ class="basis_auto shrink selfAlign_center value"
55
55
  data-id="boxComponent"
56
56
  data-selector-id="box"
57
57
  data-test-id="boxComponent"
@@ -69,14 +69,14 @@ exports[`Suggestions Should render with renderBeforeChildren 1`] = `
69
69
  exports[`Suggestions rendering the defult props 1`] = `
70
70
  <DocumentFragment>
71
71
  <div
72
- class="flex coldir"
72
+ class="flex column"
73
73
  data-id="containerComponent"
74
74
  data-selector-id="container"
75
75
  data-test-id="containerComponent"
76
76
  tabindex="0"
77
77
  >
78
78
  <div
79
- class="shrinkOff"
79
+ class="noShrink"
80
80
  data-id="undefined"
81
81
  data-selector-id="box"
82
82
  data-test-id="undefined"
@@ -88,14 +88,14 @@ exports[`Suggestions rendering the defult props 1`] = `
88
88
  exports[`Suggestions rendering with limit props 1`] = `
89
89
  <DocumentFragment>
90
90
  <div
91
- class="flex coldir"
91
+ class="flex column"
92
92
  data-id="containerComponent"
93
93
  data-selector-id="container"
94
94
  data-test-id="containerComponent"
95
95
  tabindex="0"
96
96
  >
97
97
  <div
98
- class="shrinkOff"
98
+ class="noShrink"
99
99
  data-id="undefined"
100
100
  data-selector-id="box"
101
101
  data-test-id="undefined"
@@ -103,7 +103,7 @@ exports[`Suggestions rendering with limit props 1`] = `
103
103
  <li
104
104
  aria-label="text2"
105
105
  aria-selected="true"
106
- class="list medium default activedefault activewithBorder flex rowdir vCenter"
106
+ class="flex row alignItems_center list medium default activedefault activewithBorder"
107
107
  data-a11y-inset-focus="true"
108
108
  data-a11y-list-active="false"
109
109
  data-id="text2"
@@ -116,19 +116,19 @@ exports[`Suggestions rendering with limit props 1`] = `
116
116
  tabindex="0"
117
117
  >
118
118
  <div
119
- class="leftBox grow basis shrinkOff"
119
+ class="flexible basis_zero noShrink leftBox"
120
120
  data-id="boxComponent"
121
121
  data-selector-id="box"
122
122
  data-test-id="boxComponent"
123
123
  >
124
124
  <div
125
- class="titleBox shrinkOff"
125
+ class="noShrink titleBox"
126
126
  data-id="boxComponent"
127
127
  data-selector-id="box"
128
128
  data-test-id="boxComponent"
129
129
  >
130
130
  <div
131
- class="selfAlign_center value basisAuto shrinkOn"
131
+ class="basis_auto shrink selfAlign_center value"
132
132
  data-id="boxComponent"
133
133
  data-selector-id="box"
134
134
  data-test-id="boxComponent"
@@ -141,7 +141,7 @@ exports[`Suggestions rendering with limit props 1`] = `
141
141
  <li
142
142
  aria-label="text3"
143
143
  aria-selected="true"
144
- class="list medium default activedefault activewithBorder flex rowdir vCenter"
144
+ class="flex row alignItems_center list medium default activedefault activewithBorder"
145
145
  data-a11y-inset-focus="true"
146
146
  data-a11y-list-active="false"
147
147
  data-id="text3"
@@ -154,19 +154,19 @@ exports[`Suggestions rendering with limit props 1`] = `
154
154
  tabindex="0"
155
155
  >
156
156
  <div
157
- class="leftBox grow basis shrinkOff"
157
+ class="flexible basis_zero noShrink leftBox"
158
158
  data-id="boxComponent"
159
159
  data-selector-id="box"
160
160
  data-test-id="boxComponent"
161
161
  >
162
162
  <div
163
- class="titleBox shrinkOff"
163
+ class="noShrink titleBox"
164
164
  data-id="boxComponent"
165
165
  data-selector-id="box"
166
166
  data-test-id="boxComponent"
167
167
  >
168
168
  <div
169
- class="selfAlign_center value basisAuto shrinkOn"
169
+ class="basis_auto shrink selfAlign_center value"
170
170
  data-id="boxComponent"
171
171
  data-selector-id="box"
172
172
  data-test-id="boxComponent"
@@ -179,7 +179,7 @@ exports[`Suggestions rendering with limit props 1`] = `
179
179
  <li
180
180
  aria-label="text4"
181
181
  aria-selected="true"
182
- class="list medium default activedefault activewithBorder flex rowdir vCenter"
182
+ class="flex row alignItems_center list medium default activedefault activewithBorder"
183
183
  data-a11y-inset-focus="true"
184
184
  data-a11y-list-active="false"
185
185
  data-id="text4"
@@ -191,19 +191,19 @@ exports[`Suggestions rendering with limit props 1`] = `
191
191
  tabindex="0"
192
192
  >
193
193
  <div
194
- class="leftBox grow basis shrinkOff"
194
+ class="flexible basis_zero noShrink leftBox"
195
195
  data-id="boxComponent"
196
196
  data-selector-id="box"
197
197
  data-test-id="boxComponent"
198
198
  >
199
199
  <div
200
- class="titleBox shrinkOff"
200
+ class="noShrink titleBox"
201
201
  data-id="boxComponent"
202
202
  data-selector-id="box"
203
203
  data-test-id="boxComponent"
204
204
  >
205
205
  <div
206
- class="selfAlign_center value basisAuto shrinkOn"
206
+ class="basis_auto shrink selfAlign_center value"
207
207
  data-id="boxComponent"
208
208
  data-selector-id="box"
209
209
  data-test-id="boxComponent"
@@ -216,7 +216,7 @@ exports[`Suggestions rendering with limit props 1`] = `
216
216
  <li
217
217
  aria-label="text5"
218
218
  aria-selected="false"
219
- class="list medium default disable withBorder flex rowdir vCenter"
219
+ class="flex row alignItems_center list medium default disable withBorder"
220
220
  data-a11y-inset-focus="true"
221
221
  data-a11y-list-active="false"
222
222
  data-id="text5"
@@ -226,19 +226,19 @@ exports[`Suggestions rendering with limit props 1`] = `
226
226
  role="option"
227
227
  >
228
228
  <div
229
- class="leftBox grow basis shrinkOff"
229
+ class="flexible basis_zero noShrink leftBox"
230
230
  data-id="boxComponent"
231
231
  data-selector-id="box"
232
232
  data-test-id="boxComponent"
233
233
  >
234
234
  <div
235
- class="titleBox shrinkOff"
235
+ class="noShrink titleBox"
236
236
  data-id="boxComponent"
237
237
  data-selector-id="box"
238
238
  data-test-id="boxComponent"
239
239
  >
240
240
  <div
241
- class="selfAlign_center value basisAuto shrinkOn"
241
+ class="basis_auto shrink selfAlign_center value"
242
242
  data-id="boxComponent"
243
243
  data-selector-id="box"
244
244
  data-test-id="boxComponent"
@@ -251,7 +251,7 @@ exports[`Suggestions rendering with limit props 1`] = `
251
251
  <li
252
252
  aria-label="text6"
253
253
  aria-selected="false"
254
- class="list medium default disable withBorder flex rowdir vCenter"
254
+ class="flex row alignItems_center list medium default disable withBorder"
255
255
  data-a11y-inset-focus="true"
256
256
  data-a11y-list-active="false"
257
257
  data-id="text6"
@@ -261,19 +261,19 @@ exports[`Suggestions rendering with limit props 1`] = `
261
261
  role="option"
262
262
  >
263
263
  <div
264
- class="leftBox grow basis shrinkOff"
264
+ class="flexible basis_zero noShrink leftBox"
265
265
  data-id="boxComponent"
266
266
  data-selector-id="box"
267
267
  data-test-id="boxComponent"
268
268
  >
269
269
  <div
270
- class="titleBox shrinkOff"
270
+ class="noShrink titleBox"
271
271
  data-id="boxComponent"
272
272
  data-selector-id="box"
273
273
  data-test-id="boxComponent"
274
274
  >
275
275
  <div
276
- class="selfAlign_center value basisAuto shrinkOn"
276
+ class="basis_auto shrink selfAlign_center value"
277
277
  data-id="boxComponent"
278
278
  data-selector-id="box"
279
279
  data-test-id="boxComponent"
@@ -286,7 +286,7 @@ exports[`Suggestions rendering with limit props 1`] = `
286
286
  <li
287
287
  aria-label="text7"
288
288
  aria-selected="false"
289
- class="list medium default disable withBorder flex rowdir vCenter"
289
+ class="flex row alignItems_center list medium default disable withBorder"
290
290
  data-a11y-inset-focus="true"
291
291
  data-a11y-list-active="false"
292
292
  data-id="text7"
@@ -296,19 +296,19 @@ exports[`Suggestions rendering with limit props 1`] = `
296
296
  role="option"
297
297
  >
298
298
  <div
299
- class="leftBox grow basis shrinkOff"
299
+ class="flexible basis_zero noShrink leftBox"
300
300
  data-id="boxComponent"
301
301
  data-selector-id="box"
302
302
  data-test-id="boxComponent"
303
303
  >
304
304
  <div
305
- class="titleBox shrinkOff"
305
+ class="noShrink titleBox"
306
306
  data-id="boxComponent"
307
307
  data-selector-id="box"
308
308
  data-test-id="boxComponent"
309
309
  >
310
310
  <div
311
- class="selfAlign_center value basisAuto shrinkOn"
311
+ class="basis_auto shrink selfAlign_center value"
312
312
  data-id="boxComponent"
313
313
  data-selector-id="box"
314
314
  data-test-id="boxComponent"
@@ -321,7 +321,7 @@ exports[`Suggestions rendering with limit props 1`] = `
321
321
  <li
322
322
  aria-label="text8"
323
323
  aria-selected="false"
324
- class="list medium default disable withBorder flex rowdir vCenter"
324
+ class="flex row alignItems_center list medium default disable withBorder"
325
325
  data-a11y-inset-focus="true"
326
326
  data-a11y-list-active="false"
327
327
  data-id="text8"
@@ -331,19 +331,19 @@ exports[`Suggestions rendering with limit props 1`] = `
331
331
  role="option"
332
332
  >
333
333
  <div
334
- class="leftBox grow basis shrinkOff"
334
+ class="flexible basis_zero noShrink leftBox"
335
335
  data-id="boxComponent"
336
336
  data-selector-id="box"
337
337
  data-test-id="boxComponent"
338
338
  >
339
339
  <div
340
- class="titleBox shrinkOff"
340
+ class="noShrink titleBox"
341
341
  data-id="boxComponent"
342
342
  data-selector-id="box"
343
343
  data-test-id="boxComponent"
344
344
  >
345
345
  <div
346
- class="selfAlign_center value basisAuto shrinkOn"
346
+ class="basis_auto shrink selfAlign_center value"
347
347
  data-id="boxComponent"
348
348
  data-selector-id="box"
349
349
  data-test-id="boxComponent"
@@ -356,7 +356,7 @@ exports[`Suggestions rendering with limit props 1`] = `
356
356
  <li
357
357
  aria-label="text9"
358
358
  aria-selected="false"
359
- class="list medium default disable withBorder flex rowdir vCenter"
359
+ class="flex row alignItems_center list medium default disable withBorder"
360
360
  data-a11y-inset-focus="true"
361
361
  data-a11y-list-active="false"
362
362
  data-id="text9"
@@ -366,19 +366,19 @@ exports[`Suggestions rendering with limit props 1`] = `
366
366
  role="option"
367
367
  >
368
368
  <div
369
- class="leftBox grow basis shrinkOff"
369
+ class="flexible basis_zero noShrink leftBox"
370
370
  data-id="boxComponent"
371
371
  data-selector-id="box"
372
372
  data-test-id="boxComponent"
373
373
  >
374
374
  <div
375
- class="titleBox shrinkOff"
375
+ class="noShrink titleBox"
376
376
  data-id="boxComponent"
377
377
  data-selector-id="box"
378
378
  data-test-id="boxComponent"
379
379
  >
380
380
  <div
381
- class="selfAlign_center value basisAuto shrinkOn"
381
+ class="basis_auto shrink selfAlign_center value"
382
382
  data-id="boxComponent"
383
383
  data-selector-id="box"
384
384
  data-test-id="boxComponent"
@@ -391,7 +391,7 @@ exports[`Suggestions rendering with limit props 1`] = `
391
391
  <li
392
392
  aria-label="text10"
393
393
  aria-selected="false"
394
- class="list medium default disable withBorder flex rowdir vCenter"
394
+ class="flex row alignItems_center list medium default disable withBorder"
395
395
  data-a11y-inset-focus="true"
396
396
  data-a11y-list-active="false"
397
397
  data-id="text10"
@@ -401,19 +401,19 @@ exports[`Suggestions rendering with limit props 1`] = `
401
401
  role="option"
402
402
  >
403
403
  <div
404
- class="leftBox grow basis shrinkOff"
404
+ class="flexible basis_zero noShrink leftBox"
405
405
  data-id="boxComponent"
406
406
  data-selector-id="box"
407
407
  data-test-id="boxComponent"
408
408
  >
409
409
  <div
410
- class="titleBox shrinkOff"
410
+ class="noShrink titleBox"
411
411
  data-id="boxComponent"
412
412
  data-selector-id="box"
413
413
  data-test-id="boxComponent"
414
414
  >
415
415
  <div
416
- class="selfAlign_center value basisAuto shrinkOn"
416
+ class="basis_auto shrink selfAlign_center value"
417
417
  data-id="boxComponent"
418
418
  data-selector-id="box"
419
419
  data-test-id="boxComponent"
package/lib/Radio/Radio.js CHANGED
@@ -150,7 +150,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
150
150
  "aria-labelledby": ariaLabelledby,
151
151
  "aria-readonly": ariaReadonly
152
152
  }, ContainerProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
153
- className: "".concat(_RadioModule["default"].radio, " ").concat(checked ? "".concat(_RadioModule["default"]["rdBox".concat(palette)]) : '', " \n ").concat(!isEditable ? '' : "".concat(_RadioModule["default"]["hover".concat(palette)]), " ").concat(_RadioModule["default"][size], " ").concat(isFilled ? _RadioModule["default"].filled : '', " ").concat(_RadioModule["default"]["centerPath".concat(palette)], " ").concat(customRadio, " ").concat(!isEditable ? "".concat(_RadioModule["default"].disabled) : '', " ").concat(secondaryText ? _RadioModule["default"].withSecondaryText : ''),
153
+ className: "".concat(_RadioModule["default"].radio, " ").concat(checked ? "".concat(_RadioModule["default"]["rdBox".concat(palette)]) : '', " \n ").concat(!isEditable ? '' : "".concat(_RadioModule["default"]["hover".concat(palette)]), " ").concat(_RadioModule["default"][size], " ").concat(isFilled ? _RadioModule["default"].filled : '', " ").concat(_RadioModule["default"]["centerPath".concat(palette)], " ").concat(!isEditable ? "".concat(_RadioModule["default"].disabled) : '', " ").concat(secondaryText ? _RadioModule["default"].withSecondaryText : '', " ").concat(customRadio, " "),
154
154
  align: secondaryText ? "start" : undefined
155
155
  }, /*#__PURE__*/_react["default"].createElement("input", {
156
156
  type: "hidden",