@zohodesk/components 1.6.20 → 1.6.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/README.md +10 -0
  2. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  3. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  4. package/es/Button/css/cssJSLogic.js +6 -6
  5. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  6. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  7. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  8. package/es/CheckBox/CheckBox.js +2 -2
  9. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +130 -153
  10. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +50 -52
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  12. package/es/DateTime/CalendarView.js +2 -2
  13. package/es/DateTime/DateWidget.js +2 -2
  14. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  15. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  16. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  17. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  18. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +8 -8
  19. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/Label/Label.js +1 -1
  26. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  27. package/es/Layout/Box.js +1 -115
  28. package/es/Layout/Container.js +1 -132
  29. package/es/Layout/props/defaultProps.js +1 -16
  30. package/es/Layout/props/propTypes.js +1 -46
  31. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  32. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  36. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  37. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  38. package/es/MultiSelect/MultiSelect.js +1 -1
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  40. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +38 -41
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +152 -152
  48. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  49. package/es/Ribbon/Ribbon.js +3 -16
  50. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  51. package/es/Select/SelectWithAvatar.js +1 -1
  52. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  53. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +845 -823
  54. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  55. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +56 -56
  58. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  59. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  60. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  61. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  62. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  63. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  64. package/es/Tag/Tag.js +1 -2
  65. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +140 -186
  66. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  67. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  68. package/es/Textarea/Textarea.js +1 -1
  69. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  70. package/es/Tooltip/Tooltip.js +1 -1
  71. package/es/Typography/css/cssJSLogic.js +2 -2
  72. package/es/css.js +0 -1
  73. package/es/deprecated/Switch/Switch.js +1 -1
  74. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  75. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  76. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  77. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  78. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  79. package/lib/Button/css/cssJSLogic.js +3 -3
  80. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  81. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  82. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  83. package/lib/CheckBox/CheckBox.js +2 -2
  84. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +130 -153
  85. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +50 -52
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  87. package/lib/DateTime/CalendarView.js +2 -2
  88. package/lib/DateTime/DateWidget.js +2 -2
  89. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  90. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  91. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  92. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  93. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +8 -8
  94. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/Label/Label.js +1 -1
  101. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  102. package/lib/Layout/Box.js +7 -120
  103. package/lib/Layout/Container.js +7 -137
  104. package/lib/Layout/props/defaultProps.js +14 -19
  105. package/lib/Layout/props/propTypes.js +13 -52
  106. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  107. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  111. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  112. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +4 -4
  113. package/lib/MultiSelect/MultiSelect.js +1 -1
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  115. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +38 -41
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +152 -152
  123. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  124. package/lib/Ribbon/Ribbon.js +2 -15
  125. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +24 -24
  126. package/lib/Select/SelectWithAvatar.js +1 -1
  127. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  128. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +845 -823
  129. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  130. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +56 -56
  133. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  134. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  135. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  136. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  137. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  138. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  139. package/lib/Tag/Tag.js +1 -1
  140. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +140 -186
  141. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  142. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  143. package/lib/Textarea/Textarea.js +1 -1
  144. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  145. package/lib/Tooltip/Tooltip.js +1 -1
  146. package/lib/Typography/css/cssJSLogic.js +1 -1
  147. package/lib/css.js +0 -2
  148. package/lib/deprecated/Switch/Switch.js +1 -1
  149. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  150. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  151. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  152. package/package.json +7 -7
  153. package/es/Layout/Layout.module.css +0 -336
  154. package/es/Layout/__tests__/Box.spec.js +0 -11
  155. package/es/Layout/__tests__/Container.spec.js +0 -11
  156. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  157. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  158. package/es/Layout/utils.js +0 -29
  159. package/lib/Layout/Layout.module.css +0 -336
  160. package/lib/Layout/__tests__/Box.spec.js +0 -18
  161. package/lib/Layout/__tests__/Container.spec.js +0 -18
  162. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  163. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  164. package/lib/Layout/utils.js +0 -59
package/es/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,8 @@ 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
17
+ hoverprimary medium filled centerPathprimary"
18
18
  data-id="boxComponent"
19
19
  data-selector-id="box"
20
20
  data-test-id="boxComponent"
@@ -55,7 +55,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
55
55
  aria-checked="true"
56
56
  aria-hidden="true"
57
57
  aria-readonly="true"
58
- class="container readonly checked inflex rowdir both"
58
+ class="inlineFlex row alignItems_center justifyContent_center container readonly checked"
59
59
  data-id="RadioComp"
60
60
  data-selector-id="container"
61
61
  data-test-id="RadioComp"
@@ -63,8 +63,8 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
63
63
  tabindex="-1"
64
64
  >
65
65
  <div
66
- class="radio rdBoxprimary
67
- medium filled centerPathprimary disabled shrinkOff"
66
+ class="noShrink radio rdBoxprimary
67
+ medium filled centerPathprimary disabled"
68
68
  data-id="boxComponent"
69
69
  data-selector-id="box"
70
70
  data-test-id="boxComponent"
@@ -105,7 +105,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
105
105
  aria-checked="false"
106
106
  aria-hidden="false"
107
107
  aria-readonly="false"
108
- class="container pointer hoverEfffect inflex rowdir both"
108
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
109
109
  data-id="RadioComp"
110
110
  data-selector-id="container"
111
111
  data-test-id="RadioComp"
@@ -113,8 +113,8 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
113
113
  tabindex="0"
114
114
  >
115
115
  <div
116
- class="radio
117
- hoverprimary medium filled centerPathprimary shrinkOff"
116
+ class="noShrink radio
117
+ hoverprimary medium filled centerPathprimary"
118
118
  data-id="boxComponent"
119
119
  data-selector-id="box"
120
120
  data-test-id="boxComponent"
@@ -148,7 +148,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
148
148
  <div
149
149
  aria-checked="false"
150
150
  aria-readonly="false"
151
- class="container pointer hoverEfffect flex rowdir both"
151
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
152
152
  data-id="RadioComp"
153
153
  data-selector-id="container"
154
154
  data-test-id="RadioComp"
