@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/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Radio rendering ally ariaChecked true 1`] = `
5
5
  <div
6
6
  aria-checked="true"
7
7
  aria-readonly="false"
8
- class="container pointer hoverEfffect checked inflex rowdir both"
8
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect checked"
9
9
  data-id="RadioComp"
10
10
  data-selector-id="container"
11
11
  data-test-id="RadioComp"
@@ -13,8 +13,7 @@ exports[`Radio rendering ally ariaChecked true 1`] = `
13
13
  tabindex="0"
14
14
  >
15
15
  <div
16
- class="radio rdBoxprimary
17
- hoverprimary medium filled centerPathprimary shrinkOff"
16
+ class="noShrink radio rdBoxprimary hoverprimary medium filled centerPathprimary"
18
17
  data-id="boxComponent"
19
18
  data-selector-id="box"
20
19
  data-test-id="boxComponent"
@@ -55,7 +54,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
55
54
  aria-checked="true"
56
55
  aria-hidden="true"
57
56
  aria-readonly="true"
58
- class="container readonly checked inflex rowdir both"
57
+ class="inlineFlex row alignItems_center justifyContent_center container readonly checked"
59
58
  data-id="RadioComp"
60
59
  data-selector-id="container"
61
60
  data-test-id="RadioComp"
@@ -63,8 +62,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
63
62
  tabindex="-1"
64
63
  >
65
64
  <div
66
- class="radio rdBoxprimary
67
- medium filled centerPathprimary disabled shrinkOff"
65
+ class="noShrink radio rdBoxprimary medium filled centerPathprimary disabled"
68
66
  data-id="boxComponent"
69
67
  data-selector-id="box"
70
68
  data-test-id="boxComponent"
@@ -105,7 +103,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
105
103
  aria-checked="false"
106
104
  aria-hidden="false"
107
105
  aria-readonly="false"
108
- class="container pointer hoverEfffect inflex rowdir both"
106
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
109
107
  data-id="RadioComp"
110
108
  data-selector-id="container"
111
109
  data-test-id="RadioComp"
@@ -113,8 +111,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
113
111
  tabindex="0"
114
112
  >
115
113
  <div
116
- class="radio
117
- hoverprimary medium filled centerPathprimary shrinkOff"
114
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
118
115
  data-id="boxComponent"
119
116
  data-selector-id="box"
120
117
  data-test-id="boxComponent"
@@ -148,7 +145,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
148
145
  <div
149
146
  aria-checked="false"
150
147
  aria-readonly="false"
151
- class="container pointer hoverEfffect flex rowdir both"
148
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
152
149
  data-id="RadioComp"
153
150
  data-selector-id="container"
154
151
  data-test-id="RadioComp"
@@ -156,8 +153,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
156
153
  tabindex="0"
157
154
  >
158
155
  <div
159
- class="radio
160
- hoverprimary medium filled centerPathprimary shrinkOff"
156
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
161
157
  data-id="boxComponent"
162
158
  data-selector-id="box"
163
159
  data-test-id="boxComponent"
@@ -183,15 +179,13 @@ exports[`Radio rendering labelPalette - danger 1`] = `
183
179
  </label>
184
180
  </div>
185
181
  <div
186
- class="labelContainer grow basis shrinkOff"
182
+ class="flexible basis_zero noShrink labelContainer"
187
183
  data-id="boxComponent"
188
184
  data-selector-id="box"
189
185
  data-test-id="boxComponent"
190
186
  >
191
187
  <label
192
- class="label title medium danger font_default
193
- dotted cursor
194
- primaryLabel pointer "
188
+ class="label title medium danger font_default dotted cursor primaryLabel pointer"
195
189
  data-id="RadioText_label"
196
190
  data-selector-id="label"
197
191
  data-test-id="RadioText_label"
@@ -209,7 +203,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
209
203
  <div
210
204
  aria-checked="false"
211
205
  aria-readonly="false"
212
- class="container pointer hoverEfffect flex rowdir both"
206
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
213
207
  data-id="RadioComp"
214
208
  data-selector-id="container"
215
209
  data-test-id="RadioComp"
@@ -217,8 +211,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
217
211
  tabindex="0"
218
212
  >
219
213
  <div
220
- class="radio
221
- hoverprimary medium filled centerPathprimary shrinkOff"
214
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
222
215
  data-id="boxComponent"
223
216
  data-selector-id="box"
224
217
  data-test-id="boxComponent"
