@zohodesk/components 1.0.0-temp-246 → 1.0.0-temp-247

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 (123) hide show
  1. package/README.md +8 -8
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -200
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +8 -8
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
  6. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
  9. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
  12. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
  15. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
  18. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
  19. package/assets/Appearance/light/mode/Component_LightMode.module.css +194 -196
  20. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +8 -8
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +200 -202
  37. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +8 -8
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
  53. package/es/AppContainer/AppContainer.js +1 -0
  54. package/es/AppContainer/AppContainer.module.css +3 -2
  55. package/es/Button/css/Button.module.css +13 -4
  56. package/es/CheckBox/CheckBox.js +10 -21
  57. package/es/CheckBox/CheckBox.module.css +6 -21
  58. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -9
  59. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
  60. package/es/CheckBox/props/propTypes.js +1 -4
  61. package/es/DateTime/DateTime.module.css +12 -9
  62. package/es/DateTime/YearView.module.css +1 -1
  63. package/es/Heading/Heading.module.css +1 -1
  64. package/es/Label/Label.js +1 -19
  65. package/es/Label/Label.module.css +8 -8
  66. package/es/Label/__tests__/Label.spec.js +0 -58
  67. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
  68. package/es/Label/props/defaultProps.js +0 -1
  69. package/es/Label/props/propTypes.js +1 -7
  70. package/es/MultiSelect/MultiSelect.module.css +1 -1
  71. package/es/Radio/Radio.js +9 -20
  72. package/es/Radio/Radio.module.css +5 -38
  73. package/es/Radio/__tests__/Radio.spec.js +0 -10
  74. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
  75. package/es/Radio/props/propTypes.js +1 -4
  76. package/es/Tab/Tabs.module.css +1 -1
  77. package/es/TextBox/TextBox.module.css +4 -4
  78. package/es/TextBoxIcon/TextBoxIcon.module.css +0 -6
  79. package/es/Textarea/Textarea.module.css +1 -1
  80. package/es/Tooltip/Tooltip.module.css +1 -1
  81. package/es/Typography/css/Typography.module.css +4 -4
  82. package/es/common/basic.module.css +39 -6
  83. package/es/common/basicReset.module.css +2 -2
  84. package/es/common/common.module.css +5 -5
  85. package/es/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  86. package/es/v1/Tab/v1Tabs.module.css +1 -1
  87. package/es/v1/Typography/css/v1_Typography.module.css +4 -4
  88. package/lib/AppContainer/AppContainer.js +2 -0
  89. package/lib/AppContainer/AppContainer.module.css +3 -2
  90. package/lib/Button/css/Button.module.css +13 -4
  91. package/lib/CheckBox/CheckBox.js +9 -23
  92. package/lib/CheckBox/CheckBox.module.css +6 -21
  93. package/lib/CheckBox/__tests__/CheckBox.spec.js +12 -21
  94. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
  95. package/lib/CheckBox/props/propTypes.js +1 -5
  96. package/lib/DateTime/DateTime.module.css +12 -9
  97. package/lib/DateTime/YearView.module.css +1 -1
  98. package/lib/Heading/Heading.module.css +1 -1
  99. package/lib/Label/Label.js +1 -21
  100. package/lib/Label/Label.module.css +8 -8
  101. package/lib/Label/__tests__/Label.spec.js +0 -58
  102. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
  103. package/lib/Label/props/defaultProps.js +0 -1
  104. package/lib/Label/props/propTypes.js +1 -8
  105. package/lib/MultiSelect/MultiSelect.module.css +1 -1
  106. package/lib/Radio/Radio.js +8 -22
  107. package/lib/Radio/Radio.module.css +5 -38
  108. package/lib/Radio/__tests__/Radio.spec.js +0 -10
  109. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
  110. package/lib/Radio/props/propTypes.js +1 -5
  111. package/lib/Tab/Tabs.module.css +1 -1
  112. package/lib/TextBox/TextBox.module.css +4 -4
  113. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -6
  114. package/lib/Textarea/Textarea.module.css +1 -1
  115. package/lib/Tooltip/Tooltip.module.css +1 -1
  116. package/lib/Typography/css/Typography.module.css +4 -4
  117. package/lib/common/basic.module.css +39 -6
  118. package/lib/common/basicReset.module.css +2 -2
  119. package/lib/common/common.module.css +5 -5
  120. package/lib/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  121. package/lib/v1/Tab/v1Tabs.module.css +1 -1
  122. package/lib/v1/Typography/css/v1_Typography.module.css +4 -4
  123. package/package.json +9 -9
package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap CHANGED
@@ -14,7 +14,7 @@ exports[`Radio rendering ally ariaChecked true 1`] = `
14
14
  >
15
15
  <div
16
16
  class="radio rdBoxprimary
17
- hoverprimary medium filled centerPathprimary shrinkOff"
17
+ hoverprimary medium filled centerPathprimary shrinkOff"
18
18
  data-id="boxComponent"
19
19
  data-selector-id="box"
20
20
  data-test-id="boxComponent"
@@ -45,12 +45,6 @@ exports[`Radio rendering ally ariaChecked true 1`] = `
45
45
  </svg>
46
46
  </label>
47
47
  </div>
