@zohodesk/components 1.5.2 → 1.5.3

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 (39) hide show
  1. package/README.md +10 -0
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +2 -0
  3. package/assets/Appearance/light/mode/Component_LightMode.module.css +2 -0
  4. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +2 -0
  5. package/es/CheckBox/CheckBox.js +21 -10
  6. package/es/CheckBox/CheckBox.module.css +21 -6
  7. package/es/CheckBox/__tests__/CheckBox.spec.js +9 -0
  8. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +162 -93
  9. package/es/CheckBox/props/propTypes.js +4 -1
  10. package/es/Label/Label.js +19 -1
  11. package/es/Label/__tests__/Label.spec.js +58 -0
  12. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +66 -0
  13. package/es/Label/props/defaultProps.js +1 -0
  14. package/es/Label/props/propTypes.js +7 -1
  15. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +7 -7
  16. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +7 -7
  17. package/es/Radio/Radio.js +20 -9
  18. package/es/Radio/Radio.module.css +38 -5
  19. package/es/Radio/__tests__/Radio.spec.js +10 -0
  20. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +154 -81
  21. package/es/Radio/props/propTypes.js +4 -1
  22. package/lib/CheckBox/CheckBox.js +23 -9
  23. package/lib/CheckBox/CheckBox.module.css +21 -6
  24. package/lib/CheckBox/__tests__/CheckBox.spec.js +21 -12
  25. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +162 -93
  26. package/lib/CheckBox/props/propTypes.js +5 -1
  27. package/lib/Label/Label.js +21 -1
  28. package/lib/Label/__tests__/Label.spec.js +58 -0
  29. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +66 -0
  30. package/lib/Label/props/defaultProps.js +1 -0
  31. package/lib/Label/props/propTypes.js +8 -1
  32. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +7 -7
  33. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +7 -7
  34. package/lib/Radio/Radio.js +22 -8
  35. package/lib/Radio/Radio.module.css +38 -5
  36. package/lib/Radio/__tests__/Radio.spec.js +10 -0
  37. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +154 -81
  38. package/lib/Radio/props/propTypes.js +5 -1
  39. 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"
@@ -64,7 +64,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
64
64
  >
65
65
  <div
66
66
  class="radio rdBoxprimary
67
- medium filled centerPathprimary disabled shrinkOff"
67
+ medium filled centerPathprimary disabled shrinkOff"
68
68
  data-id="boxComponent"
69
69
  data-selector-id="box"
70
70
  data-test-id="boxComponent"