@@ -244,15 +237,13 @@ exports[`Radio rendering labelPalette - default 1`] = `
244
237
  </label>
245
238
  </div>
246
239
  <div
247
- class="labelContainer grow basis shrinkOff"
240
+ class="flexible basis_zero noShrink labelContainer"
248
241
  data-id="boxComponent"
249
242
  data-selector-id="box"
250
243
  data-test-id="boxComponent"
251
244
  >
252
245
  <label
253
- class="label title medium default font_default
254
- dotted cursor
255
- primaryLabel pointer "
246
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
256
247
  data-id="RadioText_label"
257
248
  data-selector-id="label"
258
249
  data-test-id="RadioText_label"
@@ -270,7 +261,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
270
261
  <div
271
262
  aria-checked="false"
272
263
  aria-readonly="false"
273
- class="container pointer hoverEfffect flex rowdir both"
264
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
274
265
  data-id="RadioComp"
275
266
  data-selector-id="container"
276
267
  data-test-id="RadioComp"
@@ -278,8 +269,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
278
269
  tabindex="0"
279
270
  >
280
271
  <div
281
- class="radio
282
- hoverprimary medium filled centerPathprimary shrinkOff"
272
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
283
273
  data-id="boxComponent"
284
274
  data-selector-id="box"
285
275
  data-test-id="boxComponent"
@@ -305,15 +295,13 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
305
295
  </label>
306
296
  </div>
307
297
  <div
308
- class="labelContainer grow basis shrinkOff"
298
+ class="flexible basis_zero noShrink labelContainer"
309
299
  data-id="boxComponent"
310
300
  data-selector-id="box"
311
301
  data-test-id="boxComponent"
312
302
  >
313
303
  <label
314
- class="label title medium mandatory font_default
315
- dotted cursor
316
- primaryLabel pointer "
304
+ class="label title medium mandatory font_default dotted cursor primaryLabel pointer"
317
305
  data-id="RadioText_label"
318
306
  data-selector-id="label"
319
307
  data-test-id="RadioText_label"
@@ -331,7 +319,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
331
319
  <div
332
320
  aria-checked="false"
333
321
  aria-readonly="false"
334
- class="container pointer hoverEfffect flex rowdir both"
322
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
335
323
  data-id="RadioComp"
336
324
  data-selector-id="container"
337
325
  data-test-id="RadioComp"
@@ -339,8 +327,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
339
327
  tabindex="0"
340
328
  >
341
329
  <div
342
- class="radio
343
- hoverprimary medium filled centerPathprimary shrinkOff"
330
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
344
331
  data-id="boxComponent"
345
332
  data-selector-id="box"
346
333
  data-test-id="boxComponent"
@@ -366,15 +353,13 @@ exports[`Radio rendering labelPalette - primary 1`] = `
366
353
  </label>
367
354
  </div>
368
355
  <div
369
- class="labelContainer grow basis shrinkOff"
356
+ class="flexible basis_zero noShrink labelContainer"
370
357
  data-id="boxComponent"
371
358
  data-selector-id="box"
372
359
  data-test-id="boxComponent"
373
360
  >
374
361
  <label
375
- class="label title medium primary font_default
376
- dotted cursor
377
- primaryLabel pointer "
362
+ class="label title medium primary font_default dotted cursor primaryLabel pointer"
378
363
  data-id="RadioText_label"
379
364
  data-selector-id="label"
380
365
  data-test-id="RadioText_label"
@@ -392,7 +377,7 @@ exports[`Radio rendering labelSize - default 1`] = `
392
377
  <div
393
378
  aria-checked="false"
394
379
  aria-readonly="false"
395
- class="container pointer hoverEfffect flex rowdir both"
380
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
396
381
  data-id="RadioComp"
397
382
  data-selector-id="container"
398
383
  data-test-id="RadioComp"
@@ -400,8 +385,7 @@ exports[`Radio rendering labelSize - default 1`] = `
400
385
  tabindex="0"
401
386
  >
402
387
  <div
403
- class="radio
404
- hoverprimary medium filled centerPathprimary shrinkOff"
388
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
405
389
  data-id="boxComponent"
406
390
  data-selector-id="box"
407
391
  data-test-id="boxComponent"
@@ -427,15 +411,13 @@ exports[`Radio rendering labelSize - default 1`] = `
427
411
  </label>
428
412
  </div>
429
413
  <div
430
- class="labelContainer grow basis shrinkOff"
414
+ class="flexible basis_zero noShrink labelContainer"
431
415
  data-id="boxComponent"
432
416
  data-selector-id="box"
433
417
  data-test-id="boxComponent"
434
418
  >
435
419
  <label
436
- class="label title medium default font_default
437
- dotted cursor
438
- primaryLabel pointer "
420
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
439
421
  data-id="RadioText_label"
440
422
  data-selector-id="label"
441
423
  data-test-id="RadioText_label"
@@ -453,7 +435,7 @@ exports[`Radio rendering labelSize - large 1`] = `
453
435
  <div
454
436
  aria-checked="false"
455
437
  aria-readonly="false"
456
- class="container pointer hoverEfffect flex rowdir both"
438
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
457
439
  data-id="RadioComp"
458
440
  data-selector-id="container"
459
441
  data-test-id="RadioComp"
@@ -461,8 +443,7 @@ exports[`Radio rendering labelSize - large 1`] = `
461
443
  tabindex="0"
462
444
  >
463
445
  <div
464
- class="radio
465
- hoverprimary medium filled centerPathprimary shrinkOff"
446
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
466
447
  data-id="boxComponent"
467
448
  data-selector-id="box"
468
449
  data-test-id="boxComponent"
@@ -488,15 +469,13 @@ exports[`Radio rendering labelSize - large 1`] = `
488
469
  </label>
489
470
  </div>
490
471
  <div
491
- class="labelContainer grow basis shrinkOff"
472
+ class="flexible basis_zero noShrink labelContainer"
492
473
  data-id="boxComponent"
493
474
  data-selector-id="box"
494
475
  data-test-id="boxComponent"
495
476
  >
496
477
  <label
497
- class="label title large default font_default
498
- dotted cursor
499
- primaryLabel pointer "
478
+ class="label title large default font_default dotted cursor primaryLabel pointer"
500
479
  data-id="RadioText_label"
501
480
  data-selector-id="label"
502
481
  data-test-id="RadioText_label"
@@ -514,7 +493,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
514
493
  <div
515
494
  aria-checked="false"
516
495
  aria-readonly="false"
517
- class="container pointer hoverEfffect flex rowdir both"
496
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
518
497
  data-id="RadioComp"
519
498
  data-selector-id="container"
520
499
  data-test-id="RadioComp"
@@ -522,8 +501,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
522
501
  tabindex="0"
523
502
  >
524
503
  <div