@@ -156,8 +156,8 @@ exports[`Radio rendering labelPalette - danger 1`] = `
156
156
  tabindex="0"
157
157
  >
158
158
  <div
159
- class="radio
160
- hoverprimary medium filled centerPathprimary shrinkOff"
159
+ class="noShrink radio
160
+ hoverprimary medium filled centerPathprimary"
161
161
  data-id="boxComponent"
162
162
  data-selector-id="box"
163
163
  data-test-id="boxComponent"
@@ -183,7 +183,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
183
183
  </label>
184
184
  </div>
185
185
  <div
186
- class="labelContainer grow basis shrinkOff"
186
+ class="flexible basis_zero noShrink labelContainer"
187
187
  data-id="boxComponent"
188
188
  data-selector-id="box"
189
189
  data-test-id="boxComponent"
@@ -191,7 +191,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
191
191
  <label
192
192
  class="label title medium danger font_default
193
193
  dotted cursor
194
- primaryLabel pointer "
194
+ primaryLabel pointer "
195
195
  data-id="RadioText_label"
196
196
  data-selector-id="label"
197
197
  data-test-id="RadioText_label"
@@ -209,7 +209,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
209
209
  <div
210
210
  aria-checked="false"
211
211
  aria-readonly="false"
212
- class="container pointer hoverEfffect flex rowdir both"
212
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
213
213
  data-id="RadioComp"
214
214
  data-selector-id="container"
215
215
  data-test-id="RadioComp"
@@ -217,8 +217,8 @@ exports[`Radio rendering labelPalette - default 1`] = `
217
217
  tabindex="0"
218
218
  >
219
219
  <div
220
- class="radio
221
- hoverprimary medium filled centerPathprimary shrinkOff"
220
+ class="noShrink radio
221
+ hoverprimary medium filled centerPathprimary"
222
222
  data-id="boxComponent"
223
223
  data-selector-id="box"
224
224
  data-test-id="boxComponent"
@@ -244,7 +244,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
244
244
  </label>
245
245
  </div>
246
246
  <div
247
- class="labelContainer grow basis shrinkOff"
247
+ class="flexible basis_zero noShrink labelContainer"
248
248
  data-id="boxComponent"
249
249
  data-selector-id="box"
250
250
  data-test-id="boxComponent"
@@ -252,7 +252,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
252
252
  <label
253
253
  class="label title medium default font_default
254
254
  dotted cursor
255
- primaryLabel pointer "
255
+ primaryLabel pointer "
256
256
  data-id="RadioText_label"
257
257
  data-selector-id="label"
258
258
  data-test-id="RadioText_label"
@@ -270,7 +270,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
270
270
  <div
271
271
  aria-checked="false"
272
272
  aria-readonly="false"
273
- class="container pointer hoverEfffect flex rowdir both"
273
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
274
274
  data-id="RadioComp"
275
275
  data-selector-id="container"
276
276
  data-test-id="RadioComp"
@@ -278,8 +278,8 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
278
278
  tabindex="0"
279
279
  >
280
280
  <div
281
- class="radio
282
- hoverprimary medium filled centerPathprimary shrinkOff"
281
+ class="noShrink radio
282
+ hoverprimary medium filled centerPathprimary"
283
283
  data-id="boxComponent"
284
284
  data-selector-id="box"
285
285
  data-test-id="boxComponent"
@@ -305,7 +305,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
305
305
  </label>
306
306
  </div>
307
307
  <div
308
- class="labelContainer grow basis shrinkOff"
308
+ class="flexible basis_zero noShrink labelContainer"
309
309
  data-id="boxComponent"
310
310
  data-selector-id="box"
311
311
  data-test-id="boxComponent"
@@ -313,7 +313,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
313
313
  <label
314
314
  class="label title medium mandatory font_default
315
315
  dotted cursor
316
- primaryLabel pointer "
316
+ primaryLabel pointer "
317
317
  data-id="RadioText_label"
318
318
  data-selector-id="label"
319
319
  data-test-id="RadioText_label"
@@ -331,7 +331,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
331
331
  <div
332
332
  aria-checked="false"
333
333
  aria-readonly="false"
334
- class="container pointer hoverEfffect flex rowdir both"
334
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
335
335
  data-id="RadioComp"
336
336
  data-selector-id="container"
337
337
  data-test-id="RadioComp"
@@ -339,8 +339,8 @@ exports[`Radio rendering labelPalette - primary 1`] = `
339
339
  tabindex="0"
340
340
  >
341
341
  <div
342
- class="radio
343
- hoverprimary medium filled centerPathprimary shrinkOff"
342
+ class="noShrink radio
343
+ hoverprimary medium filled centerPathprimary"
344
344
  data-id="boxComponent"
345
345
  data-selector-id="box"
346
346
  data-test-id="boxComponent"
@@ -366,7 +366,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
366
366
  </label>
367
367
  </div>
368
368
  <div
369
- class="labelContainer grow basis shrinkOff"
369
+ class="flexible basis_zero noShrink labelContainer"
370
370
  data-id="boxComponent"
371
371
  data-selector-id="box"
372
372
  data-test-id="boxComponent"
@@ -374,7 +374,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
374
374
  <label
375
375
  class="label title medium primary font_default
376
376
  dotted cursor
377
- primaryLabel pointer "
377
+ primaryLabel pointer "
378
378
  data-id="RadioText_label"
379
379
  data-selector-id="label"
380
380
  data-test-id="RadioText_label"
@@ -392,7 +392,7 @@ exports[`Radio rendering labelSize - default 1`] = `
392
392
  <div
393
393
  aria-checked="false"
394
394
  aria-readonly="false"
395
- class="container pointer hoverEfffect flex rowdir both"
395
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
396
396
  data-id="RadioComp"
397
397
  data-selector-id="container"
398
398
  data-test-id="RadioComp"
@@ -400,8 +400,8 @@ exports[`Radio rendering labelSize - default 1`] = `
400
400
  tabindex="0"
401
401
  >
402
402
  <div
403
- class="radio
404
- hoverprimary medium filled centerPathprimary shrinkOff"
403
+ class="noShrink radio
404
+ hoverprimary medium filled centerPathprimary"
405
405
  data-id="boxComponent"
406
406
  data-selector-id="box"
407
407
  data-test-id="boxComponent"
@@ -427,7 +427,7 @@ exports[`Radio rendering labelSize - default 1`] = `
427
427
  </label>
428
428
  </div>
429
429
  <div