@@ -114,7 +114,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`
114
114
  >
115
115
  <div
116
116
  class="radio
117
- hoverprimary medium filled centerPathprimary shrinkOff"
117
+ hoverprimary medium filled centerPathprimary shrinkOff"
118
118
  data-id="boxComponent"
119
119
  data-selector-id="box"
120
120
  data-test-id="boxComponent"
@@ -157,7 +157,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
157
157
  >
158
158
  <div
159
159
  class="radio
160
- hoverprimary medium filled centerPathprimary shrinkOff"
160
+ hoverprimary medium filled centerPathprimary shrinkOff"
161
161
  data-id="boxComponent"
162
162
  data-selector-id="box"
163
163
  data-test-id="boxComponent"
@@ -183,7 +183,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
183
183
  </label>
184
184
  </div>
185
185
  <div
186
- class="text grow basis shrinkOff"
186
+ class="labelContainer grow basis shrinkOff"
187
187
  data-id="boxComponent"
188
188
  data-selector-id="box"
189
189
  data-test-id="boxComponent"
@@ -191,7 +191,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
191
191
  <label
192
192
  class="label title medium danger font_default
193
193
  dotted cursor
194
- primaryLabel pointer "
194
+ primaryLabel pointer "
195
195
  data-id="RadioText_label"
196
196
  data-selector-id="label"
197
197
  data-test-id="RadioText_label"
@@ -218,7 +218,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
218
218
  >
219
219
  <div
220
220
  class="radio
221
- hoverprimary medium filled centerPathprimary shrinkOff"
221
+ hoverprimary medium filled centerPathprimary shrinkOff"
222
222
  data-id="boxComponent"
223
223
  data-selector-id="box"
224
224
  data-test-id="boxComponent"
@@ -244,7 +244,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
244
244
  </label>
245
245
  </div>
246
246
  <div
247
- class="text grow basis shrinkOff"
247
+ class="labelContainer grow basis shrinkOff"
248
248
  data-id="boxComponent"
249
249
  data-selector-id="box"
250
250
  data-test-id="boxComponent"
@@ -252,7 +252,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
252
252
  <label
253
253
  class="label title medium default font_default
254
254
  dotted cursor
255
- primaryLabel pointer "
255
+ primaryLabel pointer "
256
256
  data-id="RadioText_label"
257
257
  data-selector-id="label"
258
258
  data-test-id="RadioText_label"
@@ -279,7 +279,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
279
279
  >
280
280
  <div
281
281
  class="radio
282
- hoverprimary medium filled centerPathprimary shrinkOff"
282
+ hoverprimary medium filled centerPathprimary shrinkOff"
283
283
  data-id="boxComponent"
284
284
  data-selector-id="box"
285
285
  data-test-id="boxComponent"
@@ -305,7 +305,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
305
305
  </label>
306
306
  </div>
307
307
  <div
308
- class="text grow basis shrinkOff"
308
+ class="labelContainer grow basis shrinkOff"
309
309
  data-id="boxComponent"
310
310
  data-selector-id="box"
311
311
  data-test-id="boxComponent"
@@ -313,7 +313,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
313
313
  <label
314
314
  class="label title medium mandatory font_default
315
315
  dotted cursor
316
- primaryLabel pointer "
316
+ primaryLabel pointer "
317
317
  data-id="RadioText_label"
318
318
  data-selector-id="label"
319
319
  data-test-id="RadioText_label"
@@ -340,7 +340,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
340
340
  >
341
341
  <div
342
342
  class="radio
343
- hoverprimary medium filled centerPathprimary shrinkOff"
343
+ hoverprimary medium filled centerPathprimary shrinkOff"
344
344
  data-id="boxComponent"
345
345
  data-selector-id="box"
346
346
  data-test-id="boxComponent"
@@ -366,7 +366,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
366
366
  </label>
367
367
  </div>
368
368
  <div
369
- class="text grow basis shrinkOff"
369
+ class="labelContainer grow basis shrinkOff"
370
370
  data-id="boxComponent"
371
371
  data-selector-id="box"
372
372
  data-test-id="boxComponent"
@@ -374,7 +374,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
374
374
  <label
375
375
  class="label title medium primary font_default
376
376
  dotted cursor
377
- primaryLabel pointer "
377
+ primaryLabel pointer "
378
378
  data-id="RadioText_label"
379
379
  data-selector-id="label"
380
380
  data-test-id="RadioText_label"
@@ -401,7 +401,7 @@ exports[`Radio rendering labelSize - default 1`] = `
401
401
  >
402
402
  <div
403
403
  class="radio
404
- hoverprimary medium filled centerPathprimary shrinkOff"
404
+ hoverprimary medium filled centerPathprimary shrinkOff"
405
405
  data-id="boxComponent"
406
406
  data-selector-id="box"
407
407
  data-test-id="boxComponent"
@@ -427,7 +427,7 @@ exports[`Radio rendering labelSize - default 1`] = `
427
427
  </label>
428
428
  </div>
429
429
  <div
430
- class="text grow basis shrinkOff"
430
+ class="labelContainer grow basis shrinkOff"
431
431
  data-id="boxComponent"
432
432
  data-selector-id="box"
433
433
  data-test-id="boxComponent"
@@ -435,7 +435,7 @@ exports[`Radio rendering labelSize - default 1`] = `
435
435
  <label
436
436
  class="label title medium default font_default
437
437
  dotted cursor
438
- primaryLabel pointer "
438
+ primaryLabel pointer "
439
439
  data-id="RadioText_label"
440
440
  data-selector-id="label"
441
441
  data-test-id="RadioText_label"
@@ -462,7 +462,7 @@ exports[`Radio rendering labelSize - large 1`] = `
462
462
  >
463
463
  <div
464
464
  class="radio
465
- hoverprimary medium filled centerPathprimary shrinkOff"
465
+ hoverprimary medium filled centerPathprimary shrinkOff"
466
466
  data-id="boxComponent"
467
467
  data-selector-id="box"
468
468
  data-test-id="boxComponent"
@@ -488,7 +488,7 @@ exports[`Radio rendering labelSize - large 1`] = `
488
488
  </label>