525
- class="radio
526
- hoverprimary medium filled centerPathprimary shrinkOff"
504
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
527
505
  data-id="boxComponent"
528
506
  data-selector-id="box"
529
507
  data-test-id="boxComponent"
@@ -549,15 +527,13 @@ exports[`Radio rendering labelSize - medium 1`] = `
549
527
  </label>
550
528
  </div>
551
529
  <div
552
- class="labelContainer grow basis shrinkOff"
530
+ class="flexible basis_zero noShrink labelContainer"
553
531
  data-id="boxComponent"
554
532
  data-selector-id="box"
555
533
  data-test-id="boxComponent"
556
534
  >
557
535
  <label
558
- class="label title medium default font_default
559
- dotted cursor
560
- primaryLabel pointer "
536
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
561
537
  data-id="RadioText_label"
562
538
  data-selector-id="label"
563
539
  data-test-id="RadioText_label"
@@ -575,7 +551,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
575
551
  <div
576
552
  aria-checked="false"
577
553
  aria-readonly="false"
578
- class="container pointer hoverEfffect flex rowdir both"
554
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
579
555
  data-id="RadioComp"
580
556
  data-selector-id="container"
581
557
  data-test-id="RadioComp"
@@ -583,8 +559,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
583
559
  tabindex="0"
584
560
  >
585
561
  <div
586
- class="radio
587
- hoverprimary medium filled centerPathprimary shrinkOff"
562
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
588
563
  data-id="boxComponent"
589
564
  data-selector-id="box"
590
565
  data-test-id="boxComponent"
@@ -610,15 +585,13 @@ exports[`Radio rendering labelSize - primary 1`] = `
610
585
  </label>
611
586
  </div>
612
587
  <div
613
- class="labelContainer grow basis shrinkOff"
588
+ class="flexible basis_zero noShrink labelContainer"
614
589
  data-id="boxComponent"
615
590
  data-selector-id="box"
616
591
  data-test-id="boxComponent"
617
592
  >
618
593
  <label
619
- class="label title medium default font_primary
620
- dotted cursor
621
- primaryLabel pointer "
594
+ class="label title medium default font_primary dotted cursor primaryLabel pointer"
622
595
  data-id="RadioText_label"
623
596
  data-selector-id="label"
624
597
  data-test-id="RadioText_label"
@@ -636,7 +609,7 @@ exports[`Radio rendering labelSize - small 1`] = `
636
609
  <div
637
610
  aria-checked="false"
638
611
  aria-readonly="false"
639
- class="container pointer hoverEfffect flex rowdir both"
612
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
640
613
  data-id="RadioComp"
641
614
  data-selector-id="container"
642
615
  data-test-id="RadioComp"
@@ -644,8 +617,7 @@ exports[`Radio rendering labelSize - small 1`] = `
644
617
  tabindex="0"
645
618
  >
646
619
  <div
647
- class="radio
648
- hoverprimary medium filled centerPathprimary shrinkOff"
620
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
649
621
  data-id="boxComponent"
650
622
  data-selector-id="box"
651
623
  data-test-id="boxComponent"
@@ -671,15 +643,13 @@ exports[`Radio rendering labelSize - small 1`] = `
671
643
  </label>
672
644
  </div>
673
645
  <div
674
- class="labelContainer grow basis shrinkOff"
646
+ class="flexible basis_zero noShrink labelContainer"
675
647
  data-id="boxComponent"
676
648
  data-selector-id="box"
677
649
  data-test-id="boxComponent"
678
650
  >
679
651
  <label
680
- class="label title small default font_default
681
- dotted cursor
682
- primaryLabel pointer "
652
+ class="label title small default font_default dotted cursor primaryLabel pointer"
683
653
  data-id="RadioText_label"
684
654
  data-selector-id="label"
685
655
  data-test-id="RadioText_label"
@@ -697,7 +667,7 @@ exports[`Radio rendering palette - danger 1`] = `
697
667
  <div
698
668
  aria-checked="false"
699
669
  aria-readonly="false"
700
- class="container pointer hoverEfffect inflex rowdir both"
670
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
701
671
  data-id="RadioComp"
702
672
  data-selector-id="container"
703
673
  data-test-id="RadioComp"
@@ -705,8 +675,7 @@ exports[`Radio rendering palette - danger 1`] = `
705
675
  tabindex="0"
706
676
  >
707
677
  <div
708
- class="radio
709
- hoverdanger medium filled centerPathdanger shrinkOff"
678
+ class="noShrink radio hoverdanger medium filled centerPathdanger"
710
679
  data-id="boxComponent"
711
680
  data-selector-id="box"
712
681
  data-test-id="boxComponent"
@@ -740,7 +709,7 @@ exports[`Radio rendering palette - primary 1`] = `
740
709
  <div
741
710
  aria-checked="false"
742
711
  aria-readonly="false"
743
- class="container pointer hoverEfffect inflex rowdir both"
712
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
744
713
  data-id="RadioComp"
745
714
  data-selector-id="container"
746
715
  data-test-id="RadioComp"