430
- class="labelContainer grow basis shrinkOff"
430
+ class="flexible basis_zero noShrink labelContainer"
431
431
  data-id="boxComponent"
432
432
  data-selector-id="box"
433
433
  data-test-id="boxComponent"
@@ -435,7 +435,7 @@ exports[`Radio rendering labelSize - default 1`] = `
435
435
  <label
436
436
  class="label title medium default font_default
437
437
  dotted cursor
438
- primaryLabel pointer "
438
+ primaryLabel pointer "
439
439
  data-id="RadioText_label"
440
440
  data-selector-id="label"
441
441
  data-test-id="RadioText_label"
@@ -453,7 +453,7 @@ exports[`Radio rendering labelSize - large 1`] = `
453
453
  <div
454
454
  aria-checked="false"
455
455
  aria-readonly="false"
456
- class="container pointer hoverEfffect flex rowdir both"
456
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
457
457
  data-id="RadioComp"
458
458
  data-selector-id="container"
459
459
  data-test-id="RadioComp"
@@ -461,8 +461,8 @@ exports[`Radio rendering labelSize - large 1`] = `
461
461
  tabindex="0"
462
462
  >
463
463
  <div
464
- class="radio
465
- hoverprimary medium filled centerPathprimary shrinkOff"
464
+ class="noShrink radio
465
+ hoverprimary medium filled centerPathprimary"
466
466
  data-id="boxComponent"
467
467
  data-selector-id="box"
468
468
  data-test-id="boxComponent"
@@ -488,7 +488,7 @@ exports[`Radio rendering labelSize - large 1`] = `
488
488
  </label>
489
489
  </div>
490
490
  <div
491
- class="labelContainer grow basis shrinkOff"
491
+ class="flexible basis_zero noShrink labelContainer"
492
492
  data-id="boxComponent"
493
493
  data-selector-id="box"
494
494
  data-test-id="boxComponent"
@@ -496,7 +496,7 @@ exports[`Radio rendering labelSize - large 1`] = `
496
496
  <label
497
497
  class="label title large default font_default
498
498
  dotted cursor
499
- primaryLabel pointer "
499
+ primaryLabel pointer "
500
500
  data-id="RadioText_label"
501
501
  data-selector-id="label"
502
502
  data-test-id="RadioText_label"
@@ -514,7 +514,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
514
514
  <div
515
515
  aria-checked="false"
516
516
  aria-readonly="false"
517
- class="container pointer hoverEfffect flex rowdir both"
517
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
518
518
  data-id="RadioComp"
519
519
  data-selector-id="container"
520
520
  data-test-id="RadioComp"
@@ -522,8 +522,8 @@ exports[`Radio rendering labelSize - medium 1`] = `
522
522
  tabindex="0"
523
523
  >
524
524
  <div
525
- class="radio
526
- hoverprimary medium filled centerPathprimary shrinkOff"
525
+ class="noShrink radio
526
+ hoverprimary medium filled centerPathprimary"
527
527
  data-id="boxComponent"
528
528
  data-selector-id="box"
529
529
  data-test-id="boxComponent"
@@ -549,7 +549,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
549
549
  </label>
550
550
  </div>
551
551
  <div
552
- class="labelContainer grow basis shrinkOff"
552
+ class="flexible basis_zero noShrink labelContainer"
553
553
  data-id="boxComponent"
554
554
  data-selector-id="box"
555
555
  data-test-id="boxComponent"
@@ -557,7 +557,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
557
557
  <label
558
558
  class="label title medium default font_default
559
559
  dotted cursor
560
- primaryLabel pointer "
560
+ primaryLabel pointer "
561
561
  data-id="RadioText_label"
562
562
  data-selector-id="label"
563
563
  data-test-id="RadioText_label"
@@ -575,7 +575,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
575
575
  <div
576
576
  aria-checked="false"
577
577
  aria-readonly="false"
578
- class="container pointer hoverEfffect flex rowdir both"
578
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
579
579
  data-id="RadioComp"
580
580
  data-selector-id="container"
581
581
  data-test-id="RadioComp"
@@ -583,8 +583,8 @@ exports[`Radio rendering labelSize - primary 1`] = `
583
583
  tabindex="0"
584
584
  >
585
585
  <div
586
- class="radio
587
- hoverprimary medium filled centerPathprimary shrinkOff"
586
+ class="noShrink radio
587
+ hoverprimary medium filled centerPathprimary"
588
588
  data-id="boxComponent"
589
589
  data-selector-id="box"
590
590
  data-test-id="boxComponent"
@@ -610,7 +610,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
610
610
  </label>
611
611
  </div>
612
612
  <div
613
- class="labelContainer grow basis shrinkOff"
613
+ class="flexible basis_zero noShrink labelContainer"
614
614
  data-id="boxComponent"
615
615
  data-selector-id="box"
616
616
  data-test-id="boxComponent"
@@ -618,7 +618,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
618
618
  <label
619
619
  class="label title medium default font_primary
620
620
  dotted cursor
621
- primaryLabel pointer "
621
+ primaryLabel pointer "
622
622
  data-id="RadioText_label"
623
623
  data-selector-id="label"
624
624
  data-test-id="RadioText_label"
@@ -636,7 +636,7 @@ exports[`Radio rendering labelSize - small 1`] = `
636
636
  <div
637
637
  aria-checked="false"
638
638
  aria-readonly="false"
639
- class="container pointer hoverEfffect flex rowdir both"
639
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
640
640
  data-id="RadioComp"
641
641
  data-selector-id="container"
642
642
  data-test-id="RadioComp"
@@ -644,8 +644,8 @@ exports[`Radio rendering labelSize - small 1`] = `
644
644
  tabindex="0"
645
645
  >
646
646
  <div
647
- class="radio
648
- hoverprimary medium filled centerPathprimary shrinkOff"
647
+ class="noShrink radio
648
+ hoverprimary medium filled centerPathprimary"
649
649
  data-id="boxComponent"
650
650
  data-selector-id="box"
651
651
  data-test-id="boxComponent"
@@ -671,7 +671,7 @@ exports[`Radio rendering labelSize - small 1`] = `
671
671
  </label>
672
672
  </div>
673
673
  <div
674
- class="labelContainer grow basis shrinkOff"
674
+ class="flexible basis_zero noShrink labelContainer"
675
675
  data-id="boxComponent"