489
489
  </div>
490
490
  <div
491
- class="text grow basis shrinkOff"
491
+ class="labelContainer grow basis shrinkOff"
492
492
  data-id="boxComponent"
493
493
  data-selector-id="box"
494
494
  data-test-id="boxComponent"
@@ -496,7 +496,7 @@ exports[`Radio rendering labelSize - large 1`] = `
496
496
  <label
497
497
  class="label title large default font_default
498
498
  dotted cursor
499
- primaryLabel pointer "
499
+ primaryLabel pointer "
500
500
  data-id="RadioText_label"
501
501
  data-selector-id="label"
502
502
  data-test-id="RadioText_label"
@@ -523,7 +523,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
523
523
  >
524
524
  <div
525
525
  class="radio
526
- hoverprimary medium filled centerPathprimary shrinkOff"
526
+ hoverprimary medium filled centerPathprimary shrinkOff"
527
527
  data-id="boxComponent"
528
528
  data-selector-id="box"
529
529
  data-test-id="boxComponent"
@@ -549,7 +549,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
549
549
  </label>
550
550
  </div>
551
551
  <div
552
- class="text grow basis shrinkOff"
552
+ class="labelContainer grow basis shrinkOff"
553
553
  data-id="boxComponent"
554
554
  data-selector-id="box"
555
555
  data-test-id="boxComponent"
@@ -557,7 +557,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
557
557
  <label
558
558
  class="label title medium default font_default
559
559
  dotted cursor
560
- primaryLabel pointer "
560
+ primaryLabel pointer "
561
561
  data-id="RadioText_label"
562
562
  data-selector-id="label"
563
563
  data-test-id="RadioText_label"
@@ -584,7 +584,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
584
584
  >
585
585
  <div
586
586
  class="radio
587
- hoverprimary medium filled centerPathprimary shrinkOff"
587
+ hoverprimary medium filled centerPathprimary shrinkOff"
588
588
  data-id="boxComponent"
589
589
  data-selector-id="box"
590
590
  data-test-id="boxComponent"
@@ -610,7 +610,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
610
610
  </label>
611
611
  </div>
612
612
  <div
613
- class="text grow basis shrinkOff"
613
+ class="labelContainer grow basis shrinkOff"
614
614
  data-id="boxComponent"
615
615
  data-selector-id="box"
616
616
  data-test-id="boxComponent"
@@ -618,7 +618,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
618
618
  <label
619
619
  class="label title medium default font_primary
620
620
  dotted cursor
621
- primaryLabel pointer "
621
+ primaryLabel pointer "
622
622
  data-id="RadioText_label"
623
623
  data-selector-id="label"
624
624
  data-test-id="RadioText_label"
@@ -645,7 +645,7 @@ exports[`Radio rendering labelSize - small 1`] = `
645
645
  >
646
646
  <div
647
647
  class="radio
648
- hoverprimary medium filled centerPathprimary shrinkOff"
648
+ hoverprimary medium filled centerPathprimary shrinkOff"
649
649
  data-id="boxComponent"
650
650
  data-selector-id="box"
651
651
  data-test-id="boxComponent"
@@ -671,7 +671,7 @@ exports[`Radio rendering labelSize - small 1`] = `
671
671
  </label>
672
672
  </div>
673
673
  <div
674
- class="text grow basis shrinkOff"
674
+ class="labelContainer grow basis shrinkOff"
675
675
  data-id="boxComponent"
676
676
  data-selector-id="box"
677
677
  data-test-id="boxComponent"
@@ -679,7 +679,7 @@ exports[`Radio rendering labelSize - small 1`] = `
679
679
  <label
680
680
  class="label title small default font_default
681
681
  dotted cursor
682
- primaryLabel pointer "
682
+ primaryLabel pointer "
683
683
  data-id="RadioText_label"
684
684
  data-selector-id="label"
685
685
  data-test-id="RadioText_label"