@@ -748,8 +717,7 @@ exports[`Radio rendering palette - primary 1`] = `
748
717
  tabindex="0"
749
718
  >
750
719
  <div
751
- class="radio
752
- hoverprimary medium filled centerPathprimary shrinkOff"
720
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
753
721
  data-id="boxComponent"
754
722
  data-selector-id="box"
755
723
  data-test-id="boxComponent"
@@ -783,7 +751,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
783
751
  <div
784
752
  aria-checked="true"
785
753
  aria-readonly="false"
786
- class="container pointer hoverEfffect checked flex rowdir both"
754
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect checked"
787
755
  data-id="RadioComp"
788
756
  data-selector-id="container"
789
757
  data-test-id="RadioComp"
@@ -791,8 +759,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
791
759
  tabindex="0"
792
760
  >
793
761
  <div
794
- class="radio rdBoxprimary
795
- hoverprimary medium filled centerPathprimary withSecondaryText shrinkOff selfStart"
762
+ class="noShrink alignSelf_start radio rdBoxprimary hoverprimary medium filled centerPathprimary withSecondaryText"
796
763
  data-id="boxComponent"
797
764
  data-selector-id="box"
798
765
  data-test-id="boxComponent"
@@ -824,15 +791,13 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
824
791
  </label>
825
792
  </div>
826
793
  <div
827
- class="labelContainer grow basis shrinkOff"
794
+ class="flexible basis_zero noShrink labelContainer"
828
795
  data-id="boxComponent"
829
796
  data-selector-id="box"
830
797
  data-test-id="boxComponent"
831
798
  >
832
799
  <label
833
- class="label title medium default font_default
834
- dotted cursor
835
- primaryLabel pointer "
800
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
836
801
  data-id="Radio Text_label"
837
802
  data-selector-id="label"
838
803
  data-test-id="Radio Text_label"
@@ -841,7 +806,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
841
806
  Radio Text
842
807
  </label>
843
808
  <div
844
- class="size12 lineheight_1_2 secondaryText "
809
+ class="size12 lineheight_1_2 secondaryText"
845
810
  data-title="Secondary text"
846
811
  >
847
812
  Secondary text
@@ -856,7 +821,7 @@ exports[`Radio rendering size - medium 1`] = `
856
821
  <div
857
822
  aria-checked="false"
858
823
  aria-readonly="false"
859
- class="container pointer hoverEfffect inflex rowdir both"
824
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
860
825
  data-id="RadioComp"
861
826
  data-selector-id="container"
862
827
  data-test-id="RadioComp"
@@ -864,8 +829,7 @@ exports[`Radio rendering size - medium 1`] = `
864
829
  tabindex="0"
865
830
  >
866
831
  <div
867
- class="radio
868
- hoverprimary medium filled centerPathprimary shrinkOff"
832
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
869
833
  data-id="boxComponent"
870
834
  data-selector-id="box"
871
835
  data-test-id="boxComponent"
@@ -899,7 +863,7 @@ exports[`Radio rendering size - small 1`] = `
899
863
  <div
900
864
  aria-checked="false"
901
865
  aria-readonly="false"
902
- class="container pointer hoverEfffect inflex rowdir both"
866
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
903
867
  data-id="RadioComp"
904
868
  data-selector-id="container"
905
869
  data-test-id="RadioComp"
@@ -907,8 +871,7 @@ exports[`Radio rendering size - small 1`] = `
907
871
  tabindex="0"
908
872
  >
909
873
  <div
910
- class="radio
911
- hoverprimary small filled centerPathprimary shrinkOff"
874
+ class="noShrink radio hoverprimary small filled centerPathprimary"
912
875
  data-id="boxComponent"
913
876
  data-selector-id="box"
914
877
  data-test-id="boxComponent"
@@ -942,7 +905,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
942
905
  <div
943
906
  aria-checked="false"
944
907
  aria-readonly="false"
945
- class="container active pointer hoverEfffect flex rowdir both"
908
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect"
946
909
  data-id="RadioComp"
947
910
  data-selector-id="container"
948
911
  data-test-id="RadioComp"
@@ -950,8 +913,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
950
913
  tabindex="0"
951
914
  >
952
915
  <div
953
- class="radio
954
- hoverdanger medium filled centerPathdanger shrinkOff"
916
+ class="noShrink radio hoverdanger medium filled centerPathdanger"
955
917
  data-id="boxComponent"
956
918
  data-selector-id="box"
957
919
  data-test-id="boxComponent"
@@ -977,15 +939,13 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
977
939
  </label>
978
940
  </div>
979
941
  <div
980
- class="labelContainer grow basis shrinkOff"
942
+ class="flexible basis_zero noShrink labelContainer"
981
943
  data-id="boxComponent"
982
944
  data-selector-id="box"
983
945
  data-test-id="boxComponent"
984
946
  >
985
947
  <label
986
- class="label title medium default font_default
987
- dotted cursor
988
- dangerLabel pointer "
948
+ class="label title medium default font_default dotted cursor dangerLabel pointer"
989
949
  data-id="RadioText_label"
990
950
  data-selector-id="label"
991
951
  data-test-id="RadioText_label"
@@ -1003,7 +963,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1003
963
  <div
1004
964
  aria-checked="false"
1005
965
  aria-readonly="false"
1006
- class="container active pointer hoverEfffect flex rowdir both"
966
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect"
1007
967
  data-id="RadioComp"
1008
968
  data-selector-id="container"
1009
969
  data-test-id="RadioComp"
@@ -1011,8 +971,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1011
971
  tabindex="0"
1012
972
  >
1013
973
  <div
1014
- class="radio
1015
- hoverprimary medium filled centerPathprimary shrinkOff"
974
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1016
975
  data-id="boxComponent"
1017
976
  data-selector-id="box"
1018
977
  data-test-id="boxComponent"
@@ -1038,15 +997,13 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1038
997
  </label>
1039
998
  </div>
1040
999
  <div
1041
- class="labelContainer grow basis shrinkOff"
1000
+ class="flexible basis_zero noShrink labelContainer"
1042
1001
  data-id="boxComponent"
1043
1002
  data-selector-id="box"
1044
1003
  data-test-id="boxComponent"
1045
1004
  >
1046
1005
  <label
1047
- class="label title medium default font_default
1048
- dotted cursor
1049
- primaryLabel pointer "
1006
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
1050
1007
  data-id="RadioText_label"
1051
1008
  data-selector-id="label"
1052
1009
  data-test-id="RadioText_label"
@@ -1064,7 +1021,7 @@ exports[`Radio rendering the ID 1`] = `
1064
1021
  <div