48
- <div
49
- class="labelContainer grow basis shrinkOff"
50
- data-id="boxComponent"
51
- data-selector-id="box"
52
- data-test-id="boxComponent"
53
- />
54
48
  </div>
55
49
  </DocumentFragment>
56
50
  `;
@@ -70,7 +64,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
70
64
  >
71
65
  <div
72
66
  class="radio rdBoxprimary
73
- medium filled centerPathprimary disabled shrinkOff"
67
+ medium filled centerPathprimary disabled shrinkOff"
74
68
  data-id="boxComponent"
75
69
  data-selector-id="box"
76
70
  data-test-id="boxComponent"
@@ -101,12 +95,6 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
101
95
  </svg>
102
96
  </label>
103
97
  </div>
104
- <div
105
- class="labelContainer grow basis shrinkOff"
106
- data-id="boxComponent"
107
- data-selector-id="box"
108
- data-test-id="boxComponent"
109
- />
110
98
  </div>
111
99
  </DocumentFragment>
112
100
  `;
@@ -126,7 +114,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
126
114
  >
127
115
  <div
128
116
  class="radio
129
- hoverprimary medium filled centerPathprimary shrinkOff"
117
+ hoverprimary medium filled centerPathprimary shrinkOff"
130
118
  data-id="boxComponent"
131
119
  data-selector-id="box"
132
120
  data-test-id="boxComponent"
@@ -151,12 +139,6 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
151
139
  </svg>
152
140
  </label>
153
141
  </div>
154
- <div
155
- class="labelContainer grow basis shrinkOff"
156
- data-id="boxComponent"
157
- data-selector-id="box"
158
- data-test-id="boxComponent"
159
- />
160
142
  </div>
161
143
  </DocumentFragment>
162
144
  `;
@@ -175,7 +157,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
175
157
  >
176
158
  <div
177
159
  class="radio
178
- hoverprimary medium filled centerPathprimary shrinkOff"
160
+ hoverprimary medium filled centerPathprimary shrinkOff"
179
161
  data-id="boxComponent"
180
162
  data-selector-id="box"
181
163
  data-test-id="boxComponent"
@@ -201,7 +183,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
201
183
  </label>
202
184
  </div>
203
185
  <div
204
- class="labelContainer grow basis shrinkOff"
186
+ class="text grow basis shrinkOff"
205
187
  data-id="boxComponent"
206
188
  data-selector-id="box"
207
189
  data-test-id="boxComponent"
@@ -209,7 +191,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
209
191
  <label
210
192
  class="label title medium danger font_default
211
193
  dotted cursor
212
- primaryLabel pointer "
194
+ primaryLabel pointer "
213
195
  data-id="RadioText_label"
214
196
  data-selector-id="label"
215
197
  data-test-id="RadioText_label"
@@ -236,7 +218,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
236
218
  >
237
219
  <div
238
220
  class="radio
239
- hoverprimary medium filled centerPathprimary shrinkOff"
221
+ hoverprimary medium filled centerPathprimary shrinkOff"
240
222
  data-id="boxComponent"
241
223
  data-selector-id="box"
242
224
  data-test-id="boxComponent"
@@ -262,7 +244,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
262
244
  </label>
263
245
  </div>
264
246
  <div
265
- class="labelContainer grow basis shrinkOff"
247
+ class="text grow basis shrinkOff"
266
248
  data-id="boxComponent"
267
249
  data-selector-id="box"
268
250
  data-test-id="boxComponent"
@@ -270,7 +252,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
270
252
  <label
271
253
  class="label title medium default font_default
272
254
  dotted cursor
273
- primaryLabel pointer "
255
+ primaryLabel pointer "
274
256
  data-id="RadioText_label"
275
257
  data-selector-id="label"
276
258
  data-test-id="RadioText_label"
@@ -297,7 +279,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
297
279
  >
298
280
  <div
299
281
  class="radio
300
- hoverprimary medium filled centerPathprimary shrinkOff"
282
+ hoverprimary medium filled centerPathprimary shrinkOff"
301
283
  data-id="boxComponent"
302
284
  data-selector-id="box"
303
285
  data-test-id="boxComponent"
@@ -323,7 +305,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
323
305
  </label>
324
306
  </div>
325
307
  <div
326
- class="labelContainer grow basis shrinkOff"
308
+ class="text grow basis shrinkOff"
327
309
  data-id="boxComponent"
328
310
  data-selector-id="box"
329
311
  data-test-id="boxComponent"
@@ -331,7 +313,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
331
313
  <label
332
314
  class="label title medium mandatory font_default
333
315
  dotted cursor
334
- primaryLabel pointer "
316
+ primaryLabel pointer "
335
317
  data-id="RadioText_label"
336
318
  data-selector-id="label"
337
319
  data-test-id="RadioText_label"
@@ -358,7 +340,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
358
340
  >
359
341
  <div
360
342
  class="radio
361
- hoverprimary medium filled centerPathprimary shrinkOff"
343
+ hoverprimary medium filled centerPathprimary shrinkOff"
362
344
  data-id="boxComponent"
363
345
  data-selector-id="box"
364
346
  data-test-id="boxComponent"
@@ -384,7 +366,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
384
366
  </label>
385
367
  </div>
386
368
  <div
387
- class="labelContainer grow basis shrinkOff"
369
+ class="text grow basis shrinkOff"
388
370
  data-id="boxComponent"
389
371
  data-selector-id="box"
390
372
  data-test-id="boxComponent"
@@ -392,7 +374,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
392
374
  <label
393
375
  class="label title medium primary font_default
394
376
  dotted cursor
395
- primaryLabel pointer "
377
+ primaryLabel pointer "
396
378
  data-id="RadioText_label"
397
379
  data-selector-id="label"
398
380
  data-test-id="RadioText_label"
@@ -419,7 +401,7 @@ exports[`Radio rendering labelSize - default 1`] = `
419
401
  >