@@ -706,7 +706,7 @@ exports[`Radio rendering palette - danger 1`] = `
706
706
  >
707
707
  <div
708
708
  class="radio
709
- hoverdanger medium filled centerPathdanger shrinkOff"
709
+ hoverdanger medium filled centerPathdanger shrinkOff"
710
710
  data-id="boxComponent"
711
711
  data-selector-id="box"
712
712
  data-test-id="boxComponent"
@@ -749,7 +749,7 @@ exports[`Radio rendering palette - primary 1`] = `
749
749
  >
750
750
  <div
751
751
  class="radio
752
- hoverprimary medium filled centerPathprimary shrinkOff"
752
+ hoverprimary medium filled centerPathprimary shrinkOff"
753
753
  data-id="boxComponent"
754
754
  data-selector-id="box"
755
755
  data-test-id="boxComponent"
@@ -778,6 +778,79 @@ exports[`Radio rendering palette - primary 1`] = `
778
778
  </DocumentFragment>
779
779
  `;
780
780
 
781
+ exports[`Radio rendering secondaryText with checked state 1`] = `
782
+ <DocumentFragment>
783
+ <div
784
+ aria-checked="true"
785
+ aria-readonly="false"
786
+ class="container pointer hoverEfffect checked flex rowdir both"
787
+ data-id="RadioComp"
788
+ data-selector-id="container"
789
+ data-test-id="RadioComp"
790
+ role="radio"
791
+ tabindex="0"
792
+ >
793
+ <div
794
+ class="radio rdBoxprimary
795
+ hoverprimary medium filled centerPathprimary withSecondaryText shrinkOff selfStart"
796
+ data-id="boxComponent"
797
+ data-selector-id="box"
798
+ data-test-id="boxComponent"
799
+ >
800
+ <input
801
+ type="hidden"
802
+ value=""
803
+ />
804
+ <label
805
+ class="radioLabel pointer"
806
+ >
807
+ <svg
808
+ viewBox="0 0 40 40"
809
+ xmlns="http://www.w3.org/2000/svg"
810
+ >
811
+ <circle
812
+ class="rdBox"
813
+ cx="20"
814
+ cy="20"
815
+ r="19"
816
+ />
817
+ <circle
818
+ class="centerPath"
819
+ cx="20"
820
+ cy="20"
821
+ r="11.03"
822
+ />
823
+ </svg>
824
+ </label>
825
+ </div>
826
+ <div
827
+ class="labelContainer grow basis shrinkOff"
828
+ data-id="boxComponent"
829
+ data-selector-id="box"
830
+ data-test-id="boxComponent"
831
+ >
832
+ <label
833
+ class="label title medium default font_default
834
+ dotted cursor
835
+ primaryLabel pointer "
836
+ data-id="Radio Text_label"
837
+ data-selector-id="label"
838
+ data-test-id="Radio Text_label"
839
+ data-title="Radio Text"
840
+ >
841
+ Radio Text
842
+ </label>
843
+ <div
844
+ class="size12 lineheight_1_2 secondaryText "
845
+ data-title="Secondary text"
846
+ >
847
+ Secondary text
848
+ </div>
849
+ </div>
850
+ </div>
851
+ </DocumentFragment>
852
+ `;
853
+
781
854
  exports[`Radio rendering size - medium 1`] = `
782
855
  <DocumentFragment>
783
856
  <div
@@ -792,7 +865,7 @@ exports[`Radio rendering size - medium 1`] = `
792
865
  >
793
866
  <div
794
867
  class="radio
795
- hoverprimary medium filled centerPathprimary shrinkOff"
868
+ hoverprimary medium filled centerPathprimary shrinkOff"
796
869
  data-id="boxComponent"
797
870
  data-selector-id="box"
798
871
  data-test-id="boxComponent"
