@zohodesk/components 1.6.21 → 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 (152) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  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/CheckBox/CheckBox.js +2 -2
  10. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  12. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  13. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  14. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  15. package/es/DateTime/CalendarView.js +2 -2
  16. package/es/DateTime/DateWidget.js +2 -2
  17. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  18. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  19. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  26. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  27. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  28. package/es/Label/Label.js +1 -1
  29. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  30. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  31. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  32. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  36. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  37. package/es/MultiSelect/MultiSelect.js +1 -1
  38. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  40. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  48. package/es/Ribbon/Ribbon.js +3 -16
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  50. package/es/Select/SelectWithAvatar.js +1 -1
  51. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  52. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  53. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  54. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  55. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  58. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  59. package/es/Tag/Tag.js +1 -2
  60. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  61. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  62. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  63. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  64. package/es/Textarea/Textarea.js +1 -1
  65. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  66. package/es/Tooltip/Tooltip.js +1 -1
  67. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  68. package/es/Typography/css/cssJSLogic.js +2 -2
  69. package/es/common/basic.module.css +9 -8
  70. package/es/deprecated/Switch/Switch.js +1 -1
  71. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  72. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  73. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  74. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  75. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  76. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  77. package/lib/AppContainer/AppContainer.module.css +9 -3
  78. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  79. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  80. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  81. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  82. package/lib/Button/css/cssJSLogic.js +3 -3
  83. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  84. package/lib/CheckBox/CheckBox.js +2 -2
  85. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  87. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  88. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  89. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  90. package/lib/DateTime/CalendarView.js +2 -2
  91. package/lib/DateTime/DateWidget.js +2 -2
  92. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  93. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  94. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  101. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  102. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  103. package/lib/Label/Label.js +1 -1
  104. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  105. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  106. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  107. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  111. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  112. package/lib/MultiSelect/MultiSelect.js +1 -1
  113. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  115. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  123. package/lib/Ribbon/Ribbon.js +2 -15
  124. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  125. package/lib/Select/SelectWithAvatar.js +1 -1
  126. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  127. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  128. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  129. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  130. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  133. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  134. package/lib/Tag/Tag.js +1 -1
  135. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  136. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  137. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  138. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  139. package/lib/Textarea/Textarea.js +1 -1
  140. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  141. package/lib/Tooltip/Tooltip.js +1 -1
  142. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  143. package/lib/Typography/css/cssJSLogic.js +1 -1
  144. package/lib/common/basic.module.css +9 -8
  145. package/lib/deprecated/Switch/Switch.js +1 -1
  146. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  147. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  148. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  149. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  150. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  151. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  152. package/package.json +11 -12
package/lib/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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect checked"
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="noShrink radio rdBoxprimary
17
- hoverprimary medium filled centerPathprimary"
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="inlineFlex row alignItems_center justifyContent_center container readonly checked"
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="noShrink radio rdBoxprimary
67
- medium filled centerPathprimary disabled"
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
117
- hoverprimary medium filled centerPathprimary"
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
160
- hoverprimary medium filled centerPathprimary"
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"
@@ -189,9 +185,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
221
- hoverprimary medium filled centerPathprimary"
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"
@@ -250,9 +243,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
282
- hoverprimary medium filled centerPathprimary"
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"
@@ -311,9 +301,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
343
- hoverprimary medium filled centerPathprimary"
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"
@@ -372,9 +359,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
404
- hoverprimary medium filled centerPathprimary"
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"
@@ -433,9 +417,7 @@ exports[`Radio rendering labelSize - default 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
465
- hoverprimary medium filled centerPathprimary"
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"
@@ -494,9 +475,7 @@ exports[`Radio rendering labelSize - large 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
526
- hoverprimary medium filled centerPathprimary"
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"
@@ -555,9 +533,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
587
- hoverprimary medium filled centerPathprimary"
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"
@@ -616,9 +591,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
648
- hoverprimary medium filled centerPathprimary"
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"
@@ -677,9 +649,7 @@ exports[`Radio rendering labelSize - small 1`] = `
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
709
- hoverdanger medium filled centerPathdanger"
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
752
- hoverprimary medium filled centerPathprimary"
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect checked"
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="noShrink alignSelf_start radio rdBoxprimary
795
- hoverprimary medium filled centerPathprimary withSecondaryText"
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"
@@ -830,9 +797,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
868
- hoverprimary medium filled centerPathprimary"
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
911
- hoverprimary small filled centerPathprimary"
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"
@@ -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="noShrink radio
954
- hoverdanger medium filled centerPathdanger"
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"
@@ -983,9 +945,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
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"
@@ -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="noShrink radio
1015
- hoverprimary medium filled centerPathprimary"
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"
@@ -1044,9 +1003,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1076
- hoverprimary medium filled centerPathprimary"
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1120
- hoverprimary medium filled centerPathprimary"
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1164
- hoverprimary medium filled centerPathprimary"
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="flex row alignItems_center justifyContent_center container disabled"
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="noShrink radio
1207
- medium filled centerPathprimary disabled"
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"
@@ -1236,9 +1189,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
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="flex row alignItems_center justifyContent_center container readonly"
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="noShrink radio
1268
- medium filled centerPathprimary disabled"
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"
@@ -1297,9 +1247,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
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"
@@ -1325,8 +1273,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1325
1273
  tabindex="0"
1326
1274
  >
1327
1275
  <div
1328
- class="noShrink radio rdBoxdanger
1329
- hoverdanger medium filled centerPathdanger"
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"
@@ -1364,9 +1311,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
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"
@@ -1392,8 +1337,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1392
1337
  tabindex="0"
1393
1338
  >
1394
1339
  <div
1395
- class="noShrink radio rdBoxprimary
1396
- hoverprimary medium filled centerPathprimary"
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"
@@ -1431,9 +1375,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect CustomClassCustomRadioWrap"
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="noShrink radio
1463
- hoverprimary medium filled centerPathprimary CustomClassCustomRadio"
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"
@@ -1492,9 +1433,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1524
- hoverprimary medium filled centerPathprimary"
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="flex row alignItems_center justifyContent_center container disabled"
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="noShrink radio
1567
- medium filled centerPathdanger disabled"
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"
@@ -1596,9 +1533,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
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="flex row alignItems_center justifyContent_center container disabled"
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="noShrink radio
1628
- medium filled centerPathprimary disabled"
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"
@@ -1657,9 +1591,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
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="flex row alignItems_center justifyContent_center container disabled"
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="noShrink radio
1690
- medium filled centerPathprimary disabled"
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"
@@ -1719,9 +1650,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1751
- hoverprimary medium centerPathprimary"
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="inlineFlex row alignItems_center justifyContent_center container readonly"
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="noShrink radio
1794
- medium filled centerPathprimary disabled"
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1837
- hoverprimary medium filled centerPathprimary"
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"
@@ -1866,9 +1792,7 @@ exports[`Radio rendering the text 1`] = `
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="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1899
- hoverprimary medium filled centerPathprimary"
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"
@@ -1928,9 +1851,7 @@ exports[`Radio rendering the title 1`] = `
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="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
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="noShrink radio
1961
- hoverprimary medium filled centerPathprimary"
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"