420
402
  <div
421
403
  class="radio
422
- hoverprimary medium filled centerPathprimary shrinkOff"
404
+ hoverprimary medium filled centerPathprimary shrinkOff"
423
405
  data-id="boxComponent"
424
406
  data-selector-id="box"
425
407
  data-test-id="boxComponent"
@@ -445,7 +427,7 @@ exports[`Radio rendering labelSize - default 1`] = `
445
427
  </label>
446
428
  </div>
447
429
  <div
448
- class="labelContainer grow basis shrinkOff"
430
+ class="text grow basis shrinkOff"
449
431
  data-id="boxComponent"
450
432
  data-selector-id="box"
451
433
  data-test-id="boxComponent"
@@ -453,7 +435,7 @@ exports[`Radio rendering labelSize - default 1`] = `
453
435
  <label
454
436
  class="label title medium default font_default
455
437
  dotted cursor
456
- primaryLabel pointer "
438
+ primaryLabel pointer "
457
439
  data-id="RadioText_label"
458
440
  data-selector-id="label"
459
441
  data-test-id="RadioText_label"
@@ -480,7 +462,7 @@ exports[`Radio rendering labelSize - large 1`] = `
480
462
  >
481
463
  <div
482
464
  class="radio
483
- hoverprimary medium filled centerPathprimary shrinkOff"
465
+ hoverprimary medium filled centerPathprimary shrinkOff"
484
466
  data-id="boxComponent"
485
467
  data-selector-id="box"
486
468
  data-test-id="boxComponent"
@@ -506,7 +488,7 @@ exports[`Radio rendering labelSize - large 1`] = `
506
488
  </label>
507
489
  </div>
508
490
  <div
509
- class="labelContainer grow basis shrinkOff"
491
+ class="text grow basis shrinkOff"
510
492
  data-id="boxComponent"
511
493
  data-selector-id="box"
512
494
  data-test-id="boxComponent"
@@ -514,7 +496,7 @@ exports[`Radio rendering labelSize - large 1`] = `
514
496
  <label
515
497
  class="label title large default font_default
516
498
  dotted cursor
517
- primaryLabel pointer "
499
+ primaryLabel pointer "
518
500
  data-id="RadioText_label"
519
501
  data-selector-id="label"
520
502
  data-test-id="RadioText_label"
@@ -541,7 +523,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
541
523
  >
542
524
  <div
543
525
  class="radio
544
- hoverprimary medium filled centerPathprimary shrinkOff"
526
+ hoverprimary medium filled centerPathprimary shrinkOff"
545
527
  data-id="boxComponent"
546
528
  data-selector-id="box"
547
529
  data-test-id="boxComponent"
@@ -567,7 +549,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
567
549
  </label>
568
550
  </div>
569
551
  <div
570
- class="labelContainer grow basis shrinkOff"
552
+ class="text grow basis shrinkOff"
571
553
  data-id="boxComponent"
572
554
  data-selector-id="box"
573
555
  data-test-id="boxComponent"
@@ -575,7 +557,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
575
557
  <label
576
558
  class="label title medium default font_default
577
559
  dotted cursor
578
- primaryLabel pointer "
560
+ primaryLabel pointer "
579
561
  data-id="RadioText_label"
580
562
  data-selector-id="label"
581
563
  data-test-id="RadioText_label"
@@ -602,7 +584,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
602
584
  >
603
585
  <div
604
586
  class="radio
605
- hoverprimary medium filled centerPathprimary shrinkOff"
587
+ hoverprimary medium filled centerPathprimary shrinkOff"
606
588
  data-id="boxComponent"
607
589
  data-selector-id="box"
608
590
  data-test-id="boxComponent"
@@ -628,7 +610,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
628
610
  </label>
629
611
  </div>
630
612
  <div
631
- class="labelContainer grow basis shrinkOff"
613
+ class="text grow basis shrinkOff"
632
614
  data-id="boxComponent"
633
615
  data-selector-id="box"
634
616
  data-test-id="boxComponent"
@@ -636,7 +618,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
636
618
  <label
637
619
  class="label title medium default font_primary
638
620
  dotted cursor
639
- primaryLabel pointer "
621
+ primaryLabel pointer "
640
622
  data-id="RadioText_label"
641
623
  data-selector-id="label"
642
624
  data-test-id="RadioText_label"
@@ -663,7 +645,7 @@ exports[`Radio rendering labelSize - small 1`] = `
663
645
  >
664
646
  <div
665
647
  class="radio
666
- hoverprimary medium filled centerPathprimary shrinkOff"
648
+ hoverprimary medium filled centerPathprimary shrinkOff"
667
649
  data-id="boxComponent"
668
650
  data-selector-id="box"
669
651
  data-test-id="boxComponent"