@@ -835,7 +908,7 @@ exports[`Radio rendering size - small 1`] = `
835
908
  >
836
909
  <div
837
910
  class="radio
838
- hoverprimary small filled centerPathprimary shrinkOff"
911
+ hoverprimary small filled centerPathprimary shrinkOff"
839
912
  data-id="boxComponent"
840
913
  data-selector-id="box"
841
914
  data-test-id="boxComponent"
@@ -878,7 +951,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
878
951
  >
879
952
  <div
880
953
  class="radio
881
- hoverdanger medium filled centerPathdanger shrinkOff"
954
+ hoverdanger medium filled centerPathdanger shrinkOff"
882
955
  data-id="boxComponent"
883
956
  data-selector-id="box"
884
957
  data-test-id="boxComponent"
@@ -904,7 +977,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
904
977
  </label>
905
978
  </div>
906
979
  <div
907
- class="text grow basis shrinkOff"
980
+ class="labelContainer grow basis shrinkOff"
908
981
  data-id="boxComponent"
909
982
  data-selector-id="box"
910
983
  data-test-id="boxComponent"
@@ -912,7 +985,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
912
985
  <label
913
986
  class="label title medium default font_default
914
987
  dotted cursor
915
- dangerLabel pointer "
988
+ dangerLabel pointer "
916
989
  data-id="RadioText_label"
917
990
  data-selector-id="label"
918
991
  data-test-id="RadioText_label"
@@ -939,7 +1012,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
939
1012
  >
940
1013
  <div
941
1014
  class="radio
942
- hoverprimary medium filled centerPathprimary shrinkOff"
1015
+ hoverprimary medium filled centerPathprimary shrinkOff"
943
1016
  data-id="boxComponent"
944
1017
  data-selector-id="box"
945
1018
  data-test-id="boxComponent"
@@ -965,7 +1038,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
965
1038
  </label>
966
1039
  </div>
967
1040
  <div
968
- class="text grow basis shrinkOff"
1041
+ class="labelContainer grow basis shrinkOff"
969
1042
  data-id="boxComponent"
970
1043
  data-selector-id="box"
971
1044
  data-test-id="boxComponent"
@@ -973,7 +1046,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
973
1046
  <label
974
1047
  class="label title medium default font_default
975
1048
  dotted cursor
976
- primaryLabel pointer "
1049
+ primaryLabel pointer "
977
1050
  data-id="RadioText_label"
978
1051
  data-selector-id="label"
979
1052
  data-test-id="RadioText_label"
@@ -1000,7 +1073,7 @@ exports[`Radio rendering the ID 1`] = `
1000
1073
  >
1001
1074
  <div
1002
1075
  class="radio
1003
- hoverprimary medium filled centerPathprimary shrinkOff"
1076
+ hoverprimary medium filled centerPathprimary shrinkOff"
1004
1077
  data-id="boxComponent"
1005
1078
  data-selector-id="box"
1006
1079
  data-test-id="boxComponent"
@@ -1044,7 +1117,7 @@ exports[`Radio rendering the Name 1`] = `
1044
1117
  >
1045
1118
  <div
1046
1119
  class="radio
1047
- hoverprimary medium filled centerPathprimary shrinkOff"
1120
+ hoverprimary medium filled centerPathprimary shrinkOff"
1048
1121
  data-id="boxComponent"
1049
1122
  data-selector-id="box"
1050
1123
  data-test-id="boxComponent"
@@ -1088,7 +1161,7 @@ exports[`Radio rendering the Value 1`] = `
1088
1161
  >
1089
1162
  <div
1090
1163
  class="radio
1091
- hoverprimary medium filled centerPathprimary shrinkOff"
1164
+ hoverprimary medium filled centerPathprimary shrinkOff"
1092
1165
  data-id="boxComponent"
1093
1166
  data-selector-id="box"
1094
1167
  data-test-id="boxComponent"
@@ -1131,7 +1204,7 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1131
1204
  >
1132
1205
  <div
1133
1206
  class="radio
1134
- medium filled centerPathprimary disabled shrinkOff"
1207
+ medium filled centerPathprimary disabled shrinkOff"
1135
1208
  data-id="boxComponent"
1136
1209
  data-selector-id="box"
1137
1210
  data-test-id="boxComponent"