1065
1022
  aria-checked="false"
1066
1023
  aria-readonly="false"
1067
- class="container pointer hoverEfffect inflex rowdir both"
1024
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1068
1025
  data-id="RadioComp"
1069
1026
  data-selector-id="container"
1070
1027
  data-test-id="RadioComp"
@@ -1072,8 +1029,7 @@ exports[`Radio rendering the ID 1`] = `
1072
1029
  tabindex="0"
1073
1030
  >
1074
1031
  <div
1075
- class="radio
1076
- hoverprimary medium filled centerPathprimary shrinkOff"
1032
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1077
1033
  data-id="boxComponent"
1078
1034
  data-selector-id="box"
1079
1035
  data-test-id="boxComponent"
@@ -1108,7 +1064,7 @@ exports[`Radio rendering the Name 1`] = `
1108
1064
  <div
1109
1065
  aria-checked="false"
1110
1066
  aria-readonly="false"
1111
- class="container pointer hoverEfffect inflex rowdir both"
1067
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1112
1068
  data-id="RadioComp"
1113
1069
  data-selector-id="container"
1114
1070
  data-test-id="RadioComp"
@@ -1116,8 +1072,7 @@ exports[`Radio rendering the Name 1`] = `
1116
1072
  tabindex="0"
1117
1073
  >
1118
1074
  <div
1119
- class="radio
1120
- hoverprimary medium filled centerPathprimary shrinkOff"
1075
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1121
1076
  data-id="boxComponent"
1122
1077
  data-selector-id="box"
1123
1078
  data-test-id="boxComponent"
@@ -1152,7 +1107,7 @@ exports[`Radio rendering the Value 1`] = `
1152
1107
  <div
1153
1108
  aria-checked="false"
1154
1109
  aria-readonly="false"
1155
- class="container pointer hoverEfffect inflex rowdir both"
1110
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1156
1111
  data-id="radiovalue"
1157
1112
  data-selector-id="container"
1158
1113
  data-test-id="radiovalue"
@@ -1160,8 +1115,7 @@ exports[`Radio rendering the Value 1`] = `
1160
1115
  tabindex="0"
1161
1116
  >
1162
1117
  <div
1163
- class="radio
1164
- hoverprimary medium filled centerPathprimary shrinkOff"
1118
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1165
1119
  data-id="boxComponent"
1166
1120
  data-selector-id="box"
1167
1121
  data-test-id="boxComponent"
@@ -1195,7 +1149,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1195
1149
  <div
1196
1150
  aria-checked="false"
1197
1151
  aria-readonly="true"
1198
- class="container disabled flex rowdir both"
1152
+ class="flex row alignItems_center justifyContent_center container disabled"
1199
1153
  data-id="RadioComp"
1200
1154
  data-selector-id="container"
1201
1155
  data-test-id="RadioComp"
@@ -1203,8 +1157,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1203
1157
  tabindex="-1"
1204
1158
  >
1205
1159
  <div
1206
- class="radio
1207
- medium filled centerPathprimary disabled shrinkOff"
1160
+ class="noShrink radio medium filled centerPathprimary disabled"
1208
1161
  data-id="boxComponent"
1209
1162
  data-selector-id="box"
1210
1163
  data-test-id="boxComponent"
@@ -1230,15 +1183,13 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1230
1183
  </label>
1231
1184
  </div>
1232
1185
  <div
1233
- class="labelContainer grow basis shrinkOff"
1186
+ class="flexible basis_zero noShrink labelContainer"
1234
1187
  data-id="boxComponent"
1235
1188
  data-selector-id="box"
1236
1189
  data-test-id="boxComponent"
1237
1190
  >
1238
1191
  <label
1239
- class="label title medium default font_default
1240
- dotted cursor disabled
1241
- primaryLabel "
1192
+ class="label title medium default font_default dotted cursor disabled primaryLabel"
1242
1193
  data-id="RadioText_label"
1243
1194
  data-selector-id="label"
1244
1195
  data-test-id="RadioText_label"
@@ -1256,7 +1207,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1256
1207
  <div
1257
1208
  aria-checked="false"
1258
1209
  aria-readonly="true"
1259
- class="container readonly flex rowdir both"
1210
+ class="flex row alignItems_center justifyContent_center container readonly"
1260
1211
  data-id="RadioComp"
1261
1212
  data-selector-id="container"
1262
1213
  data-test-id="RadioComp"
@@ -1264,8 +1215,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1264
1215
  tabindex="-1"
1265
1216
  >
1266
1217
  <div
1267
- class="radio
1268
- medium filled centerPathprimary disabled shrinkOff"
1218
+ class="noShrink radio medium filled centerPathprimary disabled"
1269
1219
  data-id="boxComponent"
1270
1220
  data-selector-id="box"
1271
1221
  data-test-id="boxComponent"
@@ -1291,15 +1241,13 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1291
1241
  </label>
1292
1242
  </div>
1293
1243
  <div
1294
- class="labelContainer grow basis shrinkOff"
1244
+ class="flexible basis_zero noShrink labelContainer"
1295
1245
  data-id="boxComponent"
1296
1246
  data-selector-id="box"
1297
1247
  data-test-id="boxComponent"
1298
1248
  >
1299
1249
  <label
1300
- class="label title medium default font_default
1301
- dotted cursor
1302
- primaryLabel readonly "
1250
+ class="label title medium default font_default dotted cursor primaryLabel readonly"
1303
1251
  data-id="RadioText_label"
1304
1252
  data-selector-id="label"
1305
1253
  data-test-id="RadioText_label"
@@ -1317,7 +1265,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1317
1265
  <div
1318
1266
  aria-checked="true"
1319
1267
  aria-readonly="false"
1320
- class="container active pointer hoverEfffect checked flex rowdir both"
1268
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect checked"
1321
1269
  data-id="RadioComp"
1322
1270
  data-selector-id="container"
1323
1271
  data-test-id="RadioComp"
@@ -1325,8 +1273,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1325
1273
  tabindex="0"
1326
1274
  >
1327
1275
  <div
1328
- class="radio rdBoxdanger
1329
- hoverdanger medium filled centerPathdanger shrinkOff"
1276
+ class="noShrink radio rdBoxdanger hoverdanger medium filled centerPathdanger"
1330
1277
  data-id="boxComponent"
1331
1278
  data-selector-id="box"
1332
1279
  data-test-id="boxComponent"
@@ -1358,15 +1305,13 @@ exports[`Radio rendering the active is true - danger 1`] = `
1358
1305
  </label>