@@ -689,7 +671,7 @@ exports[`Radio rendering labelSize - small 1`] = `
689
671
  </label>
690
672
  </div>
691
673
  <div
692
- class="labelContainer grow basis shrinkOff"
674
+ class="text grow basis shrinkOff"
693
675
  data-id="boxComponent"
694
676
  data-selector-id="box"
695
677
  data-test-id="boxComponent"
@@ -697,7 +679,7 @@ exports[`Radio rendering labelSize - small 1`] = `
697
679
  <label
698
680
  class="label title small default font_default
699
681
  dotted cursor
700
- primaryLabel pointer "
682
+ primaryLabel pointer "
701
683
  data-id="RadioText_label"
702
684
  data-selector-id="label"
703
685
  data-test-id="RadioText_label"
@@ -724,7 +706,7 @@ exports[`Radio rendering palette - danger 1`] = `
724
706
  >
725
707
  <div
726
708
  class="radio
727
- hoverdanger medium filled centerPathdanger shrinkOff"
709
+ hoverdanger medium filled centerPathdanger shrinkOff"
728
710
  data-id="boxComponent"
729
711
  data-selector-id="box"
730
712
  data-test-id="boxComponent"
@@ -749,12 +731,6 @@ exports[`Radio rendering palette - danger 1`] = `
749
731
  </svg>
750
732
  </label>
751
733
  </div>
752
- <div
753
- class="labelContainer grow basis shrinkOff"
754
- data-id="boxComponent"
755
- data-selector-id="box"
756
- data-test-id="boxComponent"
757
- />
758
734
  </div>
759
735
  </DocumentFragment>
760
736
  `;
@@ -773,7 +749,7 @@ exports[`Radio rendering palette - primary 1`] = `
773
749
  >
774
750
  <div
775
751
  class="radio
776
- hoverprimary medium filled centerPathprimary shrinkOff"
752
+ hoverprimary medium filled centerPathprimary shrinkOff"
777
753
  data-id="boxComponent"
778
754
  data-selector-id="box"
779
755
  data-test-id="boxComponent"
@@ -798,85 +774,6 @@ exports[`Radio rendering palette - primary 1`] = `
798
774
  </svg>
799
775
  </label>
800
776
  </div>
801
- <div
802
- class="labelContainer grow basis shrinkOff"
803
- data-id="boxComponent"
804
- data-selector-id="box"
805
- data-test-id="boxComponent"
806
- />
807
- </div>
808
- </DocumentFragment>
809
- `;
810
-
811
- exports[`Radio rendering secondaryText with checked state 1`] = `
812
- <DocumentFragment>
813
- <div
814
- aria-checked="true"
815
- aria-readonly="false"
816
- class="container pointer hoverEfffect checked flex rowdir both"
817
- data-id="RadioComp"
818
- data-selector-id="container"
819
- data-test-id="RadioComp"
820
- role="radio"
821
- tabindex="0"
822
- >
823
- <div
824
- class="radio rdBoxprimary
825
- hoverprimary medium filled centerPathprimary withSecondaryText shrinkOff selfStart"
826
- data-id="boxComponent"
827
- data-selector-id="box"
828
- data-test-id="boxComponent"
829
- >
830
- <input
831
- type="hidden"
832
- value=""
833
- />
834
- <label
835
- class="radioLabel pointer"
836
- >
837
- <svg
838
- viewBox="0 0 40 40"
839
- xmlns="http://www.w3.org/2000/svg"
840
- >
841
- <circle
842
- class="rdBox"
843
- cx="20"
844
- cy="20"
845
- r="19"
846
- />
847
- <circle
848
- class="centerPath"
849
- cx="20"
850
- cy="20"
851
- r="11.03"
852
- />
853
- </svg>
854
- </label>
855
- </div>
856
- <div
857
- class="labelContainer grow basis shrinkOff"
858
- data-id="boxComponent"
859
- data-selector-id="box"
860
- data-test-id="boxComponent"
861
- >
862
- <label
863
- class="label title medium default font_default
864
- dotted cursor
865
- primaryLabel pointer "
866
- data-id="Radio Text_label"
867
- data-selector-id="label"
868
- data-test-id="Radio Text_label"
869
- data-title="Radio Text"
870
- >
871
- Radio Text
872
- </label>
873
- <div
874
- class="size12 lineheight_1_2 secondaryText "
875
- data-title="Secondary text"
876
- >
877
- Secondary text
878
- </div>
879
- </div>
880
777
  </div>
881
778
  </DocumentFragment>
882
779
  `;
@@ -895,7 +792,7 @@ exports[`Radio rendering size - medium 1`] = `
895
792
  >
896
793
  <div
897
794
  class="radio
898
- hoverprimary medium filled centerPathprimary shrinkOff"
795
+ hoverprimary medium filled centerPathprimary shrinkOff"
899
796
  data-id="boxComponent"
900
797
  data-selector-id="box"
901
798
  data-test-id="boxComponent"
@@ -920,12 +817,6 @@ exports[`Radio rendering size - medium 1`] = `
920
817
  </svg>
921
818
  </label>
922
819
  </div>
923
- <div
924
- class="labelContainer grow basis shrinkOff"
925
- data-id="boxComponent"
926
- data-selector-id="box"
927
- data-test-id="boxComponent"
928
- />
929
820
  </div>