676
676
  data-selector-id="box"
677
677
  data-test-id="boxComponent"
@@ -679,7 +679,7 @@ exports[`Radio rendering labelSize - small 1`] = `
679
679
  <label
680
680
  class="label title small default font_default
681
681
  dotted cursor
682
- primaryLabel pointer "
682
+ primaryLabel pointer "
683
683
  data-id="RadioText_label"
684
684
  data-selector-id="label"
685
685
  data-test-id="RadioText_label"
@@ -697,7 +697,7 @@ exports[`Radio rendering palette - danger 1`] = `
697
697
  <div
698
698
  aria-checked="false"
699
699
  aria-readonly="false"
700
- class="container pointer hoverEfffect inflex rowdir both"
700
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
701
701
  data-id="RadioComp"
702
702
  data-selector-id="container"
703
703
  data-test-id="RadioComp"
@@ -705,8 +705,8 @@ exports[`Radio rendering palette - danger 1`] = `
705
705
  tabindex="0"
706
706
  >
707
707
  <div
708
- class="radio
709
- hoverdanger medium filled centerPathdanger shrinkOff"
708
+ class="noShrink radio
709
+ hoverdanger medium filled centerPathdanger"
710
710
  data-id="boxComponent"
711
711
  data-selector-id="box"
712
712
  data-test-id="boxComponent"
@@ -740,7 +740,7 @@ exports[`Radio rendering palette - primary 1`] = `
740
740
  <div
741
741
  aria-checked="false"
742
742
  aria-readonly="false"
743
- class="container pointer hoverEfffect inflex rowdir both"
743
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
744
744
  data-id="RadioComp"
745
745
  data-selector-id="container"
746
746
  data-test-id="RadioComp"
@@ -748,8 +748,8 @@ exports[`Radio rendering palette - primary 1`] = `
748
748
  tabindex="0"
749
749
  >
750
750
  <div
751
- class="radio
752
- hoverprimary medium filled centerPathprimary shrinkOff"
751
+ class="noShrink radio
752
+ hoverprimary medium filled centerPathprimary"
753
753
  data-id="boxComponent"
754
754
  data-selector-id="box"
755
755
  data-test-id="boxComponent"
@@ -783,7 +783,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
783
783
  <div
784
784
  aria-checked="true"
785
785
  aria-readonly="false"
786
- class="container pointer hoverEfffect checked flex rowdir both"
786
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect checked"
787
787
  data-id="RadioComp"
788
788
  data-selector-id="container"
789
789
  data-test-id="RadioComp"
@@ -791,8 +791,8 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
791
791
  tabindex="0"
792
792
  >
793
793
  <div
794
- class="radio rdBoxprimary
795
- hoverprimary medium filled centerPathprimary withSecondaryText shrinkOff selfStart"
794
+ class="noShrink alignSelf_start radio rdBoxprimary
795
+ hoverprimary medium filled centerPathprimary withSecondaryText"
796
796
  data-id="boxComponent"
797
797
  data-selector-id="box"
798
798
  data-test-id="boxComponent"
@@ -824,7 +824,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
824
824
  </label>
825
825
  </div>
826
826
  <div
827
- class="labelContainer grow basis shrinkOff"
827
+ class="flexible basis_zero noShrink labelContainer"
828
828
  data-id="boxComponent"
829
829
  data-selector-id="box"
830
830
  data-test-id="boxComponent"
@@ -832,7 +832,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
832
832
  <label
833
833
  class="label title medium default font_default
834
834
  dotted cursor
835
- primaryLabel pointer "
835
+ primaryLabel pointer "
836
836
  data-id="Radio Text_label"
837
837
  data-selector-id="label"
838
838
  data-test-id="Radio Text_label"
@@ -856,7 +856,7 @@ exports[`Radio rendering size - medium 1`] = `
856
856
  <div
857
857
  aria-checked="false"
858
858
  aria-readonly="false"
859
- class="container pointer hoverEfffect inflex rowdir both"
859
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
860
860
  data-id="RadioComp"
861
861
  data-selector-id="container"
862
862
  data-test-id="RadioComp"
@@ -864,8 +864,8 @@ exports[`Radio rendering size - medium 1`] = `
864
864
  tabindex="0"
865
865
  >
866
866
  <div
867
- class="radio
868
- hoverprimary medium filled centerPathprimary shrinkOff"
867
+ class="noShrink radio
868
+ hoverprimary medium filled centerPathprimary"
869
869
  data-id="boxComponent"
870
870
  data-selector-id="box"
871
871
  data-test-id="boxComponent"
@@ -899,7 +899,7 @@ exports[`Radio rendering size - small 1`] = `
899
899
  <div
900
900
  aria-checked="false"
901
901
  aria-readonly="false"
902
- class="container pointer hoverEfffect inflex rowdir both"
902
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
903
903
  data-id="RadioComp"
904
904
  data-selector-id="container"
905
905
  data-test-id="RadioComp"