1359
1306
  </div>
1360
1307
  <div
1361
- class="labelContainer grow basis shrinkOff"
1308
+ class="flexible basis_zero noShrink labelContainer"
1362
1309
  data-id="boxComponent"
1363
1310
  data-selector-id="box"
1364
1311
  data-test-id="boxComponent"
1365
1312
  >
1366
1313
  <label
1367
- class="label title medium default font_default
1368
- dotted cursor dangercheckedActive
1369
- dangerLabel pointer "
1314
+ class="label title medium default font_default dotted cursor dangercheckedActive dangerLabel pointer"
1370
1315
  data-id="RadioText_label"
1371
1316
  data-selector-id="label"
1372
1317
  data-test-id="RadioText_label"
@@ -1384,7 +1329,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1384
1329
  <div
1385
1330
  aria-checked="true"
1386
1331
  aria-readonly="false"
1387
- class="container active pointer hoverEfffect checked flex rowdir both"
1332
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect checked"
1388
1333
  data-id="RadioComp"
1389
1334
  data-selector-id="container"
1390
1335
  data-test-id="RadioComp"
@@ -1392,8 +1337,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1392
1337
  tabindex="0"
1393
1338
  >
1394
1339
  <div
1395
- class="radio rdBoxprimary
1396
- hoverprimary medium filled centerPathprimary shrinkOff"
1340
+ class="noShrink radio rdBoxprimary hoverprimary medium filled centerPathprimary"
1397
1341
  data-id="boxComponent"
1398
1342
  data-selector-id="box"
1399
1343
  data-test-id="boxComponent"
@@ -1425,15 +1369,13 @@ exports[`Radio rendering the active is true - primary 1`] = `
1425
1369
  </label>
1426
1370
  </div>
1427
1371
  <div
1428
- class="labelContainer grow basis shrinkOff"
1372
+ class="flexible basis_zero noShrink labelContainer"
1429
1373
  data-id="boxComponent"
1430
1374
  data-selector-id="box"
1431
1375
  data-test-id="boxComponent"
1432
1376
  >
1433
1377
  <label
1434
- class="label title medium default font_default
1435
- dotted cursor primarycheckedActive
1436
- primaryLabel pointer "
1378
+ class="label title medium default font_default dotted cursor primarycheckedActive primaryLabel pointer"
1437
1379
  data-id="RadioText_label"
1438
1380
  data-selector-id="label"
1439
1381
  data-test-id="RadioText_label"
@@ -1451,7 +1393,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1451
1393
  <div
1452
1394
  aria-checked="false"
1453
1395
  aria-readonly="false"
1454
- class="container pointer hoverEfffect CustomClassCustomRadioWrap flex rowdir both"
1396
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect CustomClassCustomRadioWrap"
1455
1397
  data-id="RadioComp"
1456
1398
  data-selector-id="container"
1457
1399
  data-test-id="RadioComp"
@@ -1459,8 +1401,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1459
1401
  tabindex="0"
1460
1402
  >
1461
1403
  <div
1462
- class="radio
1463
- hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1404
+ class="noShrink radio hoverprimary medium filled centerPathprimary CustomClassCustomRadio"
1464
1405
  data-id="boxComponent"
1465
1406
  data-selector-id="box"
1466
1407
  data-test-id="boxComponent"
@@ -1486,15 +1427,13 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1486
1427
  </label>
1487
1428
  </div>
1488
1429
  <div
1489
- class="labelContainer grow basis shrinkOff"
1430
+ class="flexible basis_zero noShrink labelContainer"
1490
1431
  data-id="boxComponent"
1491
1432
  data-selector-id="box"
1492
1433
  data-test-id="boxComponent"
1493
1434
  >
1494
1435
  <label
1495
- class="label title medium default font_default
1496
- dotted cursor
1497
- primaryLabel pointer CustomClassCustomLabel "
1436
+ class="label title medium default font_default dotted cursor primaryLabel pointer CustomClassCustomLabel"
1498
1437
  data-id="RadioText_label"
1499
1438
  data-selector-id="label"
1500
1439
  data-test-id="RadioText_label"
@@ -1512,7 +1451,7 @@ exports[`Radio rendering the defult props 1`] = `
1512
1451
  <div
1513
1452
  aria-checked="false"
1514
1453
  aria-readonly="false"