930
821
  </DocumentFragment>
931
822
  `;
@@ -944,7 +835,7 @@ exports[`Radio rendering size - small 1`] = `
944
835
  >
945
836
  <div
946
837
  class="radio
947
- hoverprimary small filled centerPathprimary shrinkOff"
838
+ hoverprimary small filled centerPathprimary shrinkOff"
948
839
  data-id="boxComponent"
949
840
  data-selector-id="box"
950
841
  data-test-id="boxComponent"
@@ -969,12 +860,6 @@ exports[`Radio rendering size - small 1`] = `
969
860
  </svg>
970
861
  </label>
971
862
  </div>
972
- <div
973
- class="labelContainer grow basis shrinkOff"
974
- data-id="boxComponent"
975
- data-selector-id="box"
976
- data-test-id="boxComponent"
977
- />
978
863
  </div>
979
864
  </DocumentFragment>
980
865
  `;
@@ -993,7 +878,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
993
878
  >
994
879
  <div
995
880
  class="radio
996
- hoverdanger medium filled centerPathdanger shrinkOff"
881
+ hoverdanger medium filled centerPathdanger shrinkOff"
997
882
  data-id="boxComponent"
998
883
  data-selector-id="box"
999
884
  data-test-id="boxComponent"
@@ -1019,7 +904,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
1019
904
  </label>
1020
905
  </div>
1021
906
  <div
1022
- class="labelContainer grow basis shrinkOff"
907
+ class="text grow basis shrinkOff"
1023
908
  data-id="boxComponent"
1024
909
  data-selector-id="box"
1025
910
  data-test-id="boxComponent"
@@ -1027,7 +912,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
1027
912
  <label
1028
913
  class="label title medium default font_default
1029
914
  dotted cursor
1030
- dangerLabel pointer "
915
+ dangerLabel pointer "
1031
916
  data-id="RadioText_label"
1032
917
  data-selector-id="label"
1033
918
  data-test-id="RadioText_label"
@@ -1054,7 +939,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1054
939
  >
1055
940
  <div
1056
941
  class="radio
1057
- hoverprimary medium filled centerPathprimary shrinkOff"
942
+ hoverprimary medium filled centerPathprimary shrinkOff"
1058
943
  data-id="boxComponent"
1059
944
  data-selector-id="box"
1060
945
  data-test-id="boxComponent"
@@ -1080,7 +965,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1080
965
  </label>
1081
966
  </div>
1082
967
  <div
1083
- class="labelContainer grow basis shrinkOff"
968
+ class="text grow basis shrinkOff"
1084
969
  data-id="boxComponent"
1085
970
  data-selector-id="box"
1086
971
  data-test-id="boxComponent"
@@ -1088,7 +973,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
1088
973
  <label
1089
974
  class="label title medium default font_default
1090
975
  dotted cursor
1091
- primaryLabel pointer "
976
+ primaryLabel pointer "
1092
977
  data-id="RadioText_label"
1093
978
  data-selector-id="label"
1094
979
  data-test-id="RadioText_label"
@@ -1115,7 +1000,7 @@ exports[`Radio rendering the ID 1`] = `
1115
1000
  >
1116
1001
  <div
1117
1002
  class="radio
1118
- hoverprimary medium filled centerPathprimary shrinkOff"
1003
+ hoverprimary medium filled centerPathprimary shrinkOff"
1119
1004
  data-id="boxComponent"
1120
1005
  data-selector-id="box"
1121
1006
  data-test-id="boxComponent"
@@ -1141,12 +1026,6 @@ exports[`Radio rendering the ID 1`] = `
1141
1026
  </svg>
1142
1027
  </label>
1143
1028
  </div>
1144
- <div
1145
- class="labelContainer grow basis shrinkOff"
1146
- data-id="boxComponent"
1147
- data-selector-id="box"
1148
- data-test-id="boxComponent"
1149
- />
1150
1029
  </div>
1151
1030
  </DocumentFragment>
1152
1031
  `;
@@ -1165,7 +1044,7 @@ exports[`Radio rendering the Name 1`] = `
1165
1044
  >
1166
1045
  <div
1167
1046
  class="radio
1168
- hoverprimary medium filled centerPathprimary shrinkOff"
1047
+ hoverprimary medium filled centerPathprimary shrinkOff"
1169
1048
  data-id="boxComponent"
1170
1049
  data-selector-id="box"
1171
1050
  data-test-id="boxComponent"
@@ -1191,12 +1070,6 @@ exports[`Radio rendering the Name 1`] = `
1191
1070
  </svg>
1192
1071
  </label>
1193
1072
  </div>
1194
- <div
1195
- class="labelContainer grow basis shrinkOff"
1196
- data-id="boxComponent"
1197
- data-selector-id="box"
1198
- data-test-id="boxComponent"
1199
- />
1200
1073
  </div>
1201
1074
  </DocumentFragment>
1202
1075
  `;
@@ -1215,7 +1088,7 @@ exports[`Radio rendering the Value 1`] = `
1215
1088
  >
1216
1089
  <div
1217
1090
  class="radio
1218
- hoverprimary medium filled centerPathprimary shrinkOff"
1091
+ hoverprimary medium filled centerPathprimary shrinkOff"
1219
1092
  data-id="boxComponent"
1220
1093
  data-selector-id="box"
1221
1094
  data-test-id="boxComponent"
@@ -1240,12 +1113,6 @@ exports[`Radio rendering the Value 1`] = `
1240
1113
  </svg>