@@ -907,8 +907,8 @@ exports[`Radio rendering size - small 1`] = `
907
907
  tabindex="0"
908
908
  >
909
909
  <div
910
- class="radio
911
- hoverprimary small filled centerPathprimary shrinkOff"
910
+ class="noShrink radio
911
+ hoverprimary small filled centerPathprimary"
912
912
  data-id="boxComponent"
913
913
  data-selector-id="box"
914
914
  data-test-id="boxComponent"
@@ -942,7 +942,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
942
942
  <div
943
943
  aria-checked="false"
944
944
  aria-readonly="false"
945
- class="container active pointer hoverEfffect flex rowdir both"
945
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect"
946
946
  data-id="RadioComp"
947
947
  data-selector-id="container"
948
948
  data-test-id="RadioComp"
@@ -950,8 +950,8 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
950
950
  tabindex="0"
951
951
  >
952
952
  <div
953
- class="radio
954
- hoverdanger medium filled centerPathdanger shrinkOff"
953
+ class="noShrink radio
954
+ hoverdanger medium filled centerPathdanger"
955
955
  data-id="boxComponent"
956
956
  data-selector-id="box"
957
957
  data-test-id="boxComponent"
@@ -977,7 +977,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
977
977
  </label>
978
978
  </div>
979
979
  <div
980
- class="labelContainer grow basis shrinkOff"
980
+ class="flexible basis_zero noShrink labelContainer"
981
981
  data-id="boxComponent"
982
982
  data-selector-id="box"
983
983
  data-test-id="boxComponent"
@@ -985,7 +985,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
985
985
  <label
986
986
  class="label title medium default font_default
987
987
  dotted cursor
988
- dangerLabel pointer "
988
+ dangerLabel pointer "
989
989
  data-id="RadioText_label"
990
990
  data-selector-id="label"
991
991
  data-test-id="RadioText_label"
@@ -1003,7 +1003,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1003
1003
  <div
1004
1004
  aria-checked="false"
1005
1005
  aria-readonly="false"
1006
- class="container active pointer hoverEfffect flex rowdir both"
1006
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect"
1007
1007
  data-id="RadioComp"
1008
1008
  data-selector-id="container"
1009
1009
  data-test-id="RadioComp"
@@ -1011,8 +1011,8 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1011
1011
  tabindex="0"
1012
1012
  >
1013
1013
  <div
1014
- class="radio
1015
- hoverprimary medium filled centerPathprimary shrinkOff"
1014
+ class="noShrink radio
1015
+ hoverprimary medium filled centerPathprimary"
1016
1016
  data-id="boxComponent"
1017
1017
  data-selector-id="box"
1018
1018
  data-test-id="boxComponent"
@@ -1038,7 +1038,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1038
1038
  </label>
1039
1039
  </div>
1040
1040
  <div
1041
- class="labelContainer grow basis shrinkOff"
1041
+ class="flexible basis_zero noShrink labelContainer"
1042
1042
  data-id="boxComponent"
1043
1043
  data-selector-id="box"
1044
1044
  data-test-id="boxComponent"
@@ -1046,7 +1046,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1046
1046
  <label
1047
1047
  class="label title medium default font_default
1048
1048
  dotted cursor
1049
- primaryLabel pointer "
1049
+ primaryLabel pointer "
1050
1050
  data-id="RadioText_label"
1051
1051
  data-selector-id="label"
1052
1052
  data-test-id="RadioText_label"
@@ -1064,7 +1064,7 @@ exports[`Radio rendering the ID 1`] = `
1064
1064
  <div
1065
1065
  aria-checked="false"
1066
1066
  aria-readonly="false"
1067
- class="container pointer hoverEfffect inflex rowdir both"
1067
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1068
1068
  data-id="RadioComp"
1069
1069
  data-selector-id="container"
1070
1070
  data-test-id="RadioComp"
@@ -1072,8 +1072,8 @@ exports[`Radio rendering the ID 1`] = `
1072
1072
  tabindex="0"
1073
1073
  >
1074
1074
  <div
1075
- class="radio
1076
- hoverprimary medium filled centerPathprimary shrinkOff"
1075
+ class="noShrink radio
1076
+ hoverprimary medium filled centerPathprimary"
1077
1077
  data-id="boxComponent"
1078
1078
  data-selector-id="box"
1079
1079
  data-test-id="boxComponent"
@@ -1108,7 +1108,7 @@ exports[`Radio rendering the Name 1`] = `
1108
1108
  <div
1109
1109
  aria-checked="false"
1110
1110
  aria-readonly="false"
1111
- class="container pointer hoverEfffect inflex rowdir both"
1111
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1112
1112
  data-id="RadioComp"
1113
1113
  data-selector-id="container"
1114
1114
  data-test-id="RadioComp"
@@ -1116,8 +1116,8 @@ exports[`Radio rendering the Name 1`] = `
1116
1116
  tabindex="0"
1117
1117
  >
1118
1118
  <div
1119
- class="radio
1120
- hoverprimary medium filled centerPathprimary shrinkOff"
1119
+ class="noShrink radio
1120
+ hoverprimary medium filled centerPathprimary"
1121
1121
  data-id="boxComponent"
1122
1122
  data-selector-id="box"
1123
1123
  data-test-id="boxComponent"
@@ -1152,7 +1152,7 @@ exports[`Radio rendering the Value 1`] = `
1152
1152
  <div
1153
1153
  aria-checked="false"
1154
1154
  aria-readonly="false"
1155
- class="container pointer hoverEfffect inflex rowdir both"
1155
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1156
1156
  data-id="radiovalue"
1157
1157
  data-selector-id="container"
1158
1158
  data-test-id="radiovalue"