@@ -1157,15 +1230,15 @@ exports[`Radio rendering the accessMode when disabled 1`] = `
1157
1230
  </label>
1158
1231
  </div>
1159
1232
  <div
1160
- class="text disabled grow basis shrinkOff"
1233
+ class="labelContainer grow basis shrinkOff"
1161
1234
  data-id="boxComponent"
1162
1235
  data-selector-id="box"
1163
1236
  data-test-id="boxComponent"
1164
1237
  >
1165
1238
  <label
1166
1239
  class="label title medium default font_default
1167
- dotted cursor
1168
- primaryLabel "
1240
+ dotted cursor disabled
1241
+ primaryLabel "
1169
1242
  data-id="RadioText_label"
1170
1243
  data-selector-id="label"
1171
1244
  data-test-id="RadioText_label"
@@ -1192,7 +1265,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1192
1265
  >
1193
1266
  <div
1194
1267
  class="radio
1195
- medium filled centerPathprimary disabled shrinkOff"
1268
+ medium filled centerPathprimary disabled shrinkOff"
1196
1269
  data-id="boxComponent"
1197
1270
  data-selector-id="box"
1198
1271
  data-test-id="boxComponent"
@@ -1218,7 +1291,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1218
1291
  </label>
1219
1292
  </div>
1220
1293
  <div
1221
- class="text grow basis shrinkOff"
1294
+ class="labelContainer grow basis shrinkOff"
1222
1295
  data-id="boxComponent"
1223
1296
  data-selector-id="box"
1224
1297
  data-test-id="boxComponent"
@@ -1226,7 +1299,7 @@ exports[`Radio rendering the accessMode when isReadOnly 1`] = `
1226
1299
  <label
1227
1300
  class="label title medium default font_default
1228
1301
  dotted cursor
1229
- primaryLabel readonly "
1302
+ primaryLabel readonly "
1230
1303
  data-id="RadioText_label"
1231
1304
  data-selector-id="label"
1232
1305
  data-test-id="RadioText_label"
@@ -1253,7 +1326,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1253
1326
  >
1254
1327
  <div
1255
1328
  class="radio rdBoxdanger
1256
- hoverdanger medium filled centerPathdanger shrinkOff"
1329
+ hoverdanger medium filled centerPathdanger shrinkOff"
1257
1330
  data-id="boxComponent"
1258
1331
  data-selector-id="box"
1259
1332
  data-test-id="boxComponent"
@@ -1285,7 +1358,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1285
1358
  </label>
1286
1359
  </div>
1287
1360
  <div
1288
- class="text grow basis shrinkOff"
1361
+ class="labelContainer grow basis shrinkOff"
1289
1362
  data-id="boxComponent"
1290
1363
  data-selector-id="box"
1291
1364
  data-test-id="boxComponent"
@@ -1293,7 +1366,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
1293
1366
  <label
1294
1367
  class="label title medium default font_default
1295
1368
  dotted cursor dangercheckedActive
1296
- dangerLabel pointer "
1369
+ dangerLabel pointer "
1297
1370
  data-id="RadioText_label"
1298
1371
  data-selector-id="label"
1299
1372
  data-test-id="RadioText_label"
@@ -1320,7 +1393,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1320
1393
  >
1321
1394
  <div
1322
1395
  class="radio rdBoxprimary
1323
- hoverprimary medium filled centerPathprimary shrinkOff"
1396
+ hoverprimary medium filled centerPathprimary shrinkOff"
1324
1397
  data-id="boxComponent"
1325
1398
  data-selector-id="box"
1326
1399
  data-test-id="boxComponent"
@@ -1352,7 +1425,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1352
1425
  </label>
1353
1426
  </div>
1354
1427
  <div
1355
- class="text grow basis shrinkOff"
1428
+ class="labelContainer grow basis shrinkOff"
1356
1429
  data-id="boxComponent"
1357
1430
  data-selector-id="box"
1358
1431
  data-test-id="boxComponent"
@@ -1360,7 +1433,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
1360
1433
  <label
1361
1434
  class="label title medium default font_default
1362
1435
  dotted cursor primarycheckedActive
1363
- primaryLabel pointer "
1436
+ primaryLabel pointer "
1364
1437
  data-id="RadioText_label"
1365
1438
  data-selector-id="label"
1366
1439
  data-test-id="RadioText_label"
@@ -1387,7 +1460,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1387
1460
  >
1388
1461
  <div
1389
1462
  class="radio
1390
- hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1463
+ hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
1391
1464
  data-id="boxComponent"
1392
1465
  data-selector-id="box"
1393
1466
  data-test-id="boxComponent"
@@ -1413,7 +1486,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1413
1486
  </label>
1414
1487
  </div>
1415
1488
  <div
