@khanacademy/wonder-blocks-form 2.4.6 → 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 +18 -0
  2. package/dist/index.js +202 -172
  3. package/package.json +7 -7
  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/src/__tests__/__snapshots__/generated-snapshot.test.js.snap CHANGED
@@ -4,7 +4,7 @@ exports[`wonder-blocks-form example 1 1`] = `
4
4
  <div
5
5
  className=""
6
6
  style={
7
- Object {
7
+ {
8
8
  "alignItems": "stretch",
9
9
  "borderStyle": "solid",
10
10
  "borderWidth": 0,
@@ -23,7 +23,7 @@ exports[`wonder-blocks-form example 1 1`] = `
23
23
  <div
24
24
  className=""
25
25
  style={
26
- Object {
26
+ {
27
27
  "alignItems": "stretch",
28
28
  "borderStyle": "solid",
29
29
  "borderWidth": 0,
@@ -56,7 +56,7 @@ exports[`wonder-blocks-form example 1 1`] = `
56
56
  onTouchEnd={[Function]}
57
57
  onTouchStart={[Function]}
58
58
  style={
59
- Object {
59
+ {
60
60
  "alignItems": "flex-start",
61
61
  "borderStyle": "solid",
62
62
  "borderWidth": 0,
@@ -81,7 +81,7 @@ exports[`wonder-blocks-form example 1 1`] = `
81
81
  disabled={false}
82
82
  onChange={[Function]}
83
83
  style={
84
- Object {
84
+ {
85
85
  "MozAppearance": "none",
86
86
  "WebkitAppearance": "none",
87
87
  "appearance": "none",
@@ -105,7 +105,7 @@ exports[`wonder-blocks-form example 1 1`] = `
105
105
  aria-hidden="true"
106
106
  className=""
107
107
  style={
108
- Object {
108
+ {
109
109
  "MsFlexBasis": 8,
110
110
  "MsFlexPreferredSize": 8,
111
111
  "WebkitFlexBasis": 8,
@@ -132,7 +132,7 @@ exports[`wonder-blocks-form example 1 1`] = `
132
132
  <div
133
133
  className=""
134
134
  style={
135
- Object {
135
+ {
136
136
  "alignItems": "stretch",
137
137
  "borderStyle": "solid",
138
138
  "borderWidth": 0,
@@ -165,7 +165,7 @@ exports[`wonder-blocks-form example 1 1`] = `
165
165
  onTouchEnd={[Function]}
166
166
  onTouchStart={[Function]}
167
167
  style={
168
- Object {
168
+ {
169
169
  "alignItems": "flex-start",
170
170
  "borderStyle": "solid",
171
171
  "borderWidth": 0,
@@ -190,7 +190,7 @@ exports[`wonder-blocks-form example 1 1`] = `
190
190
  disabled={false}
191
191
  onChange={[Function]}
192
192
  style={
193
- Object {
193
+ {
194
194
  "MozAppearance": "none",
195
195
  "WebkitAppearance": "none",
196
196
  "appearance": "none",
@@ -213,7 +213,7 @@ exports[`wonder-blocks-form example 1 1`] = `
213
213
  className=""
214
214
  height={16}
215
215
  style={
216
- Object {
216
+ {
217
217
  "display": "inline-block",
218
218
  "flexGrow": 0,
219
219
  "flexShrink": 0,
@@ -234,7 +234,7 @@ exports[`wonder-blocks-form example 1 1`] = `
234
234
  aria-hidden="true"
235
235
  className=""
236
236
  style={
237
- Object {
237
+ {
238
238
  "MsFlexBasis": 8,
239
239
  "MsFlexPreferredSize": 8,
240
240
  "WebkitFlexBasis": 8,
@@ -261,7 +261,7 @@ exports[`wonder-blocks-form example 1 1`] = `
261
261
  <div
262
262
  className=""
263
263
  style={
264
- Object {
264
+ {
265
265
  "alignItems": "stretch",
266
266
  "borderStyle": "solid",
267
267
  "borderWidth": 0,
@@ -294,7 +294,7 @@ exports[`wonder-blocks-form example 1 1`] = `
294
294
  onTouchEnd={[Function]}
295
295
  onTouchStart={[Function]}
296
296
  style={
297
- Object {
297
+ {
298
298
  "alignItems": "flex-start",
299
299
  "borderStyle": "solid",
300
300
  "borderWidth": 0,
@@ -319,7 +319,7 @@ exports[`wonder-blocks-form example 1 1`] = `
319
319
  disabled={false}
320
320
  onChange={[Function]}
321
321
  style={
322
- Object {
322
+ {
323
323
  "MozAppearance": "none",
324
324
  "WebkitAppearance": "none",
325
325
  "appearance": "none",
@@ -343,7 +343,7 @@ exports[`wonder-blocks-form example 1 1`] = `
343
343
  aria-hidden="true"
344
344
  className=""
345
345
  style={
346
- Object {
346
+ {
347
347
  "MsFlexBasis": 8,
348
348
  "MsFlexPreferredSize": 8,
349
349
  "WebkitFlexBasis": 8,
@@ -370,7 +370,7 @@ exports[`wonder-blocks-form example 1 1`] = `
370
370
  <div
371
371
  className=""
372
372
  style={
373
- Object {
373
+ {
374
374
  "alignItems": "stretch",
375
375
  "borderStyle": "solid",
376
376
  "borderWidth": 0,
@@ -403,7 +403,7 @@ exports[`wonder-blocks-form example 1 1`] = `
403
403
  onTouchEnd={[Function]}
404
404
  onTouchStart={[Function]}
405
405
  style={
406
- Object {
406
+ {
407
407
  "alignItems": "flex-start",
408
408
  "borderStyle": "solid",
409
409
  "borderWidth": 0,
@@ -428,7 +428,7 @@ exports[`wonder-blocks-form example 1 1`] = `
428
428
  disabled={false}
429
429
  onChange={[Function]}
430
430
  style={
431
- Object {
431
+ {
432
432
  "MozAppearance": "none",
433
433
  "WebkitAppearance": "none",
434
434
  "appearance": "none",
@@ -451,7 +451,7 @@ exports[`wonder-blocks-form example 1 1`] = `
451
451
  className=""
452
452
  height={16}
453
453
  style={
454
- Object {
454
+ {
455
455
  "display": "inline-block",
456
456
  "flexGrow": 0,
457
457
  "flexShrink": 0,
@@ -472,7 +472,7 @@ exports[`wonder-blocks-form example 1 1`] = `
472
472
  aria-hidden="true"
473
473
  className=""
474
474
  style={
475
- Object {
475
+ {
476
476
  "MsFlexBasis": 8,
477
477
  "MsFlexPreferredSize": 8,
478
478
  "WebkitFlexBasis": 8,
@@ -499,7 +499,7 @@ exports[`wonder-blocks-form example 1 1`] = `
499
499
  <div
500
500
  className=""
501
501
  style={
502
- Object {
502
+ {
503
503
  "alignItems": "stretch",
504
504
  "borderStyle": "solid",
505
505
  "borderWidth": 0,
@@ -532,7 +532,7 @@ exports[`wonder-blocks-form example 1 1`] = `
532
532
  onTouchEnd={[Function]}
533
533
  onTouchStart={[Function]}
534
534
  style={
535
- Object {
535
+ {
536
536
  "alignItems": "flex-start",
537
537
  "borderStyle": "solid",
538
538
  "borderWidth": 0,
@@ -557,7 +557,7 @@ exports[`wonder-blocks-form example 1 1`] = `
557
557
  disabled={true}
558
558
  onChange={[Function]}
559
559
  style={
560
- Object {
560
+ {
561
561
  "MozAppearance": "none",
562
562
  "WebkitAppearance": "none",
563
563
  "appearance": "none",
@@ -582,7 +582,7 @@ exports[`wonder-blocks-form example 1 1`] = `
582
582
  aria-hidden="true"
583
583
  className=""
584
584
  style={
585
- Object {
585
+ {
586
586
  "MsFlexBasis": 8,
587
587
  "MsFlexPreferredSize": 8,
588
588
  "WebkitFlexBasis": 8,
@@ -609,7 +609,7 @@ exports[`wonder-blocks-form example 1 1`] = `
609
609
  <div
610
610
  className=""
611
611
  style={
612
- Object {
612
+ {
613
613
  "alignItems": "stretch",
614
614
  "borderStyle": "solid",
615
615
  "borderWidth": 0,
@@ -642,7 +642,7 @@ exports[`wonder-blocks-form example 1 1`] = `
642
642
  onTouchEnd={[Function]}
643
643
  onTouchStart={[Function]}
644
644
  style={
645
- Object {
645
+ {
646
646
  "alignItems": "flex-start",
647
647
  "borderStyle": "solid",
648
648
  "borderWidth": 0,
@@ -667,7 +667,7 @@ exports[`wonder-blocks-form example 1 1`] = `
667
667
  disabled={true}
668
668
  onChange={[Function]}
669
669
  style={
670
- Object {
670
+ {
671
671
  "MozAppearance": "none",
672
672
  "WebkitAppearance": "none",
673
673
  "appearance": "none",
@@ -692,7 +692,7 @@ exports[`wonder-blocks-form example 1 1`] = `
692
692
  className=""
693
693
  height={16}
694
694
  style={
695
- Object {
695
+ {
696
696
  "display": "inline-block",
697
697
  "flexGrow": 0,
698
698
  "flexShrink": 0,
@@ -713,7 +713,7 @@ exports[`wonder-blocks-form example 1 1`] = `
713
713
  aria-hidden="true"
714
714
  className=""
715
715
  style={
716
- Object {
716
+ {
717
717
  "MsFlexBasis": 8,
718
718
  "MsFlexPreferredSize": 8,
719
719
  "WebkitFlexBasis": 8,
@@ -744,7 +744,7 @@ exports[`wonder-blocks-form example 2 1`] = `
744
744
  <div
745
745
  className=""
746
746
  style={
747
- Object {
747
+ {
748
748
  "alignItems": "stretch",
749
749
  "borderStyle": "solid",
750
750
  "borderWidth": 0,
@@ -763,7 +763,7 @@ exports[`wonder-blocks-form example 2 1`] = `
763
763
  <div
764
764
  className=""
765
765
  style={
766
- Object {
766
+ {
767
767
  "alignItems": "stretch",
768
768
  "borderStyle": "solid",
769
769
  "borderWidth": 0,
@@ -795,7 +795,7 @@ exports[`wonder-blocks-form example 2 1`] = `
795
795
  onTouchEnd={[Function]}
796
796
  onTouchStart={[Function]}
797
797
  style={
798
- Object {
798
+ {
799
799
  "alignItems": "flex-start",
800
800
  "borderStyle": "solid",
801
801
  "borderWidth": 0,
@@ -823,7 +823,7 @@ exports[`wonder-blocks-form example 2 1`] = `
823
823
  id="assignment"
824
824
  onChange={[Function]}
825
825
  style={
826
- Object {
826
+ {
827
827
  "MozAppearance": "none",
828
828
  "WebkitAppearance": "none",
829
829
  "appearance": "none",
@@ -847,7 +847,7 @@ exports[`wonder-blocks-form example 2 1`] = `
847
847
  aria-hidden="true"
848
848
  className=""
849
849
  style={
850
- Object {
850
+ {
851
851
  "MsFlexBasis": 8,
852
852
  "MsFlexPreferredSize": 8,
853
853
  "WebkitFlexBasis": 8,
@@ -872,11 +872,11 @@ exports[`wonder-blocks-form example 2 1`] = `
872
872
  <span
873
873
  className=""
874
874
  style={
875
- Object {
875
+ {
876
876
  "MozOsxFontSmoothing": "grayscale",
877
877
  "WebkitFontSmoothing": "antialiased",
878
878
  "display": "block",
879
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
879
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
880
880
  "fontSize": 16,
881
881
  "fontWeight": 400,
882
882
  "lineHeight": "20px",
@@ -897,12 +897,12 @@ exports[`wonder-blocks-form example 2 1`] = `
897
897
  className=""
898
898
  id="uid-choice-6-description"
899
899
  style={
900
- Object {
900
+ {
901
901
  "MozOsxFontSmoothing": "grayscale",
902
902
  "WebkitFontSmoothing": "antialiased",
903
903
  "color": "rgba(33,36,44,0.64)",
904
904
  "display": "block",
905
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
905
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
906
906
  "fontSize": 14,
907
907
  "fontWeight": 400,
908
908
  "lineHeight": "18px",
@@ -921,7 +921,7 @@ exports[`wonder-blocks-form example 3 1`] = `
921
921
  <div
922
922
  className=""
923
923
  style={
924
- Object {
924
+ {
925
925
  "alignItems": "center",
926
926
  "borderStyle": "solid",
927
927
  "borderWidth": 0,
@@ -941,7 +941,7 @@ exports[`wonder-blocks-form example 3 1`] = `
941
941
  <div
942
942
  className=""
943
943
  style={
944
- Object {
944
+ {
945
945
  "alignItems": "stretch",
946
946
  "borderStyle": "solid",
947
947
  "borderWidth": 0,
@@ -964,11 +964,11 @@ exports[`wonder-blocks-form example 3 1`] = `
964
964
  <span
965
965
  className=""
966
966
  style={
967
- Object {
967
+ {
968
968
  "MozOsxFontSmoothing": "grayscale",
969
969
  "WebkitFontSmoothing": "antialiased",
970
970
  "display": "block",
971
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
971
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
972
972
  "fontSize": 16,
973
973
  "fontWeight": 400,
974
974
  "lineHeight": "20px",
@@ -981,11 +981,11 @@ exports[`wonder-blocks-form example 3 1`] = `
981
981
  <span
982
982
  className=""
983
983
  style={
984
- Object {
984
+ {
985
985
  "MozOsxFontSmoothing": "grayscale",
986
986
  "WebkitFontSmoothing": "antialiased",
987
987
  "display": "block",
988
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
988
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
989
989
  "fontSize": 14,
990
990
  "fontWeight": 400,
991
991
  "lineHeight": "18px",
@@ -1001,7 +1001,7 @@ exports[`wonder-blocks-form example 3 1`] = `
1001
1001
  <div
1002
1002
  className=""
1003
1003
  style={
1004
- Object {
1004
+ {
1005
1005
  "alignItems": "stretch",
1006
1006
  "borderStyle": "solid",
1007
1007
  "borderWidth": 0,
@@ -1033,7 +1033,7 @@ exports[`wonder-blocks-form example 3 1`] = `
1033
1033
  onTouchEnd={[Function]}
1034
1034
  onTouchStart={[Function]}
1035
1035
  style={
1036
- Object {
1036
+ {
1037
1037
  "alignItems": "flex-start",
1038
1038
  "borderStyle": "solid",
1039
1039
  "borderWidth": 0,
@@ -1059,7 +1059,7 @@ exports[`wonder-blocks-form example 3 1`] = `
1059
1059
  id="topic-123"
1060
1060
  onChange={[Function]}
1061
1061
  style={
1062
- Object {
1062
+ {
1063
1063
  "MozAppearance": "none",
1064
1064
  "WebkitAppearance": "none",
1065
1065
  "appearance": "none",
@@ -1083,7 +1083,7 @@ exports[`wonder-blocks-form example 3 1`] = `
1083
1083
  aria-hidden="true"
1084
1084
  className=""
1085
1085
  style={
1086
- Object {
1086
+ {
1087
1087
  "MsFlexBasis": 8,
1088
1088
  "MsFlexPreferredSize": 8,
1089
1089
  "WebkitFlexBasis": 8,
@@ -1114,7 +1114,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1114
1114
  <div
1115
1115
  className=""
1116
1116
  style={
1117
- Object {
1117
+ {
1118
1118
  "alignItems": "stretch",
1119
1119
  "borderStyle": "solid",
1120
1120
  "borderWidth": 0,
@@ -1133,7 +1133,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1133
1133
  <div
1134
1134
  className=""
1135
1135
  style={
1136
- Object {
1136
+ {
1137
1137
  "alignItems": "stretch",
1138
1138
  "borderStyle": "solid",
1139
1139
  "borderWidth": 0,
@@ -1166,7 +1166,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1166
1166
  onTouchEnd={[Function]}
1167
1167
  onTouchStart={[Function]}
1168
1168
  style={
1169
- Object {
1169
+ {
1170
1170
  "alignItems": "flex-start",
1171
1171
  "borderStyle": "solid",
1172
1172
  "borderWidth": 0,
@@ -1191,7 +1191,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1191
1191
  disabled={false}
1192
1192
  onChange={[Function]}
1193
1193
  style={
1194
- Object {
1194
+ {
1195
1195
  "MozAppearance": "none",
1196
1196
  "WebkitAppearance": "none",
1197
1197
  "appearance": "none",
@@ -1215,7 +1215,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1215
1215
  aria-hidden="true"
1216
1216
  className=""
1217
1217
  style={
1218
- Object {
1218
+ {
1219
1219
  "MsFlexBasis": 8,
1220
1220
  "MsFlexPreferredSize": 8,
1221
1221
  "WebkitFlexBasis": 8,
@@ -1242,7 +1242,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1242
1242
  <div
1243
1243
  className=""
1244
1244
  style={
1245
- Object {
1245
+ {
1246
1246
  "alignItems": "stretch",
1247
1247
  "borderStyle": "solid",
1248
1248
  "borderWidth": 0,
@@ -1275,7 +1275,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1275
1275
  onTouchEnd={[Function]}
1276
1276
  onTouchStart={[Function]}
1277
1277
  style={
1278
- Object {
1278
+ {
1279
1279
  "alignItems": "flex-start",
1280
1280
  "borderStyle": "solid",
1281
1281
  "borderWidth": 0,
@@ -1300,7 +1300,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1300
1300
  disabled={false}
1301
1301
  onChange={[Function]}
1302
1302
  style={
1303
- Object {
1303
+ {
1304
1304
  "MozAppearance": "none",
1305
1305
  "WebkitAppearance": "none",
1306
1306
  "appearance": "none",
@@ -1324,7 +1324,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1324
1324
  aria-hidden="true"
1325
1325
  className=""
1326
1326
  style={
1327
- Object {
1327
+ {
1328
1328
  "MsFlexBasis": 8,
1329
1329
  "MsFlexPreferredSize": 8,
1330
1330
  "WebkitFlexBasis": 8,
@@ -1351,7 +1351,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1351
1351
  <div
1352
1352
  className=""
1353
1353
  style={
1354
- Object {
1354
+ {
1355
1355
  "alignItems": "stretch",
1356
1356
  "borderStyle": "solid",
1357
1357
  "borderWidth": 0,
@@ -1384,7 +1384,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1384
1384
  onTouchEnd={[Function]}
1385
1385
  onTouchStart={[Function]}
1386
1386
  style={
1387
- Object {
1387
+ {
1388
1388
  "alignItems": "flex-start",
1389
1389
  "borderStyle": "solid",
1390
1390
  "borderWidth": 0,
@@ -1409,7 +1409,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1409
1409
  disabled={false}
1410
1410
  onChange={[Function]}
1411
1411
  style={
1412
- Object {
1412
+ {
1413
1413
  "MozAppearance": "none",
1414
1414
  "WebkitAppearance": "none",
1415
1415
  "appearance": "none",
@@ -1433,7 +1433,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1433
1433
  aria-hidden="true"
1434
1434
  className=""
1435
1435
  style={
1436
- Object {
1436
+ {
1437
1437
  "MsFlexBasis": 8,
1438
1438
  "MsFlexPreferredSize": 8,
1439
1439
  "WebkitFlexBasis": 8,
@@ -1460,7 +1460,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1460
1460
  <div
1461
1461
  className=""
1462
1462
  style={
1463
- Object {
1463
+ {
1464
1464
  "alignItems": "stretch",
1465
1465
  "borderStyle": "solid",
1466
1466
  "borderWidth": 0,
@@ -1493,7 +1493,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1493
1493
  onTouchEnd={[Function]}
1494
1494
  onTouchStart={[Function]}
1495
1495
  style={
1496
- Object {
1496
+ {
1497
1497
  "alignItems": "flex-start",
1498
1498
  "borderStyle": "solid",
1499
1499
  "borderWidth": 0,
@@ -1518,7 +1518,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1518
1518
  disabled={false}
1519
1519
  onChange={[Function]}
1520
1520
  style={
1521
- Object {
1521
+ {
1522
1522
  "MozAppearance": "none",
1523
1523
  "WebkitAppearance": "none",
1524
1524
  "appearance": "none",
@@ -1542,7 +1542,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1542
1542
  aria-hidden="true"
1543
1543
  className=""
1544
1544
  style={
1545
- Object {
1545
+ {
1546
1546
  "MsFlexBasis": 8,
1547
1547
  "MsFlexPreferredSize": 8,
1548
1548
  "WebkitFlexBasis": 8,
@@ -1569,7 +1569,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1569
1569
  <div
1570
1570
  className=""
1571
1571
  style={
1572
- Object {
1572
+ {
1573
1573
  "alignItems": "stretch",
1574
1574
  "borderStyle": "solid",
1575
1575
  "borderWidth": 0,
@@ -1602,7 +1602,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1602
1602
  onTouchEnd={[Function]}
1603
1603
  onTouchStart={[Function]}
1604
1604
  style={
1605
- Object {
1605
+ {
1606
1606
  "alignItems": "flex-start",
1607
1607
  "borderStyle": "solid",
1608
1608
  "borderWidth": 0,
@@ -1627,7 +1627,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1627
1627
  disabled={true}
1628
1628
  onChange={[Function]}
1629
1629
  style={
1630
- Object {
1630
+ {
1631
1631
  "MozAppearance": "none",
1632
1632
  "WebkitAppearance": "none",
1633
1633
  "appearance": "none",
@@ -1652,7 +1652,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1652
1652
  aria-hidden="true"
1653
1653
  className=""
1654
1654
  style={
1655
- Object {
1655
+ {
1656
1656
  "MsFlexBasis": 8,
1657
1657
  "MsFlexPreferredSize": 8,
1658
1658
  "WebkitFlexBasis": 8,
@@ -1679,7 +1679,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1679
1679
  <div
1680
1680
  className=""
1681
1681
  style={
1682
- Object {
1682
+ {
1683
1683
  "alignItems": "stretch",
1684
1684
  "borderStyle": "solid",
1685
1685
  "borderWidth": 0,
@@ -1712,7 +1712,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1712
1712
  onTouchEnd={[Function]}
1713
1713
  onTouchStart={[Function]}
1714
1714
  style={
1715
- Object {
1715
+ {
1716
1716
  "alignItems": "flex-start",
1717
1717
  "borderStyle": "solid",
1718
1718
  "borderWidth": 0,
@@ -1737,7 +1737,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1737
1737
  disabled={true}
1738
1738
  onChange={[Function]}
1739
1739
  style={
1740
- Object {
1740
+ {
1741
1741
  "MozAppearance": "none",
1742
1742
  "WebkitAppearance": "none",
1743
1743
  "appearance": "none",
@@ -1760,7 +1760,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1760
1760
  />
1761
1761
  <span
1762
1762
  style={
1763
- Object {
1763
+ {
1764
1764
  "backgroundColor": "rgba(33,36,44,0.32)",
1765
1765
  "borderRadius": "50%",
1766
1766
  "height": 8,
@@ -1775,7 +1775,7 @@ exports[`wonder-blocks-form example 4 1`] = `
1775
1775
  aria-hidden="true"
1776
1776
  className=""
1777
1777
  style={
1778
- Object {
1778
+ {
1779
1779
  "MsFlexBasis": 8,
1780
1780
  "MsFlexPreferredSize": 8,
1781
1781
  "WebkitFlexBasis": 8,
@@ -1806,7 +1806,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1806
1806
  <div
1807
1807
  className=""
1808
1808
  style={
1809
- Object {
1809
+ {
1810
1810
  "alignItems": "stretch",
1811
1811
  "borderStyle": "solid",
1812
1812
  "borderWidth": 0,
@@ -1826,7 +1826,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1826
1826
  <fieldset
1827
1827
  className=""
1828
1828
  style={
1829
- Object {
1829
+ {
1830
1830
  "border": "none",
1831
1831
  "margin": 0,
1832
1832
  "padding": 0,
@@ -1836,7 +1836,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1836
1836
  <div
1837
1837
  className=""
1838
1838
  style={
1839
- Object {
1839
+ {
1840
1840
  "alignItems": "stretch",
1841
1841
  "borderStyle": "solid",
1842
1842
  "borderWidth": 0,
@@ -1855,7 +1855,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1855
1855
  <legend
1856
1856
  className=""
1857
1857
  style={
1858
- Object {
1858
+ {
1859
1859
  "padding": 0,
1860
1860
  }
1861
1861
  }
@@ -1863,11 +1863,11 @@ exports[`wonder-blocks-form example 5 1`] = `
1863
1863
  <span
1864
1864
  className=""
1865
1865
  style={
1866
- Object {
1866
+ {
1867
1867
  "MozOsxFontSmoothing": "grayscale",
1868
1868
  "WebkitFontSmoothing": "antialiased",
1869
1869
  "display": "block",
1870
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1870
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1871
1871
  "fontSize": 16,
1872
1872
  "fontWeight": 400,
1873
1873
  "lineHeight": "20px",
@@ -1880,12 +1880,12 @@ exports[`wonder-blocks-form example 5 1`] = `
1880
1880
  <span
1881
1881
  className=""
1882
1882
  style={
1883
- Object {
1883
+ {
1884
1884
  "MozOsxFontSmoothing": "grayscale",
1885
1885
  "WebkitFontSmoothing": "antialiased",
1886
1886
  "color": "rgba(33,36,44,0.64)",
1887
1887
  "display": "block",
1888
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1888
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1889
1889
  "fontSize": 14,
1890
1890
  "fontWeight": 400,
1891
1891
  "lineHeight": "18px",
@@ -1899,7 +1899,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1899
1899
  aria-hidden="true"
1900
1900
  className=""
1901
1901
  style={
1902
- Object {
1902
+ {
1903
1903
  "MsFlexBasis": 12,
1904
1904
  "MsFlexPreferredSize": 12,
1905
1905
  "WebkitFlexBasis": 12,
@@ -1924,7 +1924,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1924
1924
  <div
1925
1925
  className=""
1926
1926
  style={
1927
- Object {
1927
+ {
1928
1928
  "alignItems": "stretch",
1929
1929
  "borderStyle": "solid",
1930
1930
  "borderWidth": 0,
@@ -1956,7 +1956,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1956
1956
  onTouchEnd={[Function]}
1957
1957
  onTouchStart={[Function]}
1958
1958
  style={
1959
- Object {
1959
+ {
1960
1960
  "alignItems": "flex-start",
1961
1961
  "borderStyle": "solid",
1962
1962
  "borderWidth": 0,
@@ -1983,7 +1983,7 @@ exports[`wonder-blocks-form example 5 1`] = `
1983
1983
  name="Toppings"
1984
1984
  onChange={[Function]}
1985
1985
  style={
1986
- Object {
1986
+ {
1987
1987
  "MozAppearance": "none",
1988
1988
  "WebkitAppearance": "none",
1989
1989
  "appearance": "none",
@@ -2007,7 +2007,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2007
2007
  aria-hidden="true"
2008
2008
  className=""
2009
2009
  style={
2010
- Object {
2010
+ {
2011
2011
  "MsFlexBasis": 8,
2012
2012
  "MsFlexPreferredSize": 8,
2013
2013
  "WebkitFlexBasis": 8,
@@ -2032,11 +2032,11 @@ exports[`wonder-blocks-form example 5 1`] = `
2032
2032
  <span
2033
2033
  className=""
2034
2034
  style={
2035
- Object {
2035
+ {
2036
2036
  "MozOsxFontSmoothing": "grayscale",
2037
2037
  "WebkitFontSmoothing": "antialiased",
2038
2038
  "display": "block",
2039
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2039
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2040
2040
  "fontSize": 16,
2041
2041
  "fontWeight": 400,
2042
2042
  "lineHeight": "20px",
@@ -2057,7 +2057,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2057
2057
  <div
2058
2058
  className=""
2059
2059
  style={
2060
- Object {
2060
+ {
2061
2061
  "alignItems": "stretch",
2062
2062
  "borderStyle": "solid",
2063
2063
  "borderWidth": 0,
@@ -2090,7 +2090,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2090
2090
  onTouchEnd={[Function]}
2091
2091
  onTouchStart={[Function]}
2092
2092
  style={
2093
- Object {
2093
+ {
2094
2094
  "alignItems": "flex-start",
2095
2095
  "borderStyle": "solid",
2096
2096
  "borderWidth": 0,
@@ -2118,7 +2118,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2118
2118
  name="Toppings"
2119
2119
  onChange={[Function]}
2120
2120
  style={
2121
- Object {
2121
+ {
2122
2122
  "MozAppearance": "none",
2123
2123
  "WebkitAppearance": "none",
2124
2124
  "appearance": "none",
@@ -2142,7 +2142,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2142
2142
  aria-hidden="true"
2143
2143
  className=""
2144
2144
  style={
2145
- Object {
2145
+ {
2146
2146
  "MsFlexBasis": 8,
2147
2147
  "MsFlexPreferredSize": 8,
2148
2148
  "WebkitFlexBasis": 8,
@@ -2167,11 +2167,11 @@ exports[`wonder-blocks-form example 5 1`] = `
2167
2167
  <span
2168
2168
  className=""
2169
2169
  style={
2170
- Object {
2170
+ {
2171
2171
  "MozOsxFontSmoothing": "grayscale",
2172
2172
  "WebkitFontSmoothing": "antialiased",
2173
2173
  "display": "block",
2174
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2174
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2175
2175
  "fontSize": 16,
2176
2176
  "fontWeight": 400,
2177
2177
  "lineHeight": "20px",
@@ -2192,12 +2192,12 @@ exports[`wonder-blocks-form example 5 1`] = `
2192
2192
  className=""
2193
2193
  id="uid-choice-15-description"
2194
2194
  style={
2195
- Object {
2195
+ {
2196
2196
  "MozOsxFontSmoothing": "grayscale",
2197
2197
  "WebkitFontSmoothing": "antialiased",
2198
2198
  "color": "rgba(33,36,44,0.64)",
2199
2199
  "display": "block",
2200
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2200
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2201
2201
  "fontSize": 14,
2202
2202
  "fontWeight": 400,
2203
2203
  "lineHeight": "18px",
@@ -2212,7 +2212,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2212
2212
  <div
2213
2213
  className=""
2214
2214
  style={
2215
- Object {
2215
+ {
2216
2216
  "alignItems": "stretch",
2217
2217
  "borderStyle": "solid",
2218
2218
  "borderWidth": 0,
@@ -2245,7 +2245,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2245
2245
  onTouchEnd={[Function]}
2246
2246
  onTouchStart={[Function]}
2247
2247
  style={
2248
- Object {
2248
+ {
2249
2249
  "alignItems": "flex-start",
2250
2250
  "borderStyle": "solid",
2251
2251
  "borderWidth": 0,
@@ -2272,7 +2272,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2272
2272
  name="Toppings"
2273
2273
  onChange={[Function]}
2274
2274
  style={
2275
- Object {
2275
+ {
2276
2276
  "MozAppearance": "none",
2277
2277
  "WebkitAppearance": "none",
2278
2278
  "appearance": "none",
@@ -2296,7 +2296,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2296
2296
  aria-hidden="true"
2297
2297
  className=""
2298
2298
  style={
2299
- Object {
2299
+ {
2300
2300
  "MsFlexBasis": 8,
2301
2301
  "MsFlexPreferredSize": 8,
2302
2302
  "WebkitFlexBasis": 8,
@@ -2321,11 +2321,11 @@ exports[`wonder-blocks-form example 5 1`] = `
2321
2321
  <span
2322
2322
  className=""
2323
2323
  style={
2324
- Object {
2324
+ {
2325
2325
  "MozOsxFontSmoothing": "grayscale",
2326
2326
  "WebkitFontSmoothing": "antialiased",
2327
2327
  "display": "block",
2328
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2328
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2329
2329
  "fontSize": 16,
2330
2330
  "fontWeight": 400,
2331
2331
  "lineHeight": "20px",
@@ -2346,7 +2346,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2346
2346
  <div
2347
2347
  className=""
2348
2348
  style={
2349
- Object {
2349
+ {
2350
2350
  "alignItems": "stretch",
2351
2351
  "borderStyle": "solid",
2352
2352
  "borderWidth": 0,
@@ -2379,7 +2379,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2379
2379
  onTouchEnd={[Function]}
2380
2380
  onTouchStart={[Function]}
2381
2381
  style={
2382
- Object {
2382
+ {
2383
2383
  "alignItems": "flex-start",
2384
2384
  "borderStyle": "solid",
2385
2385
  "borderWidth": 0,
@@ -2406,7 +2406,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2406
2406
  name="Toppings"
2407
2407
  onChange={[Function]}
2408
2408
  style={
2409
- Object {
2409
+ {
2410
2410
  "MozAppearance": "none",
2411
2411
  "WebkitAppearance": "none",
2412
2412
  "appearance": "none",
@@ -2430,7 +2430,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2430
2430
  aria-hidden="true"
2431
2431
  className=""
2432
2432
  style={
2433
- Object {
2433
+ {
2434
2434
  "MsFlexBasis": 8,
2435
2435
  "MsFlexPreferredSize": 8,
2436
2436
  "WebkitFlexBasis": 8,
@@ -2455,11 +2455,11 @@ exports[`wonder-blocks-form example 5 1`] = `
2455
2455
  <span
2456
2456
  className=""
2457
2457
  style={
2458
- Object {
2458
+ {
2459
2459
  "MozOsxFontSmoothing": "grayscale",
2460
2460
  "WebkitFontSmoothing": "antialiased",
2461
2461
  "display": "block",
2462
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2462
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2463
2463
  "fontSize": 16,
2464
2464
  "fontWeight": 400,
2465
2465
  "lineHeight": "20px",
@@ -2480,7 +2480,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2480
2480
  <div
2481
2481
  className=""
2482
2482
  style={
2483
- Object {
2483
+ {
2484
2484
  "alignItems": "stretch",
2485
2485
  "borderStyle": "solid",
2486
2486
  "borderWidth": 0,
@@ -2513,7 +2513,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2513
2513
  onTouchEnd={[Function]}
2514
2514
  onTouchStart={[Function]}
2515
2515
  style={
2516
- Object {
2516
+ {
2517
2517
  "alignItems": "flex-start",
2518
2518
  "borderStyle": "solid",
2519
2519
  "borderWidth": 0,
@@ -2540,7 +2540,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2540
2540
  name="Toppings"
2541
2541
  onChange={[Function]}
2542
2542
  style={
2543
- Object {
2543
+ {
2544
2544
  "MozAppearance": "none",
2545
2545
  "WebkitAppearance": "none",
2546
2546
  "appearance": "none",
@@ -2564,7 +2564,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2564
2564
  aria-hidden="true"
2565
2565
  className=""
2566
2566
  style={
2567
- Object {
2567
+ {
2568
2568
  "MsFlexBasis": 8,
2569
2569
  "MsFlexPreferredSize": 8,
2570
2570
  "WebkitFlexBasis": 8,
@@ -2589,11 +2589,11 @@ exports[`wonder-blocks-form example 5 1`] = `
2589
2589
  <span
2590
2590
  className=""
2591
2591
  style={
2592
- Object {
2592
+ {
2593
2593
  "MozOsxFontSmoothing": "grayscale",
2594
2594
  "WebkitFontSmoothing": "antialiased",
2595
2595
  "display": "block",
2596
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2596
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2597
2597
  "fontSize": 16,
2598
2598
  "fontWeight": 400,
2599
2599
  "lineHeight": "20px",
@@ -2614,7 +2614,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2614
2614
  <div
2615
2615
  className=""
2616
2616
  style={
2617
- Object {
2617
+ {
2618
2618
  "alignItems": "stretch",
2619
2619
  "borderStyle": "solid",
2620
2620
  "borderWidth": 0,
@@ -2647,7 +2647,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2647
2647
  onTouchEnd={[Function]}
2648
2648
  onTouchStart={[Function]}
2649
2649
  style={
2650
- Object {
2650
+ {
2651
2651
  "alignItems": "flex-start",
2652
2652
  "borderStyle": "solid",
2653
2653
  "borderWidth": 0,
@@ -2675,7 +2675,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2675
2675
  name="Toppings"
2676
2676
  onChange={[Function]}
2677
2677
  style={
2678
- Object {
2678
+ {
2679
2679
  "MozAppearance": "none",
2680
2680
  "WebkitAppearance": "none",
2681
2681
  "appearance": "none",
@@ -2698,7 +2698,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2698
2698
  className=""
2699
2699
  height={16}
2700
2700
  style={
2701
- Object {
2701
+ {
2702
2702
  "display": "inline-block",
2703
2703
  "flexGrow": 0,
2704
2704
  "flexShrink": 0,
@@ -2719,7 +2719,7 @@ exports[`wonder-blocks-form example 5 1`] = `
2719
2719
  aria-hidden="true"
2720
2720
  className=""
2721
2721
  style={
2722
- Object {
2722
+ {
2723
2723
  "MsFlexBasis": 8,
2724
2724
  "MsFlexPreferredSize": 8,
2725
2725
  "WebkitFlexBasis": 8,
@@ -2744,11 +2744,11 @@ exports[`wonder-blocks-form example 5 1`] = `
2744
2744
  <span
2745
2745
  className=""
2746
2746
  style={
2747
- Object {
2747
+ {
2748
2748
  "MozOsxFontSmoothing": "grayscale",
2749
2749
  "WebkitFontSmoothing": "antialiased",
2750
2750
  "display": "block",
2751
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2751
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2752
2752
  "fontSize": 16,
2753
2753
  "fontWeight": 400,
2754
2754
  "lineHeight": "20px",
@@ -2769,12 +2769,12 @@ exports[`wonder-blocks-form example 5 1`] = `
2769
2769
  className=""
2770
2770
  id="uid-choice-19-description"
2771
2771
  style={
2772
- Object {
2772
+ {
2773
2773
  "MozOsxFontSmoothing": "grayscale",
2774
2774
  "WebkitFontSmoothing": "antialiased",
2775
2775
  "color": "rgba(33,36,44,0.64)",
2776
2776
  "display": "block",
2777
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2777
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2778
2778
  "fontSize": 14,
2779
2779
  "fontWeight": 400,
2780
2780
  "lineHeight": "18px",
@@ -2795,7 +2795,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2795
2795
  <div
2796
2796
  className=""
2797
2797
  style={
2798
- Object {
2798
+ {
2799
2799
  "alignItems": "stretch",
2800
2800
  "borderStyle": "solid",
2801
2801
  "borderWidth": 0,
@@ -2815,12 +2815,12 @@ exports[`wonder-blocks-form example 6 1`] = `
2815
2815
  <span
2816
2816
  className=""
2817
2817
  style={
2818
- Object {
2818
+ {
2819
2819
  "MozOsxFontSmoothing": "grayscale",
2820
2820
  "WebkitFontSmoothing": "antialiased",
2821
2821
  "borderBottom": "1px solid rgba(33,36,44,0.64)",
2822
2822
  "display": "block",
2823
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2823
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2824
2824
  "fontSize": 16,
2825
2825
  "fontWeight": 700,
2826
2826
  "lineHeight": "20px",
@@ -2833,7 +2833,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2833
2833
  <fieldset
2834
2834
  className=""
2835
2835
  style={
2836
- Object {
2836
+ {
2837
2837
  "border": "none",
2838
2838
  "margin": 0,
2839
2839
  "padding": 0,
@@ -2843,7 +2843,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2843
2843
  <div
2844
2844
  className=""
2845
2845
  style={
2846
- Object {
2846
+ {
2847
2847
  "alignItems": "stretch",
2848
2848
  "borderStyle": "solid",
2849
2849
  "borderWidth": 0,
@@ -2863,7 +2863,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2863
2863
  <div
2864
2864
  className=""
2865
2865
  style={
2866
- Object {
2866
+ {
2867
2867
  "alignItems": "stretch",
2868
2868
  "borderStyle": "solid",
2869
2869
  "borderWidth": 0,
@@ -2897,7 +2897,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2897
2897
  onTouchEnd={[Function]}
2898
2898
  onTouchStart={[Function]}
2899
2899
  style={
2900
- Object {
2900
+ {
2901
2901
  "alignItems": "flex-start",
2902
2902
  "borderStyle": "solid",
2903
2903
  "borderWidth": 0,
@@ -2924,7 +2924,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2924
2924
  name="science-classes"
2925
2925
  onChange={[Function]}
2926
2926
  style={
2927
- Object {
2927
+ {
2928
2928
  "MozAppearance": "none",
2929
2929
  "WebkitAppearance": "none",
2930
2930
  "appearance": "none",
@@ -2948,7 +2948,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2948
2948
  aria-hidden="true"
2949
2949
  className=""
2950
2950
  style={
2951
- Object {
2951
+ {
2952
2952
  "MsFlexBasis": 8,
2953
2953
  "MsFlexPreferredSize": 8,
2954
2954
  "WebkitFlexBasis": 8,
@@ -2973,11 +2973,11 @@ exports[`wonder-blocks-form example 6 1`] = `
2973
2973
  <span
2974
2974
  className=""
2975
2975
  style={
2976
- Object {
2976
+ {
2977
2977
  "MozOsxFontSmoothing": "grayscale",
2978
2978
  "WebkitFontSmoothing": "antialiased",
2979
2979
  "display": "block",
2980
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2980
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2981
2981
  "fontSize": 16,
2982
2982
  "fontWeight": 400,
2983
2983
  "lineHeight": "20px",
@@ -2998,7 +2998,7 @@ exports[`wonder-blocks-form example 6 1`] = `
2998
2998
  <div
2999
2999
  className=""
3000
3000
  style={
3001
- Object {
3001
+ {
3002
3002
  "alignItems": "stretch",
3003
3003
  "borderStyle": "solid",
3004
3004
  "borderWidth": 0,
@@ -3032,7 +3032,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3032
3032
  onTouchEnd={[Function]}
3033
3033
  onTouchStart={[Function]}
3034
3034
  style={
3035
- Object {
3035
+ {
3036
3036
  "alignItems": "flex-start",
3037
3037
  "borderStyle": "solid",
3038
3038
  "borderWidth": 0,
@@ -3059,7 +3059,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3059
3059
  name="science-classes"
3060
3060
  onChange={[Function]}
3061
3061
  style={
3062
- Object {
3062
+ {
3063
3063
  "MozAppearance": "none",
3064
3064
  "WebkitAppearance": "none",
3065
3065
  "appearance": "none",
@@ -3083,7 +3083,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3083
3083
  aria-hidden="true"
3084
3084
  className=""
3085
3085
  style={
3086
- Object {
3086
+ {
3087
3087
  "MsFlexBasis": 8,
3088
3088
  "MsFlexPreferredSize": 8,
3089
3089
  "WebkitFlexBasis": 8,
@@ -3108,11 +3108,11 @@ exports[`wonder-blocks-form example 6 1`] = `
3108
3108
  <span
3109
3109
  className=""
3110
3110
  style={
3111
- Object {
3111
+ {
3112
3112
  "MozOsxFontSmoothing": "grayscale",
3113
3113
  "WebkitFontSmoothing": "antialiased",
3114
3114
  "display": "block",
3115
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3115
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3116
3116
  "fontSize": 16,
3117
3117
  "fontWeight": 400,
3118
3118
  "lineHeight": "20px",
@@ -3133,7 +3133,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3133
3133
  <div
3134
3134
  className=""
3135
3135
  style={
3136
- Object {
3136
+ {
3137
3137
  "alignItems": "stretch",
3138
3138
  "borderStyle": "solid",
3139
3139
  "borderWidth": 0,
@@ -3167,7 +3167,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3167
3167
  onTouchEnd={[Function]}
3168
3168
  onTouchStart={[Function]}
3169
3169
  style={
3170
- Object {
3170
+ {
3171
3171
  "alignItems": "flex-start",
3172
3172
  "borderStyle": "solid",
3173
3173
  "borderWidth": 0,
@@ -3194,7 +3194,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3194
3194
  name="science-classes"
3195
3195
  onChange={[Function]}
3196
3196
  style={
3197
- Object {
3197
+ {
3198
3198
  "MozAppearance": "none",
3199
3199
  "WebkitAppearance": "none",
3200
3200
  "appearance": "none",
@@ -3218,7 +3218,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3218
3218
  aria-hidden="true"
3219
3219
  className=""
3220
3220
  style={
3221
- Object {
3221
+ {
3222
3222
  "MsFlexBasis": 8,
3223
3223
  "MsFlexPreferredSize": 8,
3224
3224
  "WebkitFlexBasis": 8,
@@ -3243,11 +3243,11 @@ exports[`wonder-blocks-form example 6 1`] = `
3243
3243
  <span
3244
3244
  className=""
3245
3245
  style={
3246
- Object {
3246
+ {
3247
3247
  "MozOsxFontSmoothing": "grayscale",
3248
3248
  "WebkitFontSmoothing": "antialiased",
3249
3249
  "display": "block",
3250
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3250
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3251
3251
  "fontSize": 16,
3252
3252
  "fontWeight": 400,
3253
3253
  "lineHeight": "20px",
@@ -3268,7 +3268,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3268
3268
  <div
3269
3269
  className=""
3270
3270
  style={
3271
- Object {
3271
+ {
3272
3272
  "alignItems": "stretch",
3273
3273
  "borderStyle": "solid",
3274
3274
  "borderWidth": 0,
@@ -3302,7 +3302,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3302
3302
  onTouchEnd={[Function]}
3303
3303
  onTouchStart={[Function]}
3304
3304
  style={
3305
- Object {
3305
+ {
3306
3306
  "alignItems": "flex-start",
3307
3307
  "borderStyle": "solid",
3308
3308
  "borderWidth": 0,
@@ -3329,7 +3329,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3329
3329
  name="science-classes"
3330
3330
  onChange={[Function]}
3331
3331
  style={
3332
- Object {
3332
+ {
3333
3333
  "MozAppearance": "none",
3334
3334
  "WebkitAppearance": "none",
3335
3335
  "appearance": "none",
@@ -3353,7 +3353,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3353
3353
  aria-hidden="true"
3354
3354
  className=""
3355
3355
  style={
3356
- Object {
3356
+ {
3357
3357
  "MsFlexBasis": 8,
3358
3358
  "MsFlexPreferredSize": 8,
3359
3359
  "WebkitFlexBasis": 8,
@@ -3378,11 +3378,11 @@ exports[`wonder-blocks-form example 6 1`] = `
3378
3378
  <span
3379
3379
  className=""
3380
3380
  style={
3381
- Object {
3381
+ {
3382
3382
  "MozOsxFontSmoothing": "grayscale",
3383
3383
  "WebkitFontSmoothing": "antialiased",
3384
3384
  "display": "block",
3385
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3385
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3386
3386
  "fontSize": 16,
3387
3387
  "fontWeight": 400,
3388
3388
  "lineHeight": "20px",
@@ -3403,7 +3403,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3403
3403
  <div
3404
3404
  className=""
3405
3405
  style={
3406
- Object {
3406
+ {
3407
3407
  "alignItems": "stretch",
3408
3408
  "borderStyle": "solid",
3409
3409
  "borderWidth": 0,
@@ -3437,7 +3437,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3437
3437
  onTouchEnd={[Function]}
3438
3438
  onTouchStart={[Function]}
3439
3439
  style={
3440
- Object {
3440
+ {
3441
3441
  "alignItems": "flex-start",
3442
3442
  "borderStyle": "solid",
3443
3443
  "borderWidth": 0,
@@ -3464,7 +3464,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3464
3464
  name="science-classes"
3465
3465
  onChange={[Function]}
3466
3466
  style={
3467
- Object {
3467
+ {
3468
3468
  "MozAppearance": "none",
3469
3469
  "WebkitAppearance": "none",
3470
3470
  "appearance": "none",
@@ -3488,7 +3488,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3488
3488
  aria-hidden="true"
3489
3489
  className=""
3490
3490
  style={
3491
- Object {
3491
+ {
3492
3492
  "MsFlexBasis": 8,
3493
3493
  "MsFlexPreferredSize": 8,
3494
3494
  "WebkitFlexBasis": 8,
@@ -3513,11 +3513,11 @@ exports[`wonder-blocks-form example 6 1`] = `
3513
3513
  <span
3514
3514
  className=""
3515
3515
  style={
3516
- Object {
3516
+ {
3517
3517
  "MozOsxFontSmoothing": "grayscale",
3518
3518
  "WebkitFontSmoothing": "antialiased",
3519
3519
  "display": "block",
3520
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3520
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3521
3521
  "fontSize": 16,
3522
3522
  "fontWeight": 400,
3523
3523
  "lineHeight": "20px",
@@ -3538,7 +3538,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3538
3538
  <div
3539
3539
  className=""
3540
3540
  style={
3541
- Object {
3541
+ {
3542
3542
  "alignItems": "stretch",
3543
3543
  "borderStyle": "solid",
3544
3544
  "borderWidth": 0,
@@ -3572,7 +3572,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3572
3572
  onTouchEnd={[Function]}
3573
3573
  onTouchStart={[Function]}
3574
3574
  style={
3575
- Object {
3575
+ {
3576
3576
  "alignItems": "flex-start",
3577
3577
  "borderStyle": "solid",
3578
3578
  "borderWidth": 0,
@@ -3599,7 +3599,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3599
3599
  name="science-classes"
3600
3600
  onChange={[Function]}
3601
3601
  style={
3602
- Object {
3602
+ {
3603
3603
  "MozAppearance": "none",
3604
3604
  "WebkitAppearance": "none",
3605
3605
  "appearance": "none",
@@ -3623,7 +3623,7 @@ exports[`wonder-blocks-form example 6 1`] = `
3623
3623
  aria-hidden="true"
3624
3624
  className=""
3625
3625
  style={
3626
- Object {
3626
+ {
3627
3627
  "MsFlexBasis": 8,
3628
3628
  "MsFlexPreferredSize": 8,
3629
3629
  "WebkitFlexBasis": 8,
@@ -3648,11 +3648,11 @@ exports[`wonder-blocks-form example 6 1`] = `
3648
3648
  <span
3649
3649
  className=""
3650
3650
  style={
3651
- Object {
3651
+ {
3652
3652
  "MozOsxFontSmoothing": "grayscale",
3653
3653
  "WebkitFontSmoothing": "antialiased",
3654
3654
  "display": "block",
3655
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3655
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3656
3656
  "fontSize": 16,
3657
3657
  "fontWeight": 400,
3658
3658
  "lineHeight": "20px",
@@ -3679,7 +3679,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3679
3679
  <div
3680
3680
  className=""
3681
3681
  style={
3682
- Object {
3682
+ {
3683
3683
  "alignItems": "stretch",
3684
3684
  "borderStyle": "solid",
3685
3685
  "borderWidth": 0,
@@ -3698,7 +3698,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3698
3698
  <fieldset
3699
3699
  className=""
3700
3700
  style={
3701
- Object {
3701
+ {
3702
3702
  "border": "none",
3703
3703
  "margin": 0,
3704
3704
  "padding": 0,
@@ -3708,7 +3708,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3708
3708
  <div
3709
3709
  className=""
3710
3710
  style={
3711
- Object {
3711
+ {
3712
3712
  "alignItems": "stretch",
3713
3713
  "borderStyle": "solid",
3714
3714
  "borderWidth": 0,
@@ -3727,11 +3727,11 @@ exports[`wonder-blocks-form example 7 1`] = `
3727
3727
  <span
3728
3728
  className=""
3729
3729
  style={
3730
- Object {
3730
+ {
3731
3731
  "MozOsxFontSmoothing": "grayscale",
3732
3732
  "WebkitFontSmoothing": "antialiased",
3733
3733
  "display": "block",
3734
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3734
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3735
3735
  "fontSize": 16,
3736
3736
  "fontWeight": 700,
3737
3737
  "lineHeight": "20px",
@@ -3743,12 +3743,12 @@ exports[`wonder-blocks-form example 7 1`] = `
3743
3743
  <span
3744
3744
  className=""
3745
3745
  style={
3746
- Object {
3746
+ {
3747
3747
  "MozOsxFontSmoothing": "grayscale",
3748
3748
  "WebkitFontSmoothing": "antialiased",
3749
3749
  "color": "rgba(33,36,44,0.64)",
3750
3750
  "display": "block",
3751
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3751
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3752
3752
  "fontSize": 12,
3753
3753
  "fontWeight": 400,
3754
3754
  "lineHeight": "16px",
@@ -3762,7 +3762,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3762
3762
  aria-hidden="true"
3763
3763
  className=""
3764
3764
  style={
3765
- Object {
3765
+ {
3766
3766
  "MsFlexBasis": 12,
3767
3767
  "MsFlexPreferredSize": 12,
3768
3768
  "WebkitFlexBasis": 12,
@@ -3787,8 +3787,8 @@ exports[`wonder-blocks-form example 7 1`] = `
3787
3787
  <div
3788
3788
  className=""
3789
3789
  style={
3790
- Object {
3791
- ":lastChild": Object {
3790
+ {
3791
+ ":lastChild": {
3792
3792
  "borderBottom": "solid 1px #CCC",
3793
3793
  },
3794
3794
  "alignItems": "stretch",
@@ -3825,7 +3825,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3825
3825
  onTouchEnd={[Function]}
3826
3826
  onTouchStart={[Function]}
3827
3827
  style={
3828
- Object {
3828
+ {
3829
3829
  "alignItems": "flex-start",
3830
3830
  "borderStyle": "solid",
3831
3831
  "borderWidth": 0,
@@ -3852,7 +3852,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3852
3852
  name="science-classes"
3853
3853
  onChange={[Function]}
3854
3854
  style={
3855
- Object {
3855
+ {
3856
3856
  "MozAppearance": "none",
3857
3857
  "WebkitAppearance": "none",
3858
3858
  "appearance": "none",
@@ -3876,7 +3876,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3876
3876
  aria-hidden="true"
3877
3877
  className=""
3878
3878
  style={
3879
- Object {
3879
+ {
3880
3880
  "MsFlexBasis": 8,
3881
3881
  "MsFlexPreferredSize": 8,
3882
3882
  "WebkitFlexBasis": 8,
@@ -3901,11 +3901,11 @@ exports[`wonder-blocks-form example 7 1`] = `
3901
3901
  <span
3902
3902
  className=""
3903
3903
  style={
3904
- Object {
3904
+ {
3905
3905
  "MozOsxFontSmoothing": "grayscale",
3906
3906
  "WebkitFontSmoothing": "antialiased",
3907
3907
  "display": "block",
3908
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
3908
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
3909
3909
  "fontSize": 16,
3910
3910
  "fontWeight": 400,
3911
3911
  "lineHeight": "20px",
@@ -3926,8 +3926,8 @@ exports[`wonder-blocks-form example 7 1`] = `
3926
3926
  <div
3927
3927
  className=""
3928
3928
  style={
3929
- Object {
3930
- ":lastChild": Object {
3929
+ {
3930
+ ":lastChild": {
3931
3931
  "borderBottom": "solid 1px #CCC",
3932
3932
  },
3933
3933
  "alignItems": "stretch",
@@ -3965,7 +3965,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3965
3965
  onTouchEnd={[Function]}
3966
3966
  onTouchStart={[Function]}
3967
3967
  style={
3968
- Object {
3968
+ {
3969
3969
  "alignItems": "flex-start",
3970
3970
  "borderStyle": "solid",
3971
3971
  "borderWidth": 0,
@@ -3992,7 +3992,7 @@ exports[`wonder-blocks-form example 7 1`] = `
3992
3992
  name="science-classes"
3993
3993
  onChange={[Function]}
3994
3994
  style={
3995
- Object {
3995
+ {
3996
3996
  "MozAppearance": "none",
3997
3997
  "WebkitAppearance": "none",
3998
3998
  "appearance": "none",
@@ -4016,7 +4016,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4016
4016
  aria-hidden="true"
4017
4017
  className=""
4018
4018
  style={
4019
- Object {
4019
+ {
4020
4020
  "MsFlexBasis": 8,
4021
4021
  "MsFlexPreferredSize": 8,
4022
4022
  "WebkitFlexBasis": 8,
@@ -4041,11 +4041,11 @@ exports[`wonder-blocks-form example 7 1`] = `
4041
4041
  <span
4042
4042
  className=""
4043
4043
  style={
4044
- Object {
4044
+ {
4045
4045
  "MozOsxFontSmoothing": "grayscale",
4046
4046
  "WebkitFontSmoothing": "antialiased",
4047
4047
  "display": "block",
4048
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4048
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4049
4049
  "fontSize": 16,
4050
4050
  "fontWeight": 400,
4051
4051
  "lineHeight": "20px",
@@ -4066,8 +4066,8 @@ exports[`wonder-blocks-form example 7 1`] = `
4066
4066
  <div
4067
4067
  className=""
4068
4068
  style={
4069
- Object {
4070
- ":lastChild": Object {
4069
+ {
4070
+ ":lastChild": {
4071
4071
  "borderBottom": "solid 1px #CCC",
4072
4072
  },
4073
4073
  "alignItems": "stretch",
@@ -4105,7 +4105,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4105
4105
  onTouchEnd={[Function]}
4106
4106
  onTouchStart={[Function]}
4107
4107
  style={
4108
- Object {
4108
+ {
4109
4109
  "alignItems": "flex-start",
4110
4110
  "borderStyle": "solid",
4111
4111
  "borderWidth": 0,
@@ -4132,7 +4132,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4132
4132
  name="science-classes"
4133
4133
  onChange={[Function]}
4134
4134
  style={
4135
- Object {
4135
+ {
4136
4136
  "MozAppearance": "none",
4137
4137
  "WebkitAppearance": "none",
4138
4138
  "appearance": "none",
@@ -4156,7 +4156,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4156
4156
  aria-hidden="true"
4157
4157
  className=""
4158
4158
  style={
4159
- Object {
4159
+ {
4160
4160
  "MsFlexBasis": 8,
4161
4161
  "MsFlexPreferredSize": 8,
4162
4162
  "WebkitFlexBasis": 8,
@@ -4181,11 +4181,11 @@ exports[`wonder-blocks-form example 7 1`] = `
4181
4181
  <span
4182
4182
  className=""
4183
4183
  style={
4184
- Object {
4184
+ {
4185
4185
  "MozOsxFontSmoothing": "grayscale",
4186
4186
  "WebkitFontSmoothing": "antialiased",
4187
4187
  "display": "block",
4188
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4188
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4189
4189
  "fontSize": 16,
4190
4190
  "fontWeight": 400,
4191
4191
  "lineHeight": "20px",
@@ -4206,8 +4206,8 @@ exports[`wonder-blocks-form example 7 1`] = `
4206
4206
  <div
4207
4207
  className=""
4208
4208
  style={
4209
- Object {
4210
- ":lastChild": Object {
4209
+ {
4210
+ ":lastChild": {
4211
4211
  "borderBottom": "solid 1px #CCC",
4212
4212
  },
4213
4213
  "alignItems": "stretch",
@@ -4245,7 +4245,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4245
4245
  onTouchEnd={[Function]}
4246
4246
  onTouchStart={[Function]}
4247
4247
  style={
4248
- Object {
4248
+ {
4249
4249
  "alignItems": "flex-start",
4250
4250
  "borderStyle": "solid",
4251
4251
  "borderWidth": 0,
@@ -4272,7 +4272,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4272
4272
  name="science-classes"
4273
4273
  onChange={[Function]}
4274
4274
  style={
4275
- Object {
4275
+ {
4276
4276
  "MozAppearance": "none",
4277
4277
  "WebkitAppearance": "none",
4278
4278
  "appearance": "none",
@@ -4296,7 +4296,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4296
4296
  aria-hidden="true"
4297
4297
  className=""
4298
4298
  style={
4299
- Object {
4299
+ {
4300
4300
  "MsFlexBasis": 8,
4301
4301
  "MsFlexPreferredSize": 8,
4302
4302
  "WebkitFlexBasis": 8,
@@ -4321,11 +4321,11 @@ exports[`wonder-blocks-form example 7 1`] = `
4321
4321
  <span
4322
4322
  className=""
4323
4323
  style={
4324
- Object {
4324
+ {
4325
4325
  "MozOsxFontSmoothing": "grayscale",
4326
4326
  "WebkitFontSmoothing": "antialiased",
4327
4327
  "display": "block",
4328
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4328
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4329
4329
  "fontSize": 16,
4330
4330
  "fontWeight": 400,
4331
4331
  "lineHeight": "20px",
@@ -4346,8 +4346,8 @@ exports[`wonder-blocks-form example 7 1`] = `
4346
4346
  <div
4347
4347
  className=""
4348
4348
  style={
4349
- Object {
4350
- ":lastChild": Object {
4349
+ {
4350
+ ":lastChild": {
4351
4351
  "borderBottom": "solid 1px #CCC",
4352
4352
  },
4353
4353
  "alignItems": "stretch",
@@ -4385,7 +4385,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4385
4385
  onTouchEnd={[Function]}
4386
4386
  onTouchStart={[Function]}
4387
4387
  style={
4388
- Object {
4388
+ {
4389
4389
  "alignItems": "flex-start",
4390
4390
  "borderStyle": "solid",
4391
4391
  "borderWidth": 0,
@@ -4412,7 +4412,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4412
4412
  name="science-classes"
4413
4413
  onChange={[Function]}
4414
4414
  style={
4415
- Object {
4415
+ {
4416
4416
  "MozAppearance": "none",
4417
4417
  "WebkitAppearance": "none",
4418
4418
  "appearance": "none",
@@ -4436,7 +4436,7 @@ exports[`wonder-blocks-form example 7 1`] = `
4436
4436
  aria-hidden="true"
4437
4437
  className=""
4438
4438
  style={
4439
- Object {
4439
+ {
4440
4440
  "MsFlexBasis": 8,
4441
4441
  "MsFlexPreferredSize": 8,
4442
4442
  "WebkitFlexBasis": 8,
@@ -4461,11 +4461,11 @@ exports[`wonder-blocks-form example 7 1`] = `
4461
4461
  <span
4462
4462
  className=""
4463
4463
  style={
4464
- Object {
4464
+ {
4465
4465
  "MozOsxFontSmoothing": "grayscale",
4466
4466
  "WebkitFontSmoothing": "antialiased",
4467
4467
  "display": "block",
4468
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4468
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4469
4469
  "fontSize": 16,
4470
4470
  "fontWeight": 400,
4471
4471
  "lineHeight": "20px",
@@ -4492,7 +4492,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4492
4492
  <div
4493
4493
  className=""
4494
4494
  style={
4495
- Object {
4495
+ {
4496
4496
  "alignItems": "stretch",
4497
4497
  "borderStyle": "solid",
4498
4498
  "borderWidth": 0,
@@ -4512,7 +4512,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4512
4512
  <fieldset
4513
4513
  className=""
4514
4514
  style={
4515
- Object {
4515
+ {
4516
4516
  "border": "none",
4517
4517
  "margin": 0,
4518
4518
  "padding": 0,
@@ -4522,7 +4522,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4522
4522
  <div
4523
4523
  className=""
4524
4524
  style={
4525
- Object {
4525
+ {
4526
4526
  "alignItems": "stretch",
4527
4527
  "borderStyle": "solid",
4528
4528
  "borderWidth": 0,
@@ -4541,7 +4541,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4541
4541
  <legend
4542
4542
  className=""
4543
4543
  style={
4544
- Object {
4544
+ {
4545
4545
  "padding": 0,
4546
4546
  }
4547
4547
  }
@@ -4549,11 +4549,11 @@ exports[`wonder-blocks-form example 8 1`] = `
4549
4549
  <span
4550
4550
  className=""
4551
4551
  style={
4552
- Object {
4552
+ {
4553
4553
  "MozOsxFontSmoothing": "grayscale",
4554
4554
  "WebkitFontSmoothing": "antialiased",
4555
4555
  "display": "block",
4556
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4556
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4557
4557
  "fontSize": 16,
4558
4558
  "fontWeight": 400,
4559
4559
  "lineHeight": "20px",
@@ -4566,12 +4566,12 @@ exports[`wonder-blocks-form example 8 1`] = `
4566
4566
  <span
4567
4567
  className=""
4568
4568
  style={
4569
- Object {
4569
+ {
4570
4570
  "MozOsxFontSmoothing": "grayscale",
4571
4571
  "WebkitFontSmoothing": "antialiased",
4572
4572
  "color": "rgba(33,36,44,0.64)",
4573
4573
  "display": "block",
4574
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4574
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4575
4575
  "fontSize": 14,
4576
4576
  "fontWeight": 400,
4577
4577
  "lineHeight": "18px",
@@ -4585,7 +4585,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4585
4585
  aria-hidden="true"
4586
4586
  className=""
4587
4587
  style={
4588
- Object {
4588
+ {
4589
4589
  "MsFlexBasis": 12,
4590
4590
  "MsFlexPreferredSize": 12,
4591
4591
  "WebkitFlexBasis": 12,
@@ -4610,7 +4610,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4610
4610
  <div
4611
4611
  className=""
4612
4612
  style={
4613
- Object {
4613
+ {
4614
4614
  "alignItems": "stretch",
4615
4615
  "borderStyle": "solid",
4616
4616
  "borderWidth": 0,
@@ -4642,7 +4642,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4642
4642
  onTouchEnd={[Function]}
4643
4643
  onTouchStart={[Function]}
4644
4644
  style={
4645
- Object {
4645
+ {
4646
4646
  "alignItems": "flex-start",
4647
4647
  "borderStyle": "solid",
4648
4648
  "borderWidth": 0,
@@ -4669,7 +4669,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4669
4669
  name="Pokemon"
4670
4670
  onChange={[Function]}
4671
4671
  style={
4672
- Object {
4672
+ {
4673
4673
  "MozAppearance": "none",
4674
4674
  "WebkitAppearance": "none",
4675
4675
  "appearance": "none",
@@ -4693,7 +4693,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4693
4693
  aria-hidden="true"
4694
4694
  className=""
4695
4695
  style={
4696
- Object {
4696
+ {
4697
4697
  "MsFlexBasis": 8,
4698
4698
  "MsFlexPreferredSize": 8,
4699
4699
  "WebkitFlexBasis": 8,
@@ -4718,11 +4718,11 @@ exports[`wonder-blocks-form example 8 1`] = `
4718
4718
  <span
4719
4719
  className=""
4720
4720
  style={
4721
- Object {
4721
+ {
4722
4722
  "MozOsxFontSmoothing": "grayscale",
4723
4723
  "WebkitFontSmoothing": "antialiased",
4724
4724
  "display": "block",
4725
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4725
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4726
4726
  "fontSize": 16,
4727
4727
  "fontWeight": 400,
4728
4728
  "lineHeight": "20px",
@@ -4743,7 +4743,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4743
4743
  <div
4744
4744
  className=""
4745
4745
  style={
4746
- Object {
4746
+ {
4747
4747
  "alignItems": "stretch",
4748
4748
  "borderStyle": "solid",
4749
4749
  "borderWidth": 0,
@@ -4776,7 +4776,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4776
4776
  onTouchEnd={[Function]}
4777
4777
  onTouchStart={[Function]}
4778
4778
  style={
4779
- Object {
4779
+ {
4780
4780
  "alignItems": "flex-start",
4781
4781
  "borderStyle": "solid",
4782
4782
  "borderWidth": 0,
@@ -4804,7 +4804,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4804
4804
  name="Pokemon"
4805
4805
  onChange={[Function]}
4806
4806
  style={
4807
- Object {
4807
+ {
4808
4808
  "MozAppearance": "none",
4809
4809
  "WebkitAppearance": "none",
4810
4810
  "appearance": "none",
@@ -4829,7 +4829,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4829
4829
  aria-hidden="true"
4830
4830
  className=""
4831
4831
  style={
4832
- Object {
4832
+ {
4833
4833
  "MsFlexBasis": 8,
4834
4834
  "MsFlexPreferredSize": 8,
4835
4835
  "WebkitFlexBasis": 8,
@@ -4854,12 +4854,12 @@ exports[`wonder-blocks-form example 8 1`] = `
4854
4854
  <span
4855
4855
  className=""
4856
4856
  style={
4857
- Object {
4857
+ {
4858
4858
  "MozOsxFontSmoothing": "grayscale",
4859
4859
  "WebkitFontSmoothing": "antialiased",
4860
4860
  "color": "rgba(33,36,44,0.32)",
4861
4861
  "display": "block",
4862
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4862
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4863
4863
  "fontSize": 16,
4864
4864
  "fontWeight": 400,
4865
4865
  "lineHeight": "20px",
@@ -4880,12 +4880,12 @@ exports[`wonder-blocks-form example 8 1`] = `
4880
4880
  className=""
4881
4881
  id="uid-choice-32-description"
4882
4882
  style={
4883
- Object {
4883
+ {
4884
4884
  "MozOsxFontSmoothing": "grayscale",
4885
4885
  "WebkitFontSmoothing": "antialiased",
4886
4886
  "color": "rgba(33,36,44,0.64)",
4887
4887
  "display": "block",
4888
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
4888
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
4889
4889
  "fontSize": 14,
4890
4890
  "fontWeight": 400,
4891
4891
  "lineHeight": "18px",
@@ -4900,7 +4900,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4900
4900
  <div
4901
4901
  className=""
4902
4902
  style={
4903
- Object {
4903
+ {
4904
4904
  "alignItems": "stretch",
4905
4905
  "borderStyle": "solid",
4906
4906
  "borderWidth": 0,
@@ -4933,7 +4933,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4933
4933
  onTouchEnd={[Function]}
4934
4934
  onTouchStart={[Function]}
4935
4935
  style={
4936
- Object {
4936
+ {
4937
4937
  "alignItems": "flex-start",
4938
4938
  "borderStyle": "solid",
4939
4939
  "borderWidth": 0,
@@ -4960,7 +4960,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4960
4960
  name="Pokemon"
4961
4961
  onChange={[Function]}
4962
4962
  style={
4963
- Object {
4963
+ {
4964
4964
  "MozAppearance": "none",
4965
4965
  "WebkitAppearance": "none",
4966
4966
  "appearance": "none",
@@ -4984,7 +4984,7 @@ exports[`wonder-blocks-form example 8 1`] = `
4984
4984
  aria-hidden="true"
4985
4985
  className=""
4986
4986
  style={
4987
- Object {
4987
+ {
4988
4988
  "MsFlexBasis": 8,
4989
4989
  "MsFlexPreferredSize": 8,
4990
4990
  "WebkitFlexBasis": 8,
@@ -5009,11 +5009,11 @@ exports[`wonder-blocks-form example 8 1`] = `
5009
5009
  <span
5010
5010
  className=""
5011
5011
  style={
5012
- Object {
5012
+ {
5013
5013
  "MozOsxFontSmoothing": "grayscale",
5014
5014
  "WebkitFontSmoothing": "antialiased",
5015
5015
  "display": "block",
5016
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5016
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5017
5017
  "fontSize": 16,
5018
5018
  "fontWeight": 400,
5019
5019
  "lineHeight": "20px",
@@ -5034,7 +5034,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5034
5034
  <div
5035
5035
  className=""
5036
5036
  style={
5037
- Object {
5037
+ {
5038
5038
  "alignItems": "stretch",
5039
5039
  "borderStyle": "solid",
5040
5040
  "borderWidth": 0,
@@ -5067,7 +5067,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5067
5067
  onTouchEnd={[Function]}
5068
5068
  onTouchStart={[Function]}
5069
5069
  style={
5070
- Object {
5070
+ {
5071
5071
  "alignItems": "flex-start",
5072
5072
  "borderStyle": "solid",
5073
5073
  "borderWidth": 0,
@@ -5094,7 +5094,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5094
5094
  name="Pokemon"
5095
5095
  onChange={[Function]}
5096
5096
  style={
5097
- Object {
5097
+ {
5098
5098
  "MozAppearance": "none",
5099
5099
  "WebkitAppearance": "none",
5100
5100
  "appearance": "none",
@@ -5118,7 +5118,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5118
5118
  aria-hidden="true"
5119
5119
  className=""
5120
5120
  style={
5121
- Object {
5121
+ {
5122
5122
  "MsFlexBasis": 8,
5123
5123
  "MsFlexPreferredSize": 8,
5124
5124
  "WebkitFlexBasis": 8,
@@ -5143,11 +5143,11 @@ exports[`wonder-blocks-form example 8 1`] = `
5143
5143
  <span
5144
5144
  className=""
5145
5145
  style={
5146
- Object {
5146
+ {
5147
5147
  "MozOsxFontSmoothing": "grayscale",
5148
5148
  "WebkitFontSmoothing": "antialiased",
5149
5149
  "display": "block",
5150
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5150
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5151
5151
  "fontSize": 16,
5152
5152
  "fontWeight": 400,
5153
5153
  "lineHeight": "20px",
@@ -5168,7 +5168,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5168
5168
  <div
5169
5169
  className=""
5170
5170
  style={
5171
- Object {
5171
+ {
5172
5172
  "alignItems": "stretch",
5173
5173
  "borderStyle": "solid",
5174
5174
  "borderWidth": 0,
@@ -5201,7 +5201,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5201
5201
  onTouchEnd={[Function]}
5202
5202
  onTouchStart={[Function]}
5203
5203
  style={
5204
- Object {
5204
+ {
5205
5205
  "alignItems": "flex-start",
5206
5206
  "borderStyle": "solid",
5207
5207
  "borderWidth": 0,
@@ -5228,7 +5228,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5228
5228
  name="Pokemon"
5229
5229
  onChange={[Function]}
5230
5230
  style={
5231
- Object {
5231
+ {
5232
5232
  "MozAppearance": "none",
5233
5233
  "WebkitAppearance": "none",
5234
5234
  "appearance": "none",
@@ -5252,7 +5252,7 @@ exports[`wonder-blocks-form example 8 1`] = `
5252
5252
  aria-hidden="true"
5253
5253
  className=""
5254
5254
  style={
5255
- Object {
5255
+ {
5256
5256
  "MsFlexBasis": 8,
5257
5257
  "MsFlexPreferredSize": 8,
5258
5258
  "WebkitFlexBasis": 8,
@@ -5277,11 +5277,11 @@ exports[`wonder-blocks-form example 8 1`] = `
5277
5277
  <span
5278
5278
  className=""
5279
5279
  style={
5280
- Object {
5280
+ {
5281
5281
  "MozOsxFontSmoothing": "grayscale",
5282
5282
  "WebkitFontSmoothing": "antialiased",
5283
5283
  "display": "block",
5284
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5284
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5285
5285
  "fontSize": 16,
5286
5286
  "fontWeight": 400,
5287
5287
  "lineHeight": "20px",
@@ -5308,7 +5308,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5308
5308
  <div
5309
5309
  className=""
5310
5310
  style={
5311
- Object {
5311
+ {
5312
5312
  "alignItems": "stretch",
5313
5313
  "borderStyle": "solid",
5314
5314
  "borderWidth": 0,
@@ -5327,11 +5327,11 @@ exports[`wonder-blocks-form example 9 1`] = `
5327
5327
  <span
5328
5328
  className=""
5329
5329
  style={
5330
- Object {
5330
+ {
5331
5331
  "MozOsxFontSmoothing": "grayscale",
5332
5332
  "WebkitFontSmoothing": "antialiased",
5333
5333
  "display": "block",
5334
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5334
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5335
5335
  "fontSize": 16,
5336
5336
  "fontWeight": 700,
5337
5337
  "lineHeight": "20px",
@@ -5344,7 +5344,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5344
5344
  <fieldset
5345
5345
  className=""
5346
5346
  style={
5347
- Object {
5347
+ {
5348
5348
  "border": "none",
5349
5349
  "margin": 0,
5350
5350
  "padding": 0,
@@ -5354,7 +5354,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5354
5354
  <div
5355
5355
  className=""
5356
5356
  style={
5357
- Object {
5357
+ {
5358
5358
  "alignItems": "stretch",
5359
5359
  "borderStyle": "solid",
5360
5360
  "borderWidth": 0,
@@ -5373,8 +5373,8 @@ exports[`wonder-blocks-form example 9 1`] = `
5373
5373
  <div
5374
5374
  className=""
5375
5375
  style={
5376
- Object {
5377
- ":lastChild": Object {
5376
+ {
5377
+ ":lastChild": {
5378
5378
  "borderBottom": "solid 1px #CCC",
5379
5379
  },
5380
5380
  "alignItems": "stretch",
@@ -5411,7 +5411,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5411
5411
  onTouchEnd={[Function]}
5412
5412
  onTouchStart={[Function]}
5413
5413
  style={
5414
- Object {
5414
+ {
5415
5415
  "alignItems": "flex-start",
5416
5416
  "borderStyle": "solid",
5417
5417
  "borderWidth": 0,
@@ -5438,7 +5438,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5438
5438
  name="science-classes"
5439
5439
  onChange={[Function]}
5440
5440
  style={
5441
- Object {
5441
+ {
5442
5442
  "MozAppearance": "none",
5443
5443
  "WebkitAppearance": "none",
5444
5444
  "appearance": "none",
@@ -5462,7 +5462,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5462
5462
  aria-hidden="true"
5463
5463
  className=""
5464
5464
  style={
5465
- Object {
5465
+ {
5466
5466
  "MsFlexBasis": 8,
5467
5467
  "MsFlexPreferredSize": 8,
5468
5468
  "WebkitFlexBasis": 8,
@@ -5487,11 +5487,11 @@ exports[`wonder-blocks-form example 9 1`] = `
5487
5487
  <span
5488
5488
  className=""
5489
5489
  style={
5490
- Object {
5490
+ {
5491
5491
  "MozOsxFontSmoothing": "grayscale",
5492
5492
  "WebkitFontSmoothing": "antialiased",
5493
5493
  "display": "block",
5494
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5494
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5495
5495
  "fontSize": 16,
5496
5496
  "fontWeight": 400,
5497
5497
  "lineHeight": "20px",
@@ -5512,8 +5512,8 @@ exports[`wonder-blocks-form example 9 1`] = `
5512
5512
  <div
5513
5513
  className=""
5514
5514
  style={
5515
- Object {
5516
- ":lastChild": Object {
5515
+ {
5516
+ ":lastChild": {
5517
5517
  "borderBottom": "solid 1px #CCC",
5518
5518
  },
5519
5519
  "alignItems": "stretch",
@@ -5551,7 +5551,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5551
5551
  onTouchEnd={[Function]}
5552
5552
  onTouchStart={[Function]}
5553
5553
  style={
5554
- Object {
5554
+ {
5555
5555
  "alignItems": "flex-start",
5556
5556
  "borderStyle": "solid",
5557
5557
  "borderWidth": 0,
@@ -5578,7 +5578,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5578
5578
  name="science-classes"
5579
5579
  onChange={[Function]}
5580
5580
  style={
5581
- Object {
5581
+ {
5582
5582
  "MozAppearance": "none",
5583
5583
  "WebkitAppearance": "none",
5584
5584
  "appearance": "none",
@@ -5602,7 +5602,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5602
5602
  aria-hidden="true"
5603
5603
  className=""
5604
5604
  style={
5605
- Object {
5605
+ {
5606
5606
  "MsFlexBasis": 8,
5607
5607
  "MsFlexPreferredSize": 8,
5608
5608
  "WebkitFlexBasis": 8,
@@ -5627,11 +5627,11 @@ exports[`wonder-blocks-form example 9 1`] = `
5627
5627
  <span
5628
5628
  className=""
5629
5629
  style={
5630
- Object {
5630
+ {
5631
5631
  "MozOsxFontSmoothing": "grayscale",
5632
5632
  "WebkitFontSmoothing": "antialiased",
5633
5633
  "display": "block",
5634
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5634
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5635
5635
  "fontSize": 16,
5636
5636
  "fontWeight": 400,
5637
5637
  "lineHeight": "20px",
@@ -5652,8 +5652,8 @@ exports[`wonder-blocks-form example 9 1`] = `
5652
5652
  <div
5653
5653
  className=""
5654
5654
  style={
5655
- Object {
5656
- ":lastChild": Object {
5655
+ {
5656
+ ":lastChild": {
5657
5657
  "borderBottom": "solid 1px #CCC",
5658
5658
  },
5659
5659
  "alignItems": "stretch",
@@ -5691,7 +5691,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5691
5691
  onTouchEnd={[Function]}
5692
5692
  onTouchStart={[Function]}
5693
5693
  style={
5694
- Object {
5694
+ {
5695
5695
  "alignItems": "flex-start",
5696
5696
  "borderStyle": "solid",
5697
5697
  "borderWidth": 0,
@@ -5718,7 +5718,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5718
5718
  name="science-classes"
5719
5719
  onChange={[Function]}
5720
5720
  style={
5721
- Object {
5721
+ {
5722
5722
  "MozAppearance": "none",
5723
5723
  "WebkitAppearance": "none",
5724
5724
  "appearance": "none",
@@ -5742,7 +5742,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5742
5742
  aria-hidden="true"
5743
5743
  className=""
5744
5744
  style={
5745
- Object {
5745
+ {
5746
5746
  "MsFlexBasis": 8,
5747
5747
  "MsFlexPreferredSize": 8,
5748
5748
  "WebkitFlexBasis": 8,
@@ -5767,11 +5767,11 @@ exports[`wonder-blocks-form example 9 1`] = `
5767
5767
  <span
5768
5768
  className=""
5769
5769
  style={
5770
- Object {
5770
+ {
5771
5771
  "MozOsxFontSmoothing": "grayscale",
5772
5772
  "WebkitFontSmoothing": "antialiased",
5773
5773
  "display": "block",
5774
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5774
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5775
5775
  "fontSize": 16,
5776
5776
  "fontWeight": 400,
5777
5777
  "lineHeight": "20px",
@@ -5792,8 +5792,8 @@ exports[`wonder-blocks-form example 9 1`] = `
5792
5792
  <div
5793
5793
  className=""
5794
5794
  style={
5795
- Object {
5796
- ":lastChild": Object {
5795
+ {
5796
+ ":lastChild": {
5797
5797
  "borderBottom": "solid 1px #CCC",
5798
5798
  },
5799
5799
  "alignItems": "stretch",
@@ -5831,7 +5831,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5831
5831
  onTouchEnd={[Function]}
5832
5832
  onTouchStart={[Function]}
5833
5833
  style={
5834
- Object {
5834
+ {
5835
5835
  "alignItems": "flex-start",
5836
5836
  "borderStyle": "solid",
5837
5837
  "borderWidth": 0,
@@ -5858,7 +5858,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5858
5858
  name="science-classes"
5859
5859
  onChange={[Function]}
5860
5860
  style={
5861
- Object {
5861
+ {
5862
5862
  "MozAppearance": "none",
5863
5863
  "WebkitAppearance": "none",
5864
5864
  "appearance": "none",
@@ -5882,7 +5882,7 @@ exports[`wonder-blocks-form example 9 1`] = `
5882
5882
  aria-hidden="true"
5883
5883
  className=""
5884
5884
  style={
5885
- Object {
5885
+ {
5886
5886
  "MsFlexBasis": 8,
5887
5887
  "MsFlexPreferredSize": 8,
5888
5888
  "WebkitFlexBasis": 8,
@@ -5907,11 +5907,11 @@ exports[`wonder-blocks-form example 9 1`] = `
5907
5907
  <span
5908
5908
  className=""
5909
5909
  style={
5910
- Object {
5910
+ {
5911
5911
  "MozOsxFontSmoothing": "grayscale",
5912
5912
  "WebkitFontSmoothing": "antialiased",
5913
5913
  "display": "block",
5914
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5914
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5915
5915
  "fontSize": 16,
5916
5916
  "fontWeight": 400,
5917
5917
  "lineHeight": "20px",
@@ -5938,7 +5938,7 @@ exports[`wonder-blocks-form example 10 1`] = `
5938
5938
  <div
5939
5939
  className=""
5940
5940
  style={
5941
- Object {
5941
+ {
5942
5942
  "alignItems": "stretch",
5943
5943
  "borderStyle": "solid",
5944
5944
  "borderWidth": 0,
@@ -5957,12 +5957,12 @@ exports[`wonder-blocks-form example 10 1`] = `
5957
5957
  <label
5958
5958
  className=""
5959
5959
  style={
5960
- Object {
5960
+ {
5961
5961
  "MozOsxFontSmoothing": "grayscale",
5962
5962
  "WebkitFontSmoothing": "antialiased",
5963
5963
  "color": "#21242c",
5964
5964
  "display": "block",
5965
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
5965
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
5966
5966
  "fontSize": 16,
5967
5967
  "fontWeight": 400,
5968
5968
  "lineHeight": "20px",
@@ -5975,7 +5975,7 @@ exports[`wonder-blocks-form example 10 1`] = `
5975
5975
  aria-hidden="true"
5976
5976
  className=""
5977
5977
  style={
5978
- Object {
5978
+ {
5979
5979
  "MsFlexBasis": 4,
5980
5980
  "MsFlexPreferredSize": 4,
5981
5981
  "WebkitFlexBasis": 4,
@@ -6000,12 +6000,12 @@ exports[`wonder-blocks-form example 10 1`] = `
6000
6000
  <span
6001
6001
  className=""
6002
6002
  style={
6003
- Object {
6003
+ {
6004
6004
  "MozOsxFontSmoothing": "grayscale",
6005
6005
  "WebkitFontSmoothing": "antialiased",
6006
6006
  "color": "rgba(33,36,44,0.64)",
6007
6007
  "display": "block",
6008
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
6008
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
6009
6009
  "fontSize": 14,
6010
6010
  "fontWeight": 400,
6011
6011
  "lineHeight": "18px",
@@ -6018,7 +6018,7 @@ exports[`wonder-blocks-form example 10 1`] = `
6018
6018
  aria-hidden="true"
6019
6019
  className=""
6020
6020
  style={
6021
- Object {
6021
+ {
6022
6022
  "MsFlexBasis": 4,
6023
6023
  "MsFlexPreferredSize": 4,
6024
6024
  "WebkitFlexBasis": 4,
@@ -6044,7 +6044,7 @@ exports[`wonder-blocks-form example 10 1`] = `
6044
6044
  aria-hidden="true"
6045
6045
  className=""
6046
6046
  style={
6047
- Object {
6047
+ {
6048
6048
  "MsFlexBasis": 8,
6049
6049
  "MsFlexPreferredSize": 8,
6050
6050
  "WebkitFlexBasis": 8,
@@ -6082,7 +6082,7 @@ exports[`wonder-blocks-form example 10 1`] = `
6082
6082
  aria-hidden="true"
6083
6083
  className=""
6084
6084
  style={
6085
- Object {
6085
+ {
6086
6086
  "MsFlexBasis": 12,
6087
6087
  "MsFlexPreferredSize": 12,
6088
6088
  "WebkitFlexBasis": 12,
@@ -6108,12 +6108,12 @@ exports[`wonder-blocks-form example 10 1`] = `
6108
6108
  className=""
6109
6109
  role="alert"
6110
6110
  style={
6111
- Object {
6111
+ {
6112
6112
  "MozOsxFontSmoothing": "grayscale",
6113
6113
  "WebkitFontSmoothing": "antialiased",
6114
6114
  "color": "#d92916",
6115
6115
  "display": "block",
6116
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
6116
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
6117
6117
  "fontSize": 14,
6118
6118
  "fontWeight": 400,
6119
6119
  "lineHeight": "18px",