@khanacademy/wonder-blocks-form 2.4.7 → 2.4.8

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 (5) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.js +202 -172
  3. package/package.json +6 -6
  4. package/src/__tests__/__snapshots__/custom-snapshot.test.js.snap +60 -60
  5. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +292 -292
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-form",
3
- "version": "2.4.7",
3
+ "version": "2.4.8",
4
4
  "design": "v1",
5
5
  "description": "Form components for Wonder Blocks.",
6
6
  "main": "dist/index.js",
@@ -16,13 +16,13 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.18.6",
19
- "@khanacademy/wonder-blocks-clickable": "^2.3.0",
19
+ "@khanacademy/wonder-blocks-clickable": "^2.3.1",
20
20
  "@khanacademy/wonder-blocks-color": "^1.2.0",
21
- "@khanacademy/wonder-blocks-core": "^4.3.2",
22
- "@khanacademy/wonder-blocks-icon": "^1.2.29",
23
- "@khanacademy/wonder-blocks-layout": "^1.4.10",
21
+ "@khanacademy/wonder-blocks-core": "^4.4.0",
22
+ "@khanacademy/wonder-blocks-icon": "^1.2.30",
23
+ "@khanacademy/wonder-blocks-layout": "^1.4.11",
24
24
  "@khanacademy/wonder-blocks-spacing": "^3.0.5",
25
- "@khanacademy/wonder-blocks-typography": "^1.1.32"
25
+ "@khanacademy/wonder-blocks-typography": "^1.1.33"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "aphrodite": "^1.2.5",
package/src/__tests__/__snapshots__/custom-snapshot.test.js.snap CHANGED
@@ -8,7 +8,7 @@ exports[`CheckboxCore type:default state:default checked:false 1`] = `
8
8
  disabled={false}
9
9
  onChange={[Function]}
10
10
  style={
11
- Object {
11
+ {
12
12
  "MozAppearance": "none",
13
13
  "WebkitAppearance": "none",
14
14
  "appearance": "none",
@@ -31,7 +31,7 @@ exports[`CheckboxCore type:default state:default checked:false 1`] = `
31
31
  `;
32
32
 
33
33
  exports[`CheckboxCore type:default state:default checked:true 1`] = `