1241
1114
  </label>
1242
1115
  </div>
1243
- <div
1244
- class="labelContainer grow basis shrinkOff"
1245
- data-id="boxComponent"
1246
- data-selector-id="box"
1247
- data-test-id="boxComponent"
1248
- />
1249
1116
  </div>
1250
1117
  </DocumentFragment>
1251
1118
  `;
@@ -1264,7 +1131,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1264
1131
  >
1265
1132
  <div
1266
1133
  class="radio
1267
- medium filled centerPathprimary disabled shrinkOff"
1134
+ medium filled centerPathprimary disabled shrinkOff"
1268
1135
  data-id="boxComponent"
1269
1136
  data-selector-id="box"
1270
1137
  data-test-id="boxComponent"
@@ -1290,15 +1157,15 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1290
1157
  </label>
1291
1158
  </div>
1292
1159
  <div
1293
- class="labelContainer grow basis shrinkOff"
1160
+ class="text disabled grow basis shrinkOff"
1294
1161
  data-id="boxComponent"
1295
1162
  data-selector-id="box"
1296
1163
  data-test-id="boxComponent"
1297
1164
  >
1298
1165
  <label
1299
1166
  class="label title medium default font_default
1300
- dotted cursor disabled
1301
- primaryLabel "
1167
+ dotted cursor
1168
+ primaryLabel "
1302
1169
  data-id="RadioText_label"
1303
1170
  data-selector-id="label"
1304
1171
  data-test-id="RadioText_label"
@@ -1325,7 +1192,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1325
1192
  >
1326
1193
  <div
1327
1194
  class="radio
1328
- medium filled centerPathprimary disabled shrinkOff"
1195
+ medium filled centerPathprimary disabled shrinkOff"
1329
1196
  data-id="boxComponent"
1330
1197
  data-selector-id="box"
1331
1198
  data-test-id="boxComponent"
@@ -1351,7 +1218,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1351
1218
  </label>
1352
1219
  </div>
1353
1220
  <div
1354
- class="labelContainer grow basis shrinkOff"
1221
+ class="text grow basis shrinkOff"
1355
1222
  data-id="boxComponent"
1356
1223
  data-selector-id="box"
1357
1224
  data-test-id="boxComponent"
@@ -1359,7 +1226,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1359
1226
  <label
1360
1227
  class="label title medium default font_default
1361
1228
  dotted cursor
1362
- primaryLabel readonly "
1229
+ primaryLabel readonly "
1363
1230
  data-id="RadioText_label"
1364
1231
  data-selector-id="label"
1365
1232
  data-test-id="RadioText_label"
@@ -1386,7 +1253,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1386
1253
  >
1387
1254
  <div
1388
1255
  class="radio rdBoxdanger
1389
- hoverdanger medium filled centerPathdanger shrinkOff"
1256
+ hoverdanger medium filled centerPathdanger shrinkOff"
1390
1257
  data-id="boxComponent"
1391
1258
  data-selector-id="box"
1392
1259
  data-test-id="boxComponent"
@@ -1418,7 +1285,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1418
1285
  </label>
1419
1286
  </div>
1420
1287
  <div
1421
- class="labelContainer grow basis shrinkOff"
1288
+ class="text grow basis shrinkOff"
1422
1289
  data-id="boxComponent"
1423
1290
  data-selector-id="box"
1424
1291
  data-test-id="boxComponent"
@@ -1426,7 +1293,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1426
1293
  <label
1427
1294
  class="label title medium default font_default
1428
1295
  dotted cursor dangercheckedActive
1429
- dangerLabel pointer "
1296
+ dangerLabel pointer "
1430
1297
  data-id="RadioText_label"
1431
1298
  data-selector-id="label"
1432
1299
  data-test-id="RadioText_label"
@@ -1453,7 +1320,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1453
1320
  >
1454
1321
  <div
1455
1322
  class="radio rdBoxprimary
1456
- hoverprimary medium filled centerPathprimary shrinkOff"
1323
+ hoverprimary medium filled centerPathprimary shrinkOff"
1457
1324
  data-id="boxComponent"
1458
1325
  data-selector-id="box"
1459
1326
  data-test-id="boxComponent"
@@ -1485,7 +1352,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1485
1352
  </label>
1486
1353
  </div>
1487
1354
  <div
1488
- class="labelContainer grow basis shrinkOff"
1355
+ class="text grow basis shrinkOff"
1489
1356
  data-id="boxComponent"
1490
1357
  data-selector-id="box"
1491
1358
  data-test-id="boxComponent"
@@ -1493,7 +1360,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1493
1360
  <label
1494
1361
  class="label title medium default font_default
1495
1362
  dotted cursor primarycheckedActive
1496
- primaryLabel pointer "
1363
+ primaryLabel pointer "
1497
1364
  data-id="RadioText_label"
1498
1365
  data-selector-id="label"
1499
1366
  data-test-id="RadioText_label"
@@ -1520,7 +1387,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1520
1387
  >
1521
1388
  <div
1522
1389
  class="radio
1523
- hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1390
+ hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1524
1391
  data-id="boxComponent"
1525
1392
  data-selector-id="box"
1526
1393
  data-test-id="boxComponent"
@@ -1546,7 +1413,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1546
1413
  </label>
1547
1414
  </div>
1548
1415
  <div
1549
- class="labelContainer grow basis shrinkOff"
1416
+ class="text grow basis shrinkOff"
1550
1417
  data-id="boxComponent"
1551
1418
  data-selector-id="box"
1552
1419
  data-test-id="boxComponent"
@@ -1554,7 +1421,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1554
1421
  <label
1555
1422
  class="label title medium default font_default
1556
1423
  dotted cursor
1557
- primaryLabel pointer CustomClassCustomLabel "
1424
+ primaryLabel pointer CustomClassCustomLabel "
1558
1425
  data-id="RadioText_label"
1559
1426
  data-selector-id="label"
1560
1427
  data-test-id="RadioText_label"
@@ -1581,7 +1448,7 @@ exports[`Radio rendering the defult props 1`] = `
1581
1448
  >