@@ -1160,8 +1160,8 @@ exports[`Radio rendering the Value 1`] = `
1160
1160
  tabindex="0"
1161
1161
  >
1162
1162
  <div
1163
- class="radio
1164
- hoverprimary medium filled centerPathprimary shrinkOff"
1163
+ class="noShrink radio
1164
+ hoverprimary medium filled centerPathprimary"
1165
1165
  data-id="boxComponent"
1166
1166
  data-selector-id="box"
1167
1167
  data-test-id="boxComponent"
@@ -1195,7 +1195,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1195
1195
  <div
1196
1196
  aria-checked="false"
1197
1197
  aria-readonly="true"
1198
- class="container disabled flex rowdir both"
1198
+ class="flex row alignItems_center justifyContent_center container disabled"
1199
1199
  data-id="RadioComp"
1200
1200
  data-selector-id="container"
1201
1201
  data-test-id="RadioComp"
@@ -1203,8 +1203,8 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1203
1203
  tabindex="-1"
1204
1204
  >
1205
1205
  <div
1206
- class="radio
1207
- medium filled centerPathprimary disabled shrinkOff"
1206
+ class="noShrink radio
1207
+ medium filled centerPathprimary disabled"
1208
1208
  data-id="boxComponent"
1209
1209
  data-selector-id="box"
1210
1210
  data-test-id="boxComponent"
@@ -1230,7 +1230,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1230
1230
  </label>
1231
1231
  </div>
1232
1232
  <div
1233
- class="labelContainer grow basis shrinkOff"
1233
+ class="flexible basis_zero noShrink labelContainer"
1234
1234
  data-id="boxComponent"
1235
1235
  data-selector-id="box"
1236
1236
  data-test-id="boxComponent"
@@ -1238,7 +1238,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1238
1238
  <label
1239
1239
  class="label title medium default font_default
1240
1240
  dotted cursor disabled
1241
- primaryLabel "
1241
+ primaryLabel "
1242
1242
  data-id="RadioText_label"
1243
1243
  data-selector-id="label"
1244
1244
  data-test-id="RadioText_label"
@@ -1256,7 +1256,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1256
1256
  <div
1257
1257
  aria-checked="false"
1258
1258
  aria-readonly="true"
1259
- class="container readonly flex rowdir both"
1259
+ class="flex row alignItems_center justifyContent_center container readonly"
1260
1260
  data-id="RadioComp"
1261
1261
  data-selector-id="container"
1262
1262
  data-test-id="RadioComp"
@@ -1264,8 +1264,8 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1264
1264
  tabindex="-1"
1265
1265
  >
1266
1266
  <div
1267
- class="radio
1268
- medium filled centerPathprimary disabled shrinkOff"
1267
+ class="noShrink radio
1268
+ medium filled centerPathprimary disabled"
1269
1269
  data-id="boxComponent"
1270
1270
  data-selector-id="box"
1271
1271
  data-test-id="boxComponent"
@@ -1291,7 +1291,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1291
1291
  </label>
1292
1292
  </div>
1293
1293
  <div
1294
- class="labelContainer grow basis shrinkOff"
1294
+ class="flexible basis_zero noShrink labelContainer"
1295
1295
  data-id="boxComponent"
1296
1296
  data-selector-id="box"
1297
1297
  data-test-id="boxComponent"
@@ -1299,7 +1299,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1299
1299
  <label
1300
1300
  class="label title medium default font_default
1301
1301
  dotted cursor
1302
- primaryLabel readonly "
1302
+ primaryLabel readonly "
1303
1303
  data-id="RadioText_label"
1304
1304
  data-selector-id="label"
1305
1305
  data-test-id="RadioText_label"
@@ -1317,7 +1317,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1317
1317
  <div
1318
1318
  aria-checked="true"
1319
1319
  aria-readonly="false"
1320
- class="container active pointer hoverEfffect checked flex rowdir both"
1320
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect checked"
1321
1321
  data-id="RadioComp"
1322
1322
  data-selector-id="container"
1323
1323
  data-test-id="RadioComp"
@@ -1325,8 +1325,8 @@ exports[`Radio rendering the active is true - danger 1`] = `
1325
1325
  tabindex="0"
1326
1326
  >
1327
1327
  <div
1328
- class="radio rdBoxdanger
1329
- hoverdanger medium filled centerPathdanger shrinkOff"
1328
+ class="noShrink radio rdBoxdanger
1329
+ hoverdanger medium filled centerPathdanger"
1330
1330
  data-id="boxComponent"
1331
1331
  data-selector-id="box"
1332
1332
  data-test-id="boxComponent"
@@ -1358,7 +1358,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1358
1358
  </label>
1359
1359
  </div>
1360
1360
  <div
1361
- class="labelContainer grow basis shrinkOff"
1361
+ class="flexible basis_zero noShrink labelContainer"
1362
1362
  data-id="boxComponent"
1363
1363
  data-selector-id="box"
1364
1364
  data-test-id="boxComponent"
@@ -1366,7 +1366,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1366
1366
  <label
1367
1367
  class="label title medium default font_default
1368
1368
  dotted cursor dangercheckedActive
1369
- dangerLabel pointer "
1369
+ dangerLabel pointer "
1370
1370
  data-id="RadioText_label"
1371
1371
  data-selector-id="label"
1372
1372
  data-test-id="RadioText_label"
@@ -1384,7 +1384,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1384
1384
  <div
1385
1385
  aria-checked="true"
1386
1386
  aria-readonly="false"
1387
- class="container active pointer hoverEfffect checked flex rowdir both"
1387
+ class="flex row alignItems_center justifyContent_center container active pointer hoverEfffect checked"
1388
1388
  data-id="RadioComp"
1389
1389
  data-selector-id="container"
1390
1390
  data-test-id="RadioComp"
@@ -1392,8 +1392,8 @@ exports[`Radio rendering the active is true - primary 1`] = `
1392
1392
  tabindex="0"
1393
1393
  >
1394
1394
  <div
1395
- class="radio rdBoxprimary
1396
- hoverprimary medium filled centerPathprimary shrinkOff"
1395
+ class="noShrink radio rdBoxprimary
1396
+ hoverprimary medium filled centerPathprimary"
1397
1397
  data-id="boxComponent"
1398
1398
  data-selector-id="box"
1399
1399
  data-test-id="boxComponent"
@@ -1425,7 +1425,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1425
1425
  </label>
1426
1426
  </div>
1427
1427
  <div
1428
- class="labelContainer grow basis shrinkOff"
1428
+ class="flexible basis_zero noShrink labelContainer"
1429
1429
  data-id="boxComponent"
1430
1430
  data-selector-id="box"
1431
1431
  data-test-id="boxComponent"
@@ -1433,7 +1433,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1433
1433
  <label
1434
1434
  class="label title medium default font_default
1435
1435
  dotted cursor primarycheckedActive
1436
- primaryLabel pointer "
1436
+ primaryLabel pointer "
1437
1437
  data-id="RadioText_label"
1438
1438
  data-selector-id="label"
1439
1439
  data-test-id="RadioText_label"
@@ -1451,7 +1451,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1451
1451
  <div
1452
1452
  aria-checked="false"
1453
1453
  aria-readonly="false"
1454
- class="container pointer hoverEfffect CustomClassCustomRadioWrap flex rowdir both"
1454
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect CustomClassCustomRadioWrap"
1455
1455
  data-id="RadioComp"
1456
1456
  data-selector-id="container"
1457
1457
  data-test-id="RadioComp"
@@ -1459,8 +1459,8 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1459
1459
  tabindex="0"
1460
1460
  >
1461
1461
  <div
1462
- class="radio
1463
- hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1462
+ class="noShrink radio
1463
+ hoverprimary medium filled centerPathprimary CustomClassCustomRadio"
1464
1464
  data-id="boxComponent"
1465
1465
  data-selector-id="box"
1466
1466
  data-test-id="boxComponent"
@@ -1486,7 +1486,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1486
1486
  </label>
1487
1487
  </div>
1488
1488
  <div
1489
- class="labelContainer grow basis shrinkOff"
1489
+ class="flexible basis_zero noShrink labelContainer"
1490
1490
  data-id="boxComponent"
1491
1491
  data-selector-id="box"
1492
1492
  data-test-id="boxComponent"
@@ -1494,7 +1494,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1494
1494
  <label
1495
1495
  class="label title medium default font_default
1496
1496
  dotted cursor
1497
- primaryLabel pointer CustomClassCustomLabel "
1497
+ primaryLabel pointer CustomClassCustomLabel"
1498
1498
  data-id="RadioText_label"
1499
1499
  data-selector-id="label"
1500
1500
  data-test-id="RadioText_label"
@@ -1512,7 +1512,7 @@ exports[`Radio rendering the defult props 1`] = `
1512
1512
  <div