34
- Array [
34
+ [
35
35
  <input
36
36
  aria-invalid={false}
37
37
  checked={true}
@@ -39,7 +39,7 @@ Array [
39
39
  disabled={false}
40
40
  onChange={[Function]}
41
41
  style={
42
- Object {
42
+ {
43
43
  "MozAppearance": "none",
44
44
  "WebkitAppearance": "none",
45
45
  "appearance": "none",
@@ -62,7 +62,7 @@ Array [
62
62
  className=""
63
63
  height={16}
64
64
  style={
65
- Object {
65
+ {
66
66
  "display": "inline-block",
67
67
  "flexGrow": 0,
68
68
  "flexShrink": 0,
@@ -90,7 +90,7 @@ exports[`CheckboxCore type:default state:hovered checked:false 1`] = `
90
90
  disabled={false}
91
91
  onChange={[Function]}
92
92
  style={
93
- Object {
93
+ {
94
94
  "MozAppearance": "none",
95
95
  "WebkitAppearance": "none",
96
96
  "appearance": "none",
@@ -113,7 +113,7 @@ exports[`CheckboxCore type:default state:hovered checked:false 1`] = `
113
113
  `;
114
114
 
115
115
  exports[`CheckboxCore type:default state:hovered checked:true 1`] = `
116
- Array [
116
+ [
117
117
  <input
118
118
  aria-invalid={false}
119
119
  checked={true}
@@ -121,7 +121,7 @@ Array [
121
121
  disabled={false}
122
122
  onChange={[Function]}
123
123
  style={
124
- Object {
124
+ {
125
125
  "MozAppearance": "none",
126
126
  "WebkitAppearance": "none",
127
127
  "appearance": "none",
@@ -145,7 +145,7 @@ Array [
145
145
  className=""
146
146
  height={16}
147
147
  style={
148
- Object {
148
+ {
149
149
  "display": "inline-block",
150
150
  "flexGrow": 0,
151
151
  "flexShrink": 0,
@@ -173,7 +173,7 @@ exports[`CheckboxCore type:default state:pressed checked:false 1`] = `
173
173
  disabled={false}
174
174
  onChange={[Function]}
175
175
  style={
176
- Object {
176
+ {
177
177
  "MozAppearance": "none",
178
178
  "WebkitAppearance": "none",
179
179
  "appearance": "none",
@@ -196,7 +196,7 @@ exports[`CheckboxCore type:default state:pressed checked:false 1`] = `
196
196
  `;
197
197
 
198
198
  exports[`CheckboxCore type:default state:pressed checked:true 1`] = `
199
- Array [
199
+ [
200
200
  <input
201
201
  aria-invalid={false}
202
202
  checked={true}
@@ -204,7 +204,7 @@ Array [
204
204
  disabled={false}
205
205
  onChange={[Function]}
206
206
  style={
207
- Object {
207
+ {
208
208
  "MozAppearance": "none",
209
209
  "WebkitAppearance": "none",
210
210
  "appearance": "none",
@@ -229,7 +229,7 @@ Array [
229
229
  className=""
230
230
  height={16}
231
231
  style={
232
- Object {
232
+ {
233
233
  "display": "inline-block",
234
234
  "flexGrow": 0,
235
235
  "flexShrink": 0,
@@ -257,7 +257,7 @@ exports[`CheckboxCore type:disabled state:default checked:false 1`] = `
257
257
  disabled={true}
258
258
  onChange={[Function]}
259
259
  style={
260
- Object {
260
+ {
261
261
  "MozAppearance": "none",
262
262
  "WebkitAppearance": "none",
263
263
  "appearance": "none",
@@ -281,7 +281,7 @@ exports[`CheckboxCore type:disabled state:default checked:false 1`] = `
281
281
  `;
282
282
 
283
283
  exports[`CheckboxCore type:disabled state:default checked:true 1`] = `
284
- Array [
284
+ [
285
285
  <input
286
286
  aria-invalid={false}
287
287
  checked={true}
@@ -289,7 +289,7 @@ Array [
289
289
  disabled={true}
290
290
  onChange={[Function]}
291
291
  style={
292
- Object {
292
+ {
293
293
  "MozAppearance": "none",
294
294
  "WebkitAppearance": "none",
295
295
  "appearance": "none",
@@ -314,7 +314,7 @@ Array [
314
314
  className=""
315
315
  height={16}
316
316
  style={
317
- Object {
317
+ {
318
318
  "display": "inline-block",
319
319
  "flexGrow": 0,
320
320
  "flexShrink": 0,
@@ -342,7 +342,7 @@ exports[`CheckboxCore type:disabled state:hovered checked:false 1`] = `
342
342
  disabled={true}
343
343
  onChange={[Function]}
344
344
  style={
345
- Object {
345
+ {
346
346
  "MozAppearance": "none",
347
347
  "WebkitAppearance": "none",
348
348
  "appearance": "none",
@@ -366,7 +366,7 @@ exports[`CheckboxCore type:disabled state:hovered checked:false 1`] = `
366
366
  `;
367
367
 
368
368
  exports[`CheckboxCore type:disabled state:hovered checked:true 1`] = `
369
- Array [
369
+ [
370
370
  <input
371
371
  aria-invalid={false}
372
372
  checked={true}
@@ -374,7 +374,7 @@ Array [
374
374
  disabled={true}
375
375
  onChange={[Function]}
376
376
  style={
377
- Object {
377
+ {
378
378
  "MozAppearance": "none",
379
379
  "WebkitAppearance": "none",
380
380
  "appearance": "none",
@@ -399,7 +399,7 @@ Array [
399
399
  className=""
400
400
  height={16}
401
401
  style={
402
- Object {
402
+ {
403
403
  "display": "inline-block",
404
404
  "flexGrow": 0,
405
405
  "flexShrink": 0,
@@ -427,7 +427,7 @@ exports[`CheckboxCore type:disabled state:pressed checked:false 1`] = `
427
427
  disabled={true}
428
428
  onChange={[Function]}
429
429
  style={
430
- Object {
430
+ {
431
431
  "MozAppearance": "none",
432
432
  "WebkitAppearance": "none",
433
433
  "appearance": "none",
@@ -451,7 +451,7 @@ exports[`CheckboxCore type:disabled state:pressed checked:false 1`] = `
451
451
  `;
452
452
 
453
453
  exports[`CheckboxCore type:disabled state:pressed checked:true 1`] = `
454
- Array [
454
+ [
455
455
  <input
456
456
  aria-invalid={false}
457
457
  checked={true}
@@ -459,7 +459,7 @@ Array [
459
459
  disabled={true}
460
460
  onChange={[Function]}
461
461
  style={
462
- Object {
462
+ {
463
463
  "MozAppearance": "none",
464
464
  "WebkitAppearance": "none",
465
465
  "appearance": "none",
@@ -484,7 +484,7 @@ Array [
484
484
  className=""
485
485
  height={16}
486
486
  style={
487
- Object {
487
+ {
488
488
  "display": "inline-block",
489
489
  "flexGrow": 0,
490
490
  "flexShrink": 0,
@@ -512,7 +512,7 @@ exports[`CheckboxCore type:error state:default checked:false 1`] = `
512
512
  disabled={false}
513
513
  onChange={[Function]}
514
514
  style={
515
- Object {
515
+ {
516
516
  "MozAppearance": "none",
517
517
  "WebkitAppearance": "none",
518
518
  "appearance": "none",
@@ -535,7 +535,7 @@ exports[`CheckboxCore type:error state:default checked:false 1`] = `
535
535
  `;
536
536
 
537
537
  exports[`CheckboxCore type:error state:default checked:true 1`] = `
538
- Array [
538
+ [
539
539
  <input
540
540
  aria-invalid={true}
541
541
  checked={true}
@@ -543,7 +543,7 @@ Array [
543
543
  disabled={false}
544
544
  onChange={[Function]}
545
545
  style={
546
- Object {
546
+ {
547
547
  "MozAppearance": "none",
548
548
  "WebkitAppearance": "none",
549
549
  "appearance": "none",
@@ -566,7 +566,7 @@ Array [
566
566
  className=""
567
567
  height={16}
568
568
  style={
569
- Object {
569
+ {
570
570
  "display": "inline-block",
571
571
  "flexGrow": 0,
572
572
  "flexShrink": 0,
@@ -594,7 +594,7 @@ exports[`CheckboxCore type:error state:hovered checked:false 1`] = `
594
594
  disabled={false}
595
595
  onChange={[Function]}
596
596
  style={
597
- Object {
597
+ {
598
598
  "MozAppearance": "none",
599
599
  "WebkitAppearance": "none",
600
600
  "appearance": "none",
@@ -617,7 +617,7 @@ exports[`CheckboxCore type:error state:hovered checked:false 1`] = `
617
617
  `;
618
618
 
619
619
  exports[`CheckboxCore type:error state:hovered checked:true 1`] = `
620
- Array [
620
+ [
621
621
  <input
622
622
  aria-invalid={true}
623
623
  checked={true}
@@ -625,7 +625,7 @@ Array [
625
625
  disabled={false}
626
626
  onChange={[Function]}
627
627
  style={
628
- Object {
628
+ {
629
629
  "MozAppearance": "none",
630
630
  "WebkitAppearance": "none",
631
631
  "appearance": "none",
@@ -649,7 +649,7 @@ Array [
649
649
  className=""
650
650
  height={16}
651
651
  style={
652
- Object {
652
+ {
653
653
  "display": "inline-block",
654
654
  "flexGrow": 0,
655
655
  "flexShrink": 0,
@@ -677,7 +677,7 @@ exports[`CheckboxCore type:error state:pressed checked:false 1`] = `
677
677
  disabled={false}
678
678
  onChange={[Function]}
679
679
  style={
680
- Object {
680
+ {
681
681
  "MozAppearance": "none",
682
682
  "WebkitAppearance": "none",
683
683
  "appearance": "none",
@@ -700,7 +700,7 @@ exports[`CheckboxCore type:error state:pressed checked:false 1`] = `
700
700
  `;
701
701
 
702
702
  exports[`CheckboxCore type:error state:pressed checked:true 1`] = `
703
- Array [
703
+ [
704
704
  <input
705
705
  aria-invalid={true}
706
706
  checked={true}
@@ -708,7 +708,7 @@ Array [
708
708
  disabled={false}
709
709
  onChange={[Function]}
710
710
  style={
711
- Object {
711
+ {
712
712
  "MozAppearance": "none",
713
713
  "WebkitAppearance": "none",
714
714
  "appearance": "none",
@@ -733,7 +733,7 @@ Array [
733
733
  className=""
734
734
  height={16}
735
735
  style={
736
- Object {
736
+ {
737
737
  "display": "inline-block",
738
738
  "flexGrow": 0,
739
739
  "flexShrink": 0,
@@ -761,7 +761,7 @@ exports[`RadioCore type:default state:default checked:false 1`] = `
761
761
  disabled={false}
762
762
  onChange={[Function]}
763
763
  style={
764
- Object {
764
+ {
765
765
  "MozAppearance": "none",
766
766
  "WebkitAppearance": "none",
767
767
  "appearance": "none",
@@ -791,7 +791,7 @@ exports[`RadioCore type:default state:default checked:true 1`] = `
791
791
  disabled={false}
792
792
  onChange={[Function]}
793
793
  style={
794
- Object {
794
+ {
795
795
  "MozAppearance": "none",
796
796
  "WebkitAppearance": "none",
797
797
  "appearance": "none",
@@ -821,7 +821,7 @@ exports[`RadioCore type:default state:hovered checked:false 1`] = `
821
821
  disabled={false}
822
822
  onChange={[Function]}
823
823
  style={
824
- Object {
824
+ {
825
825
  "MozAppearance": "none",
826
826
  "WebkitAppearance": "none",
827
827
  "appearance": "none",
@@ -851,7 +851,7 @@ exports[`RadioCore type:default state:hovered checked:true 1`] = `
851
851
  disabled={false}
852
852
  onChange={[Function]}
853
853
  style={
854
- Object {
854
+ {
855
855
  "MozAppearance": "none",
856
856
  "WebkitAppearance": "none",
857
857
  "appearance": "none",
@@ -882,7 +882,7 @@ exports[`RadioCore type:default state:pressed checked:false 1`] = `
882
882
  disabled={false}
883
883
  onChange={[Function]}
884
884
  style={
885
- Object {
885
+ {
886
886
  "MozAppearance": "none",
887
887
  "WebkitAppearance": "none",
888
888
  "appearance": "none",
@@ -912,7 +912,7 @@ exports[`RadioCore type:default state:pressed checked:true 1`] = `
912
912
  disabled={false}
913
913
  onChange={[Function]}
914
914
  style={
915
- Object {
915
+ {
916
916
  "MozAppearance": "none",
917
917
  "WebkitAppearance": "none",
918
918
  "appearance": "none",
@@ -943,7 +943,7 @@ exports[`RadioCore type:disabled state:default checked:false 1`] = `
943
943
  disabled={true}
944
944
  onChange={[Function]}
945
945
  style={
946
- Object {
946
+ {
947
947
  "MozAppearance": "none",
948
948
  "WebkitAppearance": "none",
949
949
  "appearance": "none",
@@ -967,7 +967,7 @@ exports[`RadioCore type:disabled state:default checked:false 1`] = `
967
967
  `;
968
968
 
969
969
  exports[`RadioCore type:disabled state:default checked:true 1`] = `
970
- Array [
970
+ [
971
971
  <input
972
972
  aria-invalid={false}
973
973
  checked={true}
@@ -975,7 +975,7 @@ Array [
975
975
  disabled={true}
976
976
  onChange={[Function]}
977
977
  style={
978
- Object {
978
+ {
979
979
  "MozAppearance": "none",
980
980
  "WebkitAppearance": "none",
981
981
  "appearance": "none",
@@ -998,7 +998,7 @@ Array [
998
998
  />,
999
999
  <span
1000
1000
  style={
1001
- Object {
1001
+ {
1002
1002
  "backgroundColor": "rgba(33,36,44,0.32)",
1003
1003
  "borderRadius": "50%",
1004
1004
  "height": 8,
@@ -1020,7 +1020,7 @@ exports[`RadioCore type:disabled state:hovered checked:false 1`] = `
1020
1020
  disabled={true}
1021
1021
  onChange={[Function]}
1022
1022
  style={
1023
- Object {
1023
+ {
1024
1024
  "MozAppearance": "none",
1025
1025
  "WebkitAppearance": "none",
1026
1026
  "appearance": "none",
@@ -1044,7 +1044,7 @@ exports[`RadioCore type:disabled state:hovered checked:false 1`] = `
1044
1044
  `;
1045
1045
 
1046
1046
  exports[`RadioCore type:disabled state:hovered checked:true 1`] = `
1047
- Array [
1047
+ [
1048
1048
  <input
1049
1049
  aria-invalid={false}
1050
1050
  checked={true}
@@ -1052,7 +1052,7 @@ Array [
1052
1052
  disabled={true}
1053
1053
  onChange={[Function]}
1054
1054
  style={
1055
- Object {
1055
+ {
1056
1056
  "MozAppearance": "none",
1057
1057
  "WebkitAppearance": "none",
1058
1058
  "appearance": "none",
@@ -1075,7 +1075,7 @@ Array [
1075
1075
  />,
1076
1076
  <span
1077
1077
  style={
1078
- Object {
1078
+ {
1079
1079
  "backgroundColor": "rgba(33,36,44,0.32)",
1080
1080
  "borderRadius": "50%",
1081
1081
  "height": 8,
@@ -1097,7 +1097,7 @@ exports[`RadioCore type:disabled state:pressed checked:false 1`] = `
1097
1097
  disabled={true}
1098
1098
  onChange={[Function]}
1099
1099
  style={
1100
- Object {
1100
+ {
1101
1101
  "MozAppearance": "none",
1102
1102
  "WebkitAppearance": "none",
1103
1103
  "appearance": "none",
@@ -1121,7 +1121,7 @@ exports[`RadioCore type:disabled state:pressed checked:false 1`] = `
1121
1121
  `;
1122
1122
 
1123
1123
  exports[`RadioCore type:disabled state:pressed checked:true 1`] = `
1124
- Array [
1124
+ [
1125
1125
  <input
1126
1126
  aria-invalid={false}
1127
1127
  checked={true}
@@ -1129,7 +1129,7 @@ Array [
1129
1129
  disabled={true}
1130
1130
  onChange={[Function]}
1131
1131
  style={
1132
- Object {
1132
+ {
1133
1133
  "MozAppearance": "none",
1134
1134
  "WebkitAppearance": "none",
1135
1135
  "appearance": "none",
@@ -1152,7 +1152,7 @@ Array [
1152
1152
  />,
1153
1153
  <span
1154
1154
  style={
1155
- Object {
1155
+ {
1156
1156
  "backgroundColor": "rgba(33,36,44,0.32)",
1157
1157
  "borderRadius": "50%",
1158
1158
  "height": 8,
@@ -1174,7 +1174,7 @@ exports[`RadioCore type:error state:default checked:false 1`] = `
1174
1174
  disabled={false}
1175
1175
  onChange={[Function]}
1176
1176
  style={
1177
- Object {
1177
+ {
1178
1178
  "MozAppearance": "none",
1179
1179
  "WebkitAppearance": "none",
1180
1180
  "appearance": "none",
@@ -1204,7 +1204,7 @@ exports[`RadioCore type:error state:default checked:true 1`] = `
1204
1204
  disabled={false}
1205
1205
  onChange={[Function]}
1206
1206
  style={
1207
- Object {
1207
+ {
1208
1208
  "MozAppearance": "none",
1209
1209
  "WebkitAppearance": "none",
1210
1210
  "appearance": "none",
@@ -1234,7 +1234,7 @@ exports[`RadioCore type:error state:hovered checked:false 1`] = `
1234
1234
  disabled={false}
1235
1235
  onChange={[Function]}
1236
1236
  style={
1237
- Object {
1237
+ {
1238
1238
  "MozAppearance": "none",
1239
1239
  "WebkitAppearance": "none",
1240
1240
  "appearance": "none",
@@ -1264,7 +1264,7 @@ exports[`RadioCore type:error state:hovered checked:true 1`] = `
1264
1264
  disabled={false}
1265
1265
  onChange={[Function]}
1266
1266
  style={
1267
- Object {
1267
+ {
1268
1268
  "MozAppearance": "none",
1269
1269
  "WebkitAppearance": "none",
1270
1270
  "appearance": "none",
@@ -1295,7 +1295,7 @@ exports[`RadioCore type:error state:pressed checked:false 1`] = `
1295
1295
  disabled={false}
1296
1296
  onChange={[Function]}
1297
1297
  style={
1298
- Object {
1298
+ {
1299
1299
  "MozAppearance": "none",
1300
1300
  "WebkitAppearance": "none",
1301
1301
  "appearance": "none",
@@ -1325,7 +1325,7 @@ exports[`RadioCore type:error state:pressed checked:true 1`] = `
1325
1325
  disabled={false}
1326
1326
  onChange={[Function]}
1327
1327
  style={
1328
- Object {
1328
+ {
1329
1329
  "MozAppearance": "none",
1330
1330
  "WebkitAppearance": "none",
1331
1331
  "appearance": "none",