1515
- class="container pointer hoverEfffect inflex rowdir both"
1454
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1516
1455
  data-id="RadioComp"
1517
1456
  data-selector-id="container"
1518
1457
  data-test-id="RadioComp"
@@ -1520,8 +1459,7 @@ exports[`Radio rendering the defult props 1`] = `
1520
1459
  tabindex="0"
1521
1460
  >
1522
1461
  <div
1523
- class="radio
1524
- hoverprimary medium filled centerPathprimary shrinkOff"
1462
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1525
1463
  data-id="boxComponent"
1526
1464
  data-selector-id="box"
1527
1465
  data-test-id="boxComponent"
@@ -1555,7 +1493,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1555
1493
  <div
1556
1494
  aria-checked="false"
1557
1495
  aria-readonly="true"
1558
- class="container disabled flex rowdir both"
1496
+ class="flex row alignItems_center justifyContent_center container disabled"
1559
1497
  data-id="RadioComp"
1560
1498
  data-selector-id="container"
1561
1499
  data-test-id="RadioComp"
@@ -1563,8 +1501,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1563
1501
  tabindex="-1"
1564
1502
  >
1565
1503
  <div
1566
- class="radio
1567
- medium filled centerPathdanger disabled shrinkOff"
1504
+ class="noShrink radio medium filled centerPathdanger disabled"
1568
1505
  data-id="boxComponent"
1569
1506
  data-selector-id="box"
1570
1507
  data-test-id="boxComponent"
@@ -1590,15 +1527,13 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1590
1527
  </label>
1591
1528
  </div>
1592
1529
  <div
1593
- class="labelContainer grow basis shrinkOff"
1530
+ class="flexible basis_zero noShrink labelContainer"
1594
1531
  data-id="boxComponent"
1595
1532
  data-selector-id="box"
1596
1533
  data-test-id="boxComponent"
1597
1534
  >
1598
1535
  <label
1599
- class="label title medium default font_default
1600
- dotted cursor disabled
1601
- dangerLabel "
1536
+ class="label title medium default font_default dotted cursor disabled dangerLabel"
1602
1537
  data-id="RadioText_label"
1603
1538
  data-selector-id="label"
1604
1539
  data-test-id="RadioText_label"
@@ -1616,7 +1551,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1616
1551
  <div
1617
1552
  aria-checked="false"
1618
1553
  aria-readonly="true"
1619
- class="container disabled flex rowdir both"
1554
+ class="flex row alignItems_center justifyContent_center container disabled"
1620
1555
  data-id="RadioComp"
1621
1556
  data-selector-id="container"
1622
1557
  data-test-id="RadioComp"
@@ -1624,8 +1559,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1624
1559
  tabindex="-1"
1625
1560
  >
1626
1561
  <div
1627
- class="radio
1628
- medium filled centerPathprimary disabled shrinkOff"
1562
+ class="noShrink radio medium filled centerPathprimary disabled"
1629
1563
  data-id="boxComponent"
1630
1564
  data-selector-id="box"
1631
1565
  data-test-id="boxComponent"
@@ -1651,15 +1585,13 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1651
1585
  </label>
1652
1586
  </div>
1653
1587
  <div
1654
- class="labelContainer grow basis shrinkOff"
1588
+ class="flexible basis_zero noShrink labelContainer"
1655
1589
  data-id="boxComponent"
1656
1590
  data-selector-id="box"
1657
1591
  data-test-id="boxComponent"
1658
1592
  >
1659
1593
  <label
1660
- class="label title medium default font_default
1661
- dotted cursor disabled
1662
- primaryLabel "
1594
+ class="label title medium default font_default dotted cursor disabled primaryLabel"
1663
1595
  data-id="RadioText_label"
1664
1596
  data-selector-id="label"
1665
1597
  data-test-id="RadioText_label"
@@ -1677,7 +1609,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1677
1609
  <div
1678
1610
  aria-checked="false"
1679
1611
  aria-readonly="true"
1680
- class="container disabled flex rowdir both"
1612
+ class="flex row alignItems_center justifyContent_center container disabled"
1681
1613
  data-id="RadioComp"
1682
1614
  data-selector-id="container"
1683
1615
  data-test-id="RadioComp"
@@ -1686,8 +1618,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1686
1618
  tabindex="-1"
1687
1619
  >
1688
1620
  <div
1689
- class="radio
1690
- medium filled centerPathprimary disabled shrinkOff"
1621
+ class="noShrink radio medium filled centerPathprimary disabled"
1691
1622
  data-id="boxComponent"
1692
1623
  data-selector-id="box"
1693
1624
  data-test-id="boxComponent"
@@ -1713,15 +1644,13 @@ exports[`Radio rendering the disabledTitle 1`] = `
1713
1644
  </label>
1714
1645
  </div>
1715
1646
  <div
1716
- class="labelContainer grow basis shrinkOff"
1647
+ class="flexible basis_zero noShrink labelContainer"
1717
1648
  data-id="boxComponent"
1718
1649
  data-selector-id="box"
1719
1650
  data-test-id="boxComponent"
1720
1651
  >
1721
1652
  <label
1722
- class="label title medium default font_default
1723
- dotted cursor disabled
1724
- primaryLabel "
1653
+ class="label title medium default font_default dotted cursor disabled primaryLabel"
1725
1654
  data-id="RadioText_label"
1726
1655
  data-selector-id="label"
1727
1656
  data-test-id="RadioText_label"