1582
1449
  <div
1583
1450
  class="radio
1584
- hoverprimary medium filled centerPathprimary shrinkOff"
1451
+ hoverprimary medium filled centerPathprimary shrinkOff"
1585
1452
  data-id="boxComponent"
1586
1453
  data-selector-id="box"
1587
1454
  data-test-id="boxComponent"
@@ -1606,12 +1473,6 @@ exports[`Radio rendering the defult props 1`] = `
1606
1473
  </svg>
1607
1474
  </label>
1608
1475
  </div>
1609
- <div
1610
- class="labelContainer grow basis shrinkOff"
1611
- data-id="boxComponent"
1612
- data-selector-id="box"
1613
- data-test-id="boxComponent"
1614
- />
1615
1476
  </div>
1616
1477
  </DocumentFragment>
1617
1478
  `;
@@ -1630,7 +1491,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1630
1491
  >
1631
1492
  <div
1632
1493
  class="radio
1633
- medium filled centerPathdanger disabled shrinkOff"
1494
+ medium filled centerPathdanger disabled shrinkOff"
1634
1495
  data-id="boxComponent"
1635
1496
  data-selector-id="box"
1636
1497
  data-test-id="boxComponent"
@@ -1656,15 +1517,15 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1656
1517
  </label>
1657
1518
  </div>
1658
1519
  <div
1659
- class="labelContainer grow basis shrinkOff"
1520
+ class="text disabled grow basis shrinkOff"
1660
1521
  data-id="boxComponent"
1661
1522
  data-selector-id="box"
1662
1523
  data-test-id="boxComponent"
1663
1524
  >
1664
1525
  <label
1665
1526
  class="label title medium default font_default
1666
- dotted cursor disabled
1667
- dangerLabel "
1527
+ dotted cursor
1528
+ dangerLabel "
1668
1529
  data-id="RadioText_label"
1669
1530
  data-selector-id="label"
1670
1531
  data-test-id="RadioText_label"
@@ -1691,7 +1552,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1691
1552
  >
1692
1553
  <div
1693
1554
  class="radio
1694
- medium filled centerPathprimary disabled shrinkOff"
1555
+ medium filled centerPathprimary disabled shrinkOff"
1695
1556
  data-id="boxComponent"
1696
1557
  data-selector-id="box"
1697
1558
  data-test-id="boxComponent"
@@ -1717,15 +1578,15 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1717
1578
  </label>
1718
1579
  </div>
1719
1580
  <div
1720
- class="labelContainer grow basis shrinkOff"
1581
+ class="text disabled grow basis shrinkOff"
1721
1582
  data-id="boxComponent"
1722
1583
  data-selector-id="box"
1723
1584
  data-test-id="boxComponent"
1724
1585
  >
1725
1586
  <label
1726
1587
  class="label title medium default font_default
1727
- dotted cursor disabled
1728
- primaryLabel "
1588
+ dotted cursor
1589
+ primaryLabel "
1729
1590
  data-id="RadioText_label"
1730
1591
  data-selector-id="label"
1731
1592
  data-test-id="RadioText_label"
@@ -1753,7 +1614,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1753
1614
  >
1754
1615
  <div
1755
1616
  class="radio
1756
- medium filled centerPathprimary disabled shrinkOff"
1617
+ medium filled centerPathprimary disabled shrinkOff"
1757
1618
  data-id="boxComponent"
1758
1619
  data-selector-id="box"
1759
1620
  data-test-id="boxComponent"
@@ -1779,15 +1640,15 @@ exports[`Radio rendering the disabledTitle 1`] = `
1779
1640
  </label>
1780
1641
  </div>
1781
1642
  <div
1782
- class="labelContainer grow basis shrinkOff"
1643
+ class="text disabled grow basis shrinkOff"
1783
1644
  data-id="boxComponent"
1784
1645
  data-selector-id="box"
1785
1646
  data-test-id="boxComponent"
1786
1647
  >
1787
1648
  <label
1788
1649
  class="label title medium default font_default
1789
- dotted cursor disabled
1790
- primaryLabel "
1650
+ dotted cursor
1651
+ primaryLabel "
1791
1652
  data-id="RadioText_label"
1792
1653
  data-selector-id="label"
1793
1654
  data-test-id="RadioText_label"
@@ -1814,7 +1675,7 @@ exports[`Radio rendering the isFilled is false 1`] = `
1814
1675
  >