1513
1513
  aria-checked="false"
1514
1514
  aria-readonly="false"
1515
- class="container pointer hoverEfffect inflex rowdir both"
1515
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1516
1516
  data-id="RadioComp"
1517
1517
  data-selector-id="container"
1518
1518
  data-test-id="RadioComp"
@@ -1520,8 +1520,8 @@ exports[`Radio rendering the defult props 1`] = `
1520
1520
  tabindex="0"
1521
1521
  >
1522
1522
  <div
1523
- class="radio
1524
- hoverprimary medium filled centerPathprimary shrinkOff"
1523
+ class="noShrink radio
1524
+ hoverprimary medium filled centerPathprimary"
1525
1525
  data-id="boxComponent"
1526
1526
  data-selector-id="box"
1527
1527
  data-test-id="boxComponent"
@@ -1555,7 +1555,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1555
1555
  <div
1556
1556
  aria-checked="false"
1557
1557
  aria-readonly="true"
1558
- class="container disabled flex rowdir both"
1558
+ class="flex row alignItems_center justifyContent_center container disabled"
1559
1559
  data-id="RadioComp"
1560
1560
  data-selector-id="container"
1561
1561
  data-test-id="RadioComp"
@@ -1563,8 +1563,8 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1563
1563
  tabindex="-1"
1564
1564
  >
1565
1565
  <div
1566
- class="radio
1567
- medium filled centerPathdanger disabled shrinkOff"
1566
+ class="noShrink radio
1567
+ medium filled centerPathdanger disabled"
1568
1568
  data-id="boxComponent"
1569
1569
  data-selector-id="box"
1570
1570
  data-test-id="boxComponent"
@@ -1590,7 +1590,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1590
1590
  </label>
1591
1591
  </div>
1592
1592
  <div
1593
- class="labelContainer grow basis shrinkOff"
1593
+ class="flexible basis_zero noShrink labelContainer"
1594
1594
  data-id="boxComponent"
1595
1595
  data-selector-id="box"
1596
1596
  data-test-id="boxComponent"
@@ -1598,7 +1598,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1598
1598
  <label
1599
1599
  class="label title medium default font_default
1600
1600
  dotted cursor disabled
1601
- dangerLabel "
1601
+ dangerLabel "
1602
1602
  data-id="RadioText_label"
1603
1603
  data-selector-id="label"
1604
1604
  data-test-id="RadioText_label"
@@ -1616,7 +1616,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1616
1616
  <div
1617
1617
  aria-checked="false"
1618
1618
  aria-readonly="true"
1619
- class="container disabled flex rowdir both"
1619
+ class="flex row alignItems_center justifyContent_center container disabled"
1620
1620
  data-id="RadioComp"
1621
1621
  data-selector-id="container"
1622
1622
  data-test-id="RadioComp"
@@ -1624,8 +1624,8 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1624
1624
  tabindex="-1"
1625
1625
  >
1626
1626
  <div
1627
- class="radio
1628
- medium filled centerPathprimary disabled shrinkOff"
1627
+ class="noShrink radio
1628
+ medium filled centerPathprimary disabled"
1629
1629
  data-id="boxComponent"
1630
1630
  data-selector-id="box"
1631
1631
  data-test-id="boxComponent"
@@ -1651,7 +1651,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1651
1651
  </label>
1652
1652
  </div>
1653
1653
  <div
1654
- class="labelContainer grow basis shrinkOff"
1654
+ class="flexible basis_zero noShrink labelContainer"
1655
1655
  data-id="boxComponent"
1656
1656
  data-selector-id="box"
1657
1657
  data-test-id="boxComponent"
@@ -1659,7 +1659,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1659
1659
  <label
1660
1660
  class="label title medium default font_default
1661
1661
  dotted cursor disabled
1662
- primaryLabel "
1662
+ primaryLabel "
1663
1663
  data-id="RadioText_label"
1664
1664
  data-selector-id="label"
1665
1665
  data-test-id="RadioText_label"
@@ -1677,7 +1677,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1677
1677
  <div
1678
1678
  aria-checked="false"
1679
1679
  aria-readonly="true"
1680
- class="container disabled flex rowdir both"
1680
+ class="flex row alignItems_center justifyContent_center container disabled"
1681
1681
  data-id="RadioComp"
1682
1682
  data-selector-id="container"
1683
1683
  data-test-id="RadioComp"
@@ -1686,8 +1686,8 @@ exports[`Radio rendering the disabledTitle 1`] = `
1686
1686
  tabindex="-1"
1687
1687
  >
1688
1688
  <div
1689
- class="radio
1690
- medium filled centerPathprimary disabled shrinkOff"
1689
+ class="noShrink radio
1690
+ medium filled centerPathprimary disabled"
1691
1691
  data-id="boxComponent"
1692
1692
  data-selector-id="box"
1693
1693
  data-test-id="boxComponent"
@@ -1713,7 +1713,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1713
1713
  </label>
1714
1714
  </div>
1715
1715
  <div
1716
- class="labelContainer grow basis shrinkOff"
1716
+ class="flexible basis_zero noShrink labelContainer"
1717
1717
  data-id="boxComponent"
1718
1718
  data-selector-id="box"
1719
1719
  data-test-id="boxComponent"
@@ -1721,7 +1721,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1721
1721
  <label
1722
1722
  class="label title medium default font_default
1723
1723
  dotted cursor disabled
1724
- primaryLabel "
1724
+ primaryLabel "
1725
1725
  data-id="RadioText_label"
1726
1726
  data-selector-id="label"
1727
1727
  data-test-id="RadioText_label"