1416
- class="text grow basis shrinkOff"
1489
+ class="labelContainer grow basis shrinkOff"
1417
1490
  data-id="boxComponent"
1418
1491
  data-selector-id="box"
1419
1492
  data-test-id="boxComponent"
@@ -1421,7 +1494,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
1421
1494
  <label
1422
1495
  class="label title medium default font_default
1423
1496
  dotted cursor
1424
- primaryLabel pointer CustomClassCustomLabel "
1497
+ primaryLabel pointer CustomClassCustomLabel "
1425
1498
  data-id="RadioText_label"
1426
1499
  data-selector-id="label"
1427
1500
  data-test-id="RadioText_label"
@@ -1448,7 +1521,7 @@ exports[`Radio rendering the defult props 1`] = `
1448
1521
  >
1449
1522
  <div
1450
1523
  class="radio
1451
- hoverprimary medium filled centerPathprimary shrinkOff"
1524
+ hoverprimary medium filled centerPathprimary shrinkOff"
1452
1525
  data-id="boxComponent"
1453
1526
  data-selector-id="box"
1454
1527
  data-test-id="boxComponent"
@@ -1491,7 +1564,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1491
1564
  >
1492
1565
  <div
1493
1566
  class="radio
1494
- medium filled centerPathdanger disabled shrinkOff"
1567
+ medium filled centerPathdanger disabled shrinkOff"
1495
1568
  data-id="boxComponent"
1496
1569
  data-selector-id="box"
1497
1570
  data-test-id="boxComponent"
@@ -1517,15 +1590,15 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
1517
1590
  </label>
1518
1591
  </div>
1519
1592
  <div
1520
- class="text disabled grow basis shrinkOff"
1593
+ class="labelContainer grow basis shrinkOff"
1521
1594
  data-id="boxComponent"
1522
1595
  data-selector-id="box"
1523
1596
  data-test-id="boxComponent"
1524
1597
  >
1525
1598
  <label
1526
1599
  class="label title medium default font_default
1527
- dotted cursor
1528
- dangerLabel "
1600
+ dotted cursor disabled
1601
+ dangerLabel "
1529
1602
  data-id="RadioText_label"
1530
1603
  data-selector-id="label"
1531
1604
  data-test-id="RadioText_label"
@@ -1552,7 +1625,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1552
1625
  >
1553
1626
  <div
1554
1627
  class="radio
1555
- medium filled centerPathprimary disabled shrinkOff"
1628
+ medium filled centerPathprimary disabled shrinkOff"
1556
1629
  data-id="boxComponent"
1557
1630
  data-selector-id="box"
1558
1631
  data-test-id="boxComponent"
@@ -1578,15 +1651,15 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
1578
1651
  </label>
1579
1652
  </div>
1580
1653
  <div
1581
- class="text disabled grow basis shrinkOff"
1654
+ class="labelContainer grow basis shrinkOff"
1582
1655
  data-id="boxComponent"
1583
1656
  data-selector-id="box"
1584
1657
  data-test-id="boxComponent"
1585
1658
  >
1586
1659
  <label
1587
1660
  class="label title medium default font_default
1588
- dotted cursor
1589
- primaryLabel "
1661
+ dotted cursor disabled
1662
+ primaryLabel "
1590
1663
  data-id="RadioText_label"
1591
1664
  data-selector-id="label"
1592
1665
  data-test-id="RadioText_label"
@@ -1614,7 +1687,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
1614
1687
  >
1615
1688
  <div
1616
1689
  class="radio
1617
- medium filled centerPathprimary disabled shrinkOff"
1690
+ medium filled centerPathprimary disabled shrinkOff"
1618
1691
  data-id="boxComponent"
1619
1692
  data-selector-id="box"
1620
1693
  data-test-id="boxComponent"
@@ -1640,15 +1713,15 @@ exports[`Radio rendering the disabledTitle 1`] = `
1640
1713
  </label>
1641
1714
  </div>
1642
1715
  <div
1643
- class="text disabled grow basis shrinkOff"
1716
+ class="labelContainer grow basis shrinkOff"
1644
1717
  data-id="boxComponent"
1645
1718
  data-selector-id="box"
1646
1719
  data-test-id="boxComponent"
1647
1720
  >
1648
1721
  <label