1815
1676
  <div
1816
1677
  class="radio
1817
- hoverprimary medium centerPathprimary shrinkOff"
1678
+ hoverprimary medium centerPathprimary shrinkOff"
1818
1679
  data-id="boxComponent"
1819
1680
  data-selector-id="box"
1820
1681
  data-test-id="boxComponent"
@@ -1839,12 +1700,6 @@ exports[`Radio rendering the isFilled is false 1`] = `
1839
1700
  </svg>
1840
1701
  </label>
1841
1702
  </div>
1842
- <div
1843
- class="labelContainer grow basis shrinkOff"
1844
- data-id="boxComponent"
1845
- data-selector-id="box"
1846
- data-test-id="boxComponent"
1847
- />
1848
1703
  </div>
1849
1704
  </DocumentFragment>
1850
1705
  `;
@@ -1863,7 +1718,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1863
1718
  >
1864
1719
  <div
1865
1720
  class="radio
1866
- medium filled centerPathprimary disabled shrinkOff"
1721
+ medium filled centerPathprimary disabled shrinkOff"
1867
1722
  data-id="boxComponent"
1868
1723
  data-selector-id="box"
1869
1724
  data-test-id="boxComponent"
@@ -1888,12 +1743,6 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1888
1743
  </svg>
1889
1744
  </label>
1890
1745
  </div>
1891
- <div
1892
- class="labelContainer grow basis shrinkOff"
1893
- data-id="boxComponent"
1894
- data-selector-id="box"
1895
- data-test-id="boxComponent"
1896
- />
1897
1746
  </div>
1898
1747
  </DocumentFragment>
1899
1748
  `;
@@ -1912,7 +1761,7 @@ exports[`Radio rendering the text 1`] = `
1912
1761
  >
1913
1762
  <div
1914
1763
  class="radio
1915
- hoverprimary medium filled centerPathprimary shrinkOff"
1764
+ hoverprimary medium filled centerPathprimary shrinkOff"
1916
1765
  data-id="boxComponent"
1917
1766
  data-selector-id="box"
1918
1767
  data-test-id="boxComponent"
@@ -1938,7 +1787,7 @@ exports[`Radio rendering the text 1`] = `
1938
1787
  </label>
1939
1788
  </div>
1940
1789
  <div
1941
- class="labelContainer grow basis shrinkOff"
1790
+ class="text grow basis shrinkOff"
1942
1791
  data-id="boxComponent"
1943
1792
  data-selector-id="box"
1944
1793
  data-test-id="boxComponent"
@@ -1946,7 +1795,7 @@ exports[`Radio rendering the text 1`] = `
1946
1795
  <label
1947
1796
  class="label title medium default font_default
1948
1797
  dotted cursor
1949
- primaryLabel pointer "
1798
+ primaryLabel pointer "
1950
1799
  data-id="RadioText_label"
1951
1800
  data-selector-id="label"
1952
1801
  data-test-id="RadioText_label"
@@ -1974,7 +1823,7 @@ exports[`Radio rendering the title 1`] = `
1974
1823
  >
1975
1824
  <div
1976
1825
  class="radio
1977
- hoverprimary medium filled centerPathprimary shrinkOff"
1826
+ hoverprimary medium filled centerPathprimary shrinkOff"
1978
1827
  data-id="boxComponent"
1979
1828
  data-selector-id="box"
1980
1829
  data-test-id="boxComponent"
@@ -2000,7 +1849,7 @@ exports[`Radio rendering the title 1`] = `
2000
1849
  </label>
2001
1850
  </div>
2002
1851
  <div
2003
- class="labelContainer grow basis shrinkOff"
1852
+ class="text grow basis shrinkOff"
2004
1853
  data-id="boxComponent"
2005
1854
  data-selector-id="box"
2006
1855
  data-test-id="boxComponent"
@@ -2008,7 +1857,7 @@ exports[`Radio rendering the title 1`] = `
2008
1857
  <label
2009
1858
  class="label title medium default font_default
2010
1859
  dotted cursor
2011
- primaryLabel pointer "
1860
+ primaryLabel pointer "
2012
1861
  data-id="RadioText_label"
2013
1862
  data-selector-id="label"
2014
1863
  data-test-id="RadioText_label"
@@ -2036,7 +1885,7 @@ exports[`Radio renders with different onClick props 1`] = `
2036
1885
  >
2037
1886
  <div
2038
1887
  class="radio
2039
- hoverprimary medium filled centerPathprimary shrinkOff"
1888
+ hoverprimary medium filled centerPathprimary shrinkOff"
2040
1889
  data-id="boxComponent"
2041
1890
  data-selector-id="box"
2042
1891
  data-test-id="boxComponent"
@@ -2061,12 +1910,6 @@ exports[`Radio renders with different onClick props 1`] = `
2061
1910
  </svg>
2062
1911
  </label>
2063
1912
  </div>
2064
- <div
2065
- class="labelContainer grow basis shrinkOff"
2066
- data-id="boxComponent"
2067
- data-selector-id="box"
2068
- data-test-id="boxComponent"
2069
- />
2070
1913
  </div>
2071
1914
  </div>
2072
1915
  </DocumentFragment>