@@ -1739,7 +1739,7 @@ exports[`Radio rendering the isFilled is false 1`] = `
1739
1739
  <div
1740
1740
  aria-checked="false"
1741
1741
  aria-readonly="false"
1742
- class="container pointer hoverEfffect inflex rowdir both"
1742
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1743
1743
  data-id="RadioComp"
1744
1744
  data-selector-id="container"
1745
1745
  data-test-id="RadioComp"
@@ -1747,8 +1747,8 @@ exports[`Radio rendering the isFilled is false 1`] = `
1747
1747
  tabindex="0"
1748
1748
  >
1749
1749
  <div
1750
- class="radio
1751
- hoverprimary medium centerPathprimary shrinkOff"
1750
+ class="noShrink radio
1751
+ hoverprimary medium centerPathprimary"
1752
1752
  data-id="boxComponent"
1753
1753
  data-selector-id="box"
1754
1754
  data-test-id="boxComponent"
@@ -1782,7 +1782,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1782
1782
  <div
1783
1783
  aria-checked="false"
1784
1784
  aria-readonly="true"
1785
- class="container readonly inflex rowdir both"
1785
+ class="inlineFlex row alignItems_center justifyContent_center container readonly"
1786
1786
  data-id="RadioComp"
1787
1787
  data-selector-id="container"
1788
1788
  data-test-id="RadioComp"
@@ -1790,8 +1790,8 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1790
1790
  tabindex="-1"
1791
1791
  >
1792
1792
  <div
1793
- class="radio
1794
- medium filled centerPathprimary disabled shrinkOff"
1793
+ class="noShrink radio
1794
+ medium filled centerPathprimary disabled"
1795
1795
  data-id="boxComponent"
1796
1796
  data-selector-id="box"
1797
1797
  data-test-id="boxComponent"
@@ -1825,7 +1825,7 @@ exports[`Radio rendering the text 1`] = `
1825
1825
  <div
1826
1826
  aria-checked="false"
1827
1827
  aria-readonly="false"
1828
- class="container pointer hoverEfffect flex rowdir both"
1828
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
1829
1829
  data-id="RadioComp"
1830
1830
  data-selector-id="container"
1831
1831
  data-test-id="RadioComp"
@@ -1833,8 +1833,8 @@ exports[`Radio rendering the text 1`] = `
1833
1833
  tabindex="0"
1834
1834
  >
1835
1835
  <div
1836
- class="radio
1837
- hoverprimary medium filled centerPathprimary shrinkOff"
1836
+ class="noShrink radio
1837
+ hoverprimary medium filled centerPathprimary"
1838
1838
  data-id="boxComponent"
1839
1839
  data-selector-id="box"
1840
1840
  data-test-id="boxComponent"
@@ -1860,7 +1860,7 @@ exports[`Radio rendering the text 1`] = `
1860
1860
  </label>
1861
1861
  </div>
1862
1862
  <div
1863
- class="labelContainer grow basis shrinkOff"
1863
+ class="flexible basis_zero noShrink labelContainer"
1864
1864
  data-id="boxComponent"
1865
1865
  data-selector-id="box"
1866
1866
  data-test-id="boxComponent"
@@ -1868,7 +1868,7 @@ exports[`Radio rendering the text 1`] = `
1868
1868
  <label
1869
1869
  class="label title medium default font_default
1870
1870
  dotted cursor
1871
- primaryLabel pointer "
1871
+ primaryLabel pointer "
1872
1872
  data-id="RadioText_label"
1873
1873
  data-selector-id="label"
1874
1874
  data-test-id="RadioText_label"
@@ -1886,7 +1886,7 @@ exports[`Radio rendering the title 1`] = `
1886
1886
  <div
1887
1887
  aria-checked="false"
1888
1888
  aria-readonly="false"
1889
- class="container pointer hoverEfffect flex rowdir both"
1889
+ class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
1890
1890
  data-id="RadioComp"
1891
1891
  data-selector-id="container"
1892
1892
  data-test-id="RadioComp"
@@ -1895,8 +1895,8 @@ exports[`Radio rendering the title 1`] = `
1895
1895
  tabindex="0"
1896
1896
  >
1897
1897
  <div
1898
- class="radio
1899
- hoverprimary medium filled centerPathprimary shrinkOff"
1898
+ class="noShrink radio
1899
+ hoverprimary medium filled centerPathprimary"
1900
1900
  data-id="boxComponent"
1901
1901
  data-selector-id="box"
1902
1902
  data-test-id="boxComponent"
@@ -1922,7 +1922,7 @@ exports[`Radio rendering the title 1`] = `
1922
1922
  </label>
1923
1923
  </div>
1924
1924
  <div
1925
- class="labelContainer grow basis shrinkOff"
1925
+ class="flexible basis_zero noShrink labelContainer"
1926
1926
  data-id="boxComponent"
1927
1927
  data-selector-id="box"
1928
1928
  data-test-id="boxComponent"
@@ -1930,7 +1930,7 @@ exports[`Radio rendering the title 1`] = `
1930
1930
  <label
1931
1931
  class="label title medium default font_default
1932
1932
  dotted cursor
1933
- primaryLabel pointer "
1933
+ primaryLabel pointer "
1934
1934
  data-id="RadioText_label"
1935
1935
  data-selector-id="label"
1936
1936
  data-test-id="RadioText_label"
@@ -1949,7 +1949,7 @@ exports[`Radio renders with different onClick props 1`] = `
1949
1949
  <div
1950
1950
  aria-checked="false"
1951
1951
  aria-readonly="false"
1952
- class="container pointer hoverEfffect inflex rowdir both"
1952
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
1953
1953
  data-id="radiovalue"
1954
1954
  data-selector-id="container"
1955
1955
  data-test-id="radiovalue"
@@ -1957,8 +1957,8 @@ exports[`Radio renders with different onClick props 1`] = `
1957
1957
  tabindex="0"
1958
1958
  >
1959
1959
  <div
1960
- class="radio
1961
- hoverprimary medium filled centerPathprimary shrinkOff"
1960
+ class="noShrink radio
1961
+ hoverprimary medium filled centerPathprimary"
1962
1962
  data-id="boxComponent"
1963
1963
  data-selector-id="box"
1964
1964
  data-test-id="boxComponent"