@khanacademy/perseus 1.3.1 → 1.3.2

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 (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/es/index.js +11 -2
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.js +11 -2
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap +5 -5
  8. package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap +5 -5
  9. package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap +52 -52
  10. package/src/widgets/radio/choice.jsx +9 -0
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Core Perseus API (includes renderers and widgets)",
4
4
  "author": "Khan Academy",
5
5
  "license": "MIT",
6
- "version": "1.3.1",
6
+ "version": "1.3.2",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap CHANGED
@@ -137,7 +137,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
137
137
  >
138
138
  <div
139
139
  class="description description_psmgei"
140
- style="flex-direction: column;"
140
+ style="flex-direction: column; color: rgb(33, 36, 44);"
141
141
  >
142
142
  <div
143
143
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -314,7 +314,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
314
314
  >
315
315
  <div
316
316
  class="description description_psmgei"
317
- style="flex-direction: column;"
317
+ style="flex-direction: column; color: rgb(33, 36, 44);"
318
318
  >
319
319
  <div
320
320
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -491,7 +491,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
491
491
  >
492
492
  <div
493
493
  class="description description_psmgei"
494
- style="flex-direction: column;"
494
+ style="flex-direction: column; color: rgb(33, 36, 44);"
495
495
  >
496
496
  <div
497
497
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -668,7 +668,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
668
668
  >
669
669
  <div
670
670
  class="description description_psmgei"
671
- style="flex-direction: column;"
671
+ style="flex-direction: column; color: rgb(33, 36, 44);"
672
672
  >
673
673
  <div
674
674
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -845,7 +845,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
845
845
  >
846
846
  <div
847
847
  class="description description_psmgei"
848
- style="flex-direction: column;"
848
+ style="flex-direction: column; color: rgb(33, 36, 44);"
849
849
  >
850
850
  <div
851
851
  style="display: flex; flex-direction: row; opacity: 1;"
package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap CHANGED
@@ -142,7 +142,7 @@ exports[`group widget should snapshot: initial render 1`] = `
142
142
  >
143
143
  <div
144
144
  class="description description_psmgei"
145
- style="flex-direction: column;"
145
+ style="flex-direction: column; color: rgb(33, 36, 44);"
146
146
  >
147
147
  <div
148
148
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -267,7 +267,7 @@ exports[`group widget should snapshot: initial render 1`] = `
267
267
  >
268
268
  <div
269
269
  class="description description_psmgei"
270
- style="flex-direction: column;"
270
+ style="flex-direction: column; color: rgb(33, 36, 44);"
271
271
  >
272
272
  <div
273
273
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -392,7 +392,7 @@ exports[`group widget should snapshot: initial render 1`] = `
392
392
  >
393
393
  <div
394
394
  class="description description_psmgei"
395
- style="flex-direction: column;"
395
+ style="flex-direction: column; color: rgb(33, 36, 44);"
396
396
  >
397
397
  <div
398
398
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -517,7 +517,7 @@ exports[`group widget should snapshot: initial render 1`] = `
517
517
  >
518
518
  <div
519
519
  class="description description_psmgei"
520
- style="flex-direction: column;"
520
+ style="flex-direction: column; color: rgb(33, 36, 44);"
521
521
  >
522
522
  <div
523
523
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -642,7 +642,7 @@ exports[`group widget should snapshot: initial render 1`] = `
642
642
  >
643
643
  <div
644
644
  class="description description_psmgei"
645
- style="flex-direction: column;"
645
+ style="flex-direction: column; color: rgb(33, 36, 44);"
646
646
  >
647
647
  <div
648
648
  style="display: flex; flex-direction: row; opacity: 1;"
package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap CHANGED
@@ -68,7 +68,7 @@ exports[`multi-choice question should snapshot the same when invalid: invalid st
68
68
  >
69
69
  <div
70
70
  class="description description_psmgei"
71
- style="flex-direction: column;"
71
+ style="flex-direction: column; color: rgb(33, 36, 44);"
72
72
  >
73
73
  <div
74
74
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -193,7 +193,7 @@ exports[`multi-choice question should snapshot the same when invalid: invalid st
193
193
  >
194
194
  <div
195
195
  class="description description_psmgei"
196
- style="flex-direction: column;"
196
+ style="flex-direction: column; color: rgb(33, 36, 44);"
197
197
  >
198
198
  <div
199
199
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -318,7 +318,7 @@ exports[`multi-choice question should snapshot the same when invalid: invalid st
318
318
  >
319
319
  <div
320
320
  class="description description_psmgei"
321
- style="flex-direction: column;"
321
+ style="flex-direction: column; color: rgb(33, 36, 44);"
322
322
  >
323
323
  <div
324
324
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -443,7 +443,7 @@ exports[`multi-choice question should snapshot the same when invalid: invalid st
443
443
  >
444
444
  <div
445
445
  class="description description_psmgei"
446
- style="flex-direction: column;"
446
+ style="flex-direction: column; color: rgb(33, 36, 44);"
447
447
  >
448
448
  <div
449
449
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -672,7 +672,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
672
672
  >
673
673
  <div
674
674
  class="description description_psmgei"
675
- style="flex-direction: column;"
675
+ style="flex-direction: column; color: rgb(33, 36, 44);"
676
676
  >
677
677
  <div
678
678
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -823,7 +823,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
823
823
  >
824
824
  <div
825
825
  class="description description_psmgei"
826
- style="flex-direction: column;"
826
+ style="flex-direction: column; color: rgb(33, 36, 44);"
827
827
  >
828
828
  <div
829
829
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -948,7 +948,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
948
948
  >
949
949
  <div
950
950
  class="description description_psmgei"
951
- style="flex-direction: column;"
951
+ style="flex-direction: column; color: rgb(33, 36, 44);"
952
952
  >
953
953
  <div
954
954
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -1073,7 +1073,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
1073
1073
  >
1074
1074
  <div
1075
1075
  class="description description_psmgei"
1076
- style="flex-direction: column;"
1076
+ style="flex-direction: column; color: rgb(33, 36, 44);"
1077
1077
  >
1078
1078
  <div
1079
1079
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -1288,7 +1288,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
1288
1288
  >
1289
1289
  <div
1290
1290
  class="description description_psmgei"
1291
- style="flex-direction: column;"
1291
+ style="flex-direction: column; color: rgb(33, 36, 44);"
1292
1292
  >
1293
1293
  <div
1294
1294
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -1439,7 +1439,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
1439
1439
  >
1440
1440
  <div
1441
1441
  class="description description_psmgei"
1442
- style="flex-direction: column;"
1442
+ style="flex-direction: column; color: rgb(33, 36, 44);"
1443
1443
  >
1444
1444
  <div
1445
1445
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -1564,7 +1564,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
1564
1564
  >
1565
1565
  <div
1566
1566
  class="description description_psmgei"
1567
- style="flex-direction: column;"
1567
+ style="flex-direction: column; color: rgb(33, 36, 44);"
1568
1568
  >
1569
1569
  <div
1570
1570
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -1689,7 +1689,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
1689
1689
  >
1690
1690
  <div
1691
1691
  class="description description_psmgei"
1692
- style="flex-direction: column;"
1692
+ style="flex-direction: column; color: rgb(33, 36, 44);"
1693
1693
  >
1694
1694
  <div
1695
1695
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -1904,7 +1904,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
1904
1904
  >
1905
1905
  <div
1906
1906
  class="description description_psmgei"
1907
- style="flex-direction: column;"
1907
+ style="flex-direction: column; color: rgb(33, 36, 44);"
1908
1908
  >
1909
1909
  <div
1910
1910
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2055,7 +2055,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
2055
2055
  >
2056
2056
  <div
2057
2057
  class="description description_psmgei"
2058
- style="flex-direction: column;"
2058
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2059
2059
  >
2060
2060
  <div
2061
2061
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2180,7 +2180,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
2180
2180
  >
2181
2181
  <div
2182
2182
  class="description description_psmgei"
2183
- style="flex-direction: column;"
2183
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2184
2184
  >
2185
2185
  <div
2186
2186
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2305,7 +2305,7 @@ exports[`single-choice question satStyling: false reviewMode: false should snaps
2305
2305
  >
2306
2306
  <div
2307
2307
  class="description description_psmgei"
2308
- style="flex-direction: column;"
2308
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2309
2309
  >
2310
2310
  <div
2311
2311
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2520,7 +2520,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
2520
2520
  >
2521
2521
  <div
2522
2522
  class="description description_psmgei"
2523
- style="flex-direction: column;"
2523
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2524
2524
  >
2525
2525
  <div
2526
2526
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2671,7 +2671,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
2671
2671
  >
2672
2672
  <div
2673
2673
  class="description description_psmgei"
2674
- style="flex-direction: column;"
2674
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2675
2675
  >
2676
2676
  <div
2677
2677
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2796,7 +2796,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
2796
2796
  >
2797
2797
  <div
2798
2798
  class="description description_psmgei"
2799
- style="flex-direction: column;"
2799
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2800
2800
  >
2801
2801
  <div
2802
2802
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -2921,7 +2921,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
2921
2921
  >
2922
2922
  <div
2923
2923
  class="description description_psmgei"
2924
- style="flex-direction: column;"
2924
+ style="flex-direction: column; color: rgb(33, 36, 44);"
2925
2925
  >
2926
2926
  <div
2927
2927
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -3136,7 +3136,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
3136
3136
  >
3137
3137
  <div
3138
3138
  class="description description_psmgei"
3139
- style="flex-direction: column;"
3139
+ style="flex-direction: column; color: rgb(33, 36, 44);"
3140
3140
  >
3141
3141
  <div
3142
3142
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -3287,7 +3287,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
3287
3287
  >
3288
3288
  <div
3289
3289
  class="description description_psmgei"
3290
- style="flex-direction: column;"
3290
+ style="flex-direction: column; color: rgb(33, 36, 44);"
3291
3291
  >
3292
3292
  <div
3293
3293
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -3412,7 +3412,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
3412
3412
  >
3413
3413
  <div
3414
3414
  class="description description_psmgei"
3415
- style="flex-direction: column;"
3415
+ style="flex-direction: column; color: rgb(33, 36, 44);"
3416
3416
  >
3417
3417
  <div
3418
3418
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -3537,7 +3537,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
3537
3537
  >
3538
3538
  <div
3539
3539
  class="description description_psmgei"
3540
- style="flex-direction: column;"
3540
+ style="flex-direction: column; color: rgb(33, 36, 44);"
3541
3541
  >
3542
3542
  <div
3543
3543
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -3752,7 +3752,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
3752
3752
  >
3753
3753
  <div
3754
3754
  class="description description_psmgei"
3755
- style="flex-direction: column;"
3755
+ style="flex-direction: column; color: rgb(33, 36, 44);"
3756
3756
  >
3757
3757
  <div
3758
3758
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -3988,7 +3988,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
3988
3988
  >
3989
3989
  <div
3990
3990
  class="description description_psmgei"
3991
- style="flex-direction: column;"
3991
+ style="flex-direction: column; color: rgb(33, 36, 44);"
3992
3992
  >
3993
3993
  <div
3994
3994
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -4182,7 +4182,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
4182
4182
  >
4183
4183
  <div
4184
4184
  class="description description_psmgei"
4185
- style="flex-direction: column;"
4185
+ style="flex-direction: column; color: rgb(33, 36, 44);"
4186
4186
  >
4187
4187
  <div
4188
4188
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -4371,7 +4371,7 @@ exports[`single-choice question satStyling: false reviewMode: true should snapsh
4371
4371
  >
4372
4372
  <div
4373
4373
  class="description description_psmgei"
4374
- style="flex-direction: column;"
4374
+ style="flex-direction: column; color: rgb(33, 36, 44);"
4375
4375
  >
4376
4376
  <div
4377
4377
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -4627,7 +4627,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
4627
4627
  >
4628
4628
  <div
4629
4629
  class="description satDescription_paz1ug"
4630
- style="flex-direction: column;"
4630
+ style="flex-direction: column; color: rgb(33, 36, 44);"
4631
4631
  >
4632
4632
  <div
4633
4633
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -4773,7 +4773,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
4773
4773
  >
4774
4774
  <div
4775
4775
  class="description satDescription_paz1ug"
4776
- style="flex-direction: column;"
4776
+ style="flex-direction: column; color: rgb(33, 36, 44);"
4777
4777
  >
4778
4778
  <div
4779
4779
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -4893,7 +4893,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
4893
4893
  >
4894
4894
  <div
4895
4895
  class="description satDescription_paz1ug"
4896
- style="flex-direction: column;"
4896
+ style="flex-direction: column; color: rgb(33, 36, 44);"
4897
4897
  >
4898
4898
  <div
4899
4899
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5013,7 +5013,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5013
5013
  >
5014
5014
  <div
5015
5015
  class="description satDescription_paz1ug"
5016
- style="flex-direction: column;"
5016
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5017
5017
  >
5018
5018
  <div
5019
5019
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5212,7 +5212,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5212
5212
  >
5213
5213
  <div
5214
5214
  class="description satDescription_paz1ug"
5215
- style="flex-direction: column;"
5215
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5216
5216
  >
5217
5217
  <div
5218
5218
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5358,7 +5358,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5358
5358
  >
5359
5359
  <div
5360
5360
  class="description satDescription_paz1ug"
5361
- style="flex-direction: column;"
5361
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5362
5362
  >
5363
5363
  <div
5364
5364
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5478,7 +5478,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5478
5478
  >
5479
5479
  <div
5480
5480
  class="description satDescription_paz1ug"
5481
- style="flex-direction: column;"
5481
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5482
5482
  >
5483
5483
  <div
5484
5484
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5598,7 +5598,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5598
5598
  >
5599
5599
  <div
5600
5600
  class="description satDescription_paz1ug"
5601
- style="flex-direction: column;"
5601
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5602
5602
  >
5603
5603
  <div
5604
5604
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5797,7 +5797,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5797
5797
  >
5798
5798
  <div
5799
5799
  class="description satDescription_paz1ug"
5800
- style="flex-direction: column;"
5800
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5801
5801
  >
5802
5802
  <div
5803
5803
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -5943,7 +5943,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
5943
5943
  >
5944
5944
  <div
5945
5945
  class="description satDescription_paz1ug"
5946
- style="flex-direction: column;"
5946
+ style="flex-direction: column; color: rgb(33, 36, 44);"
5947
5947
  >
5948
5948
  <div
5949
5949
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6063,7 +6063,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
6063
6063
  >
6064
6064
  <div
6065
6065
  class="description satDescription_paz1ug"
6066
- style="flex-direction: column;"
6066
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6067
6067
  >
6068
6068
  <div
6069
6069
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6183,7 +6183,7 @@ exports[`single-choice question satStyling: true reviewMode: false should snapsh
6183
6183
  >
6184
6184
  <div
6185
6185
  class="description satDescription_paz1ug"
6186
- style="flex-direction: column;"
6186
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6187
6187
  >
6188
6188
  <div
6189
6189
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6382,7 +6382,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
6382
6382
  >
6383
6383
  <div
6384
6384
  class="description satDescription_paz1ug"
6385
- style="flex-direction: column;"
6385
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6386
6386
  >
6387
6387
  <div
6388
6388
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6528,7 +6528,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
6528
6528
  >
6529
6529
  <div
6530
6530
  class="description satDescription_paz1ug"
6531
- style="flex-direction: column;"
6531
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6532
6532
  >
6533
6533
  <div
6534
6534
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6648,7 +6648,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
6648
6648
  >
6649
6649
  <div
6650
6650
  class="description satDescription_paz1ug"
6651
- style="flex-direction: column;"
6651
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6652
6652
  >
6653
6653
  <div
6654
6654
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6768,7 +6768,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
6768
6768
  >
6769
6769
  <div
6770
6770
  class="description satDescription_paz1ug"
6771
- style="flex-direction: column;"
6771
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6772
6772
  >
6773
6773
  <div
6774
6774
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -6967,7 +6967,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
6967
6967
  >
6968
6968
  <div
6969
6969
  class="description satDescription_paz1ug"
6970
- style="flex-direction: column;"
6970
+ style="flex-direction: column; color: rgb(33, 36, 44);"
6971
6971
  >
6972
6972
  <div
6973
6973
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -7113,7 +7113,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
7113
7113
  >
7114
7114
  <div
7115
7115
  class="description satDescription_paz1ug"
7116
- style="flex-direction: column;"
7116
+ style="flex-direction: column; color: rgb(33, 36, 44);"
7117
7117
  >
7118
7118
  <div
7119
7119
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -7233,7 +7233,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
7233
7233
  >
7234
7234
  <div
7235
7235
  class="description satDescription_paz1ug"
7236
- style="flex-direction: column;"
7236
+ style="flex-direction: column; color: rgb(33, 36, 44);"
7237
7237
  >
7238
7238
  <div
7239
7239
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -7353,7 +7353,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
7353
7353
  >
7354
7354
  <div
7355
7355
  class="description satDescription_paz1ug"
7356
- style="flex-direction: column;"
7356
+ style="flex-direction: column; color: rgb(33, 36, 44);"
7357
7357
  >
7358
7358
  <div
7359
7359
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -7552,7 +7552,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
7552
7552
  >
7553
7553
  <div
7554
7554
  class="description satDescription_paz1ug"
7555
- style="flex-direction: column;"
7555
+ style="flex-direction: column; color: rgb(33, 36, 44);"
7556
7556
  >
7557
7557
  <div
7558
7558
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -7765,7 +7765,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
7765
7765
  >
7766
7766
  <div
7767
7767
  class="description satDescription_paz1ug"
7768
- style="flex-direction: column;"
7768
+ style="flex-direction: column; color: rgb(33, 36, 44);"
7769
7769
  >
7770
7770
  <div
7771
7771
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -7936,7 +7936,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
7936
7936
  >
7937
7937
  <div
7938
7938
  class="description sat-correct satDescription_paz1ug"
7939
- style="flex-direction: column;"
7939
+ style="flex-direction: column; color: rgb(33, 36, 44);"
7940
7940
  >
7941
7941
  <div
7942
7942
  style="display: flex; flex-direction: row; opacity: 1;"
@@ -8102,7 +8102,7 @@ exports[`single-choice question satStyling: true reviewMode: true should snapsho
8102
8102
  >
8103
8103
  <div
8104
8104
  class="description satDescription_paz1ug"
8105
- style="flex-direction: column;"
8105
+ style="flex-direction: column; color: rgb(33, 36, 44);"
8106
8106
  >
8107
8107
  <div
8108
8108
  style="display: flex; flex-direction: row; opacity: 1;"
package/src/widgets/radio/choice.jsx CHANGED
@@ -177,6 +177,7 @@ function Choice(props: ChoicePropsWithForwardRef): React.Node {
177
177
  style={{
178
178
  dispay: "flex",
179
179
  flexDirection: "column",
180
+ color: Color.offBlack,
180
181
  }}
181
182
  className={descriptionClassName}
182
183
  >
@@ -340,6 +341,14 @@ function Choice(props: ChoicePropsWithForwardRef): React.Node {
340
341
  pos,
341
342
  )}`}
342
343
  disabled={apiOptions.staticRender}
344
+ style={{
345
+ alignSelf: "center",
346
+ padding: "5px",
347
+ display: "flex",
348
+ justifyContent: "center",
349
+ alignItems: "center",
350
+ marginLeft: "10px",
351
+ }}
343
352
  >
344
353
  {({hovered, focused, pressed}) => (
345
354
  <Icon