@@ -1739,7 +1668,7 @@ exports[`Radio rendering the isFilled is false 1`] = `
1739
1668
  <div
1740
1669
  aria-checked="false"
1741
1670
  aria-readonly="false"
1742
- class="container pointer hoverEfffect inflex rowdir both"
1671
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1743
1672
  data-id="RadioComp"
1744
1673
  data-selector-id="container"
1745
1674
  data-test-id="RadioComp"
@@ -1747,8 +1676,7 @@ exports[`Radio rendering the isFilled is false 1`] = `
1747
1676
  tabindex="0"
1748
1677
  >
1749
1678
  <div
1750
- class="radio
1751
- hoverprimary medium centerPathprimary shrinkOff"
1679
+ class="noShrink radio hoverprimary medium centerPathprimary"
1752
1680
  data-id="boxComponent"
1753
1681
  data-selector-id="box"
1754
1682
  data-test-id="boxComponent"
@@ -1782,7 +1710,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1782
1710
  <div
1783
1711
  aria-checked="false"
1784
1712
  aria-readonly="true"
1785
- class="container readonly inflex rowdir both"
1713
+ class="inlineFlex row alignItems_center justifyContent_center container readonly"
1786
1714
  data-id="RadioComp"
1787
1715
  data-selector-id="container"
1788
1716
  data-test-id="RadioComp"
@@ -1790,8 +1718,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1790
1718
  tabindex="-1"
1791
1719
  >
1792
1720
  <div
1793
- class="radio
1794
- medium filled centerPathprimary disabled shrinkOff"
1721
+ class="noShrink radio medium filled centerPathprimary disabled"
1795
1722
  data-id="boxComponent"
1796
1723
  data-selector-id="box"
1797
1724
  data-test-id="boxComponent"
@@ -1825,7 +1752,7 @@ exports[`Radio rendering the text 1`] = `
1825
1752
  <div
1826
1753
  aria-checked="false"
1827
1754
  aria-readonly="false"
1828
- class="container pointer hoverEfffect flex rowdir both"
1755
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
1829
1756
  data-id="RadioComp"
1830
1757
  data-selector-id="container"
1831
1758
  data-test-id="RadioComp"
@@ -1833,8 +1760,7 @@ exports[`Radio rendering the text 1`] = `
1833
1760
  tabindex="0"
1834
1761
  >
1835
1762
  <div
1836
- class="radio
1837
- hoverprimary medium filled centerPathprimary shrinkOff"
1763
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1838
1764
  data-id="boxComponent"
1839
1765
  data-selector-id="box"
1840
1766
  data-test-id="boxComponent"
@@ -1860,15 +1786,13 @@ exports[`Radio rendering the text 1`] = `
1860
1786
  </label>
1861
1787
  </div>
1862
1788
  <div
1863
- class="labelContainer grow basis shrinkOff"
1789
+ class="flexible basis_zero noShrink labelContainer"
1864
1790
  data-id="boxComponent"
1865
1791
  data-selector-id="box"
1866
1792
  data-test-id="boxComponent"
1867
1793
  >
1868
1794
  <label
1869
- class="label title medium default font_default
1870
- dotted cursor
1871
- primaryLabel pointer "
1795
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
1872
1796
  data-id="RadioText_label"
1873
1797
  data-selector-id="label"
1874
1798
  data-test-id="RadioText_label"
@@ -1886,7 +1810,7 @@ exports[`Radio rendering the title 1`] = `
1886
1810
  <div
1887
1811
  aria-checked="false"
1888
1812
  aria-readonly="false"
1889
- class="container pointer hoverEfffect flex rowdir both"
1813
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
1890
1814
  data-id="RadioComp"
1891
1815
  data-selector-id="container"
1892
1816
  data-test-id="RadioComp"
@@ -1895,8 +1819,7 @@ exports[`Radio rendering the title 1`] = `
1895
1819
  tabindex="0"
1896
1820
  >
1897
1821
  <div
1898
- class="radio
1899
- hoverprimary medium filled centerPathprimary shrinkOff"
1822
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1900
1823
  data-id="boxComponent"
1901
1824
  data-selector-id="box"
1902
1825
  data-test-id="boxComponent"
@@ -1922,15 +1845,13 @@ exports[`Radio rendering the title 1`] = `
1922
1845
  </label>
1923
1846
  </div>
1924
1847
  <div
1925
- class="labelContainer grow basis shrinkOff"
1848
+ class="flexible basis_zero noShrink labelContainer"
1926
1849
  data-id="boxComponent"
1927
1850
  data-selector-id="box"
1928
1851
  data-test-id="boxComponent"
1929
1852
  >
1930
1853
  <label
1931
- class="label title medium default font_default
1932
- dotted cursor
1933
- primaryLabel pointer "
1854
+ class="label title medium default font_default dotted cursor primaryLabel pointer"
1934
1855
  data-id="RadioText_label"
1935
1856
  data-selector-id="label"
1936
1857
  data-test-id="RadioText_label"
@@ -1949,7 +1870,7 @@ exports[`Radio renders with different onClick props 1`] = `
1949
1870
  <div
1950
1871
  aria-checked="false"
1951
1872
  aria-readonly="false"
1952
- class="container pointer hoverEfffect inflex rowdir both"
1873
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1953
1874
  data-id="radiovalue"
1954
1875
  data-selector-id="container"
1955
1876
  data-test-id="radiovalue"
@@ -1957,8 +1878,7 @@ exports[`Radio renders with different onClick props 1`] = `
1957
1878
  tabindex="0"
1958
1879
  >
1959
1880
  <div
1960
- class="radio
1961
- hoverprimary medium filled centerPathprimary shrinkOff"
1881
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
1962
1882
  data-id="boxComponent"
1963
1883
  data-selector-id="box"
1964
1884
  data-test-id="boxComponent"