1649
1722
  class="label title medium default font_default
1650
- dotted cursor
1651
- primaryLabel "
1723
+ dotted cursor disabled
1724
+ primaryLabel "
1652
1725
  data-id="RadioText_label"
1653
1726
  data-selector-id="label"
1654
1727
  data-test-id="RadioText_label"
@@ -1675,7 +1748,7 @@ exports[`Radio rendering the isFilled is false 1`] = `
1675
1748
  >
1676
1749
  <div
1677
1750
  class="radio
1678
- hoverprimary medium centerPathprimary shrinkOff"
1751
+ hoverprimary medium centerPathprimary shrinkOff"
1679
1752
  data-id="boxComponent"
1680
1753
  data-selector-id="box"
1681
1754
  data-test-id="boxComponent"
@@ -1718,7 +1791,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
1718
1791
  >
1719
1792
  <div
1720
1793
  class="radio
1721
- medium filled centerPathprimary disabled shrinkOff"
1794
+ medium filled centerPathprimary disabled shrinkOff"
1722
1795
  data-id="boxComponent"
1723
1796
  data-selector-id="box"
1724
1797
  data-test-id="boxComponent"
@@ -1761,7 +1834,7 @@ exports[`Radio rendering the text 1`] = `
1761
1834
  >
1762
1835
  <div
1763
1836
  class="radio
1764
- hoverprimary medium filled centerPathprimary shrinkOff"
1837
+ hoverprimary medium filled centerPathprimary shrinkOff"
1765
1838
  data-id="boxComponent"
1766
1839
  data-selector-id="box"
1767
1840
  data-test-id="boxComponent"
@@ -1787,7 +1860,7 @@ exports[`Radio rendering the text 1`] = `
1787
1860
  </label>
1788
1861
  </div>
1789
1862
  <div
1790
- class="text grow basis shrinkOff"
1863
+ class="labelContainer grow basis shrinkOff"
1791
1864
  data-id="boxComponent"
1792
1865
  data-selector-id="box"
1793
1866
  data-test-id="boxComponent"
@@ -1795,7 +1868,7 @@ exports[`Radio rendering the text 1`] = `
1795
1868
  <label
1796
1869
  class="label title medium default font_default
1797
1870
  dotted cursor
1798
- primaryLabel pointer "
1871
+ primaryLabel pointer "
1799
1872
  data-id="RadioText_label"
1800
1873
  data-selector-id="label"
1801
1874
  data-test-id="RadioText_label"
@@ -1823,7 +1896,7 @@ exports[`Radio rendering the title 1`] = `
1823
1896
  >
1824
1897
  <div
1825
1898
  class="radio
1826
- hoverprimary medium filled centerPathprimary shrinkOff"
1899
+ hoverprimary medium filled centerPathprimary shrinkOff"
1827
1900
  data-id="boxComponent"
1828
1901
  data-selector-id="box"
1829
1902
  data-test-id="boxComponent"
@@ -1849,7 +1922,7 @@ exports[`Radio rendering the title 1`] = `
1849
1922
  </label>
1850
1923
  </div>
1851
1924
  <div
1852
- class="text grow basis shrinkOff"
1925
+ class="labelContainer grow basis shrinkOff"
1853
1926
  data-id="boxComponent"
1854
1927
  data-selector-id="box"
1855
1928
  data-test-id="boxComponent"
@@ -1857,7 +1930,7 @@ exports[`Radio rendering the title 1`] = `
1857
1930
  <label
1858
1931
  class="label title medium default font_default
1859
1932
  dotted cursor
1860
- primaryLabel pointer "
1933
+ primaryLabel pointer "
1861
1934
  data-id="RadioText_label"
1862
1935
  data-selector-id="label"
1863
1936
  data-test-id="RadioText_label"
@@ -1885,7 +1958,7 @@ exports[`Radio renders with different onClick props 1`] = `
1885
1958
  >
1886
1959
  <div
1887
1960
  class="radio
1888
- hoverprimary medium filled centerPathprimary shrinkOff"
1961
+ hoverprimary medium filled centerPathprimary shrinkOff"
1889
1962
  data-id="boxComponent"
1890
1963
  data-selector-id="box"
1891
1964
  data-test-id="boxComponent"