@khanacademy/wonder-blocks-toolbar 2.1.32 → 2.1.34

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 (3) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/package.json +5 -5
  3. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +128 -128
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @khanacademy/wonder-blocks-toolbar
2
2
 
3
+ ## 2.1.34
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [6ee20af9]
8
+ - @khanacademy/wonder-blocks-core@4.4.0
9
+ - @khanacademy/wonder-blocks-typography@1.1.33
10
+
11
+ ## 2.1.33
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies [34c7aacb]
16
+ - @khanacademy/wonder-blocks-color@1.2.0
17
+
3
18
  ## 2.1.32
4
19
 
5
20
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-toolbar",
3
- "version": "2.1.32",
3
+ "version": "2.1.34",
4
4
  "design": "v1",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -15,10 +15,10 @@
15
15
  "author": "",
16
16
  "license": "MIT",
17
17
  "dependencies": {
18
- "@babel/runtime": "^7.16.3",
19
- "@khanacademy/wonder-blocks-color": "^1.1.20",
20
- "@khanacademy/wonder-blocks-core": "^4.3.2",
21
- "@khanacademy/wonder-blocks-typography": "^1.1.32"
18
+ "@babel/runtime": "^7.18.6",
19
+ "@khanacademy/wonder-blocks-color": "^1.2.0",
20
+ "@khanacademy/wonder-blocks-core": "^4.4.0",
21
+ "@khanacademy/wonder-blocks-typography": "^1.1.33"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "aphrodite": "^1.2.5",
package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap CHANGED
@@ -4,7 +4,7 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
4
4
  <div
5
5
  className=""
6
6
  style={
7
- Object {
7
+ {
8
8
  "alignItems": "stretch",
9
9
  "border": "1px solid rgba(33, 36, 44, 0.16)",
10
10
  "borderStyle": "solid",
@@ -27,7 +27,7 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
27
27
  <div
28
28
  className=""
29
29
  style={
30
- Object {
30
+ {
31
31
  "alignItems": "stretch",
32
32
  "borderStyle": "solid",
33
33
  "borderWidth": 0,
@@ -48,7 +48,7 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
48
48
  <div
49
49
  className=""
50
50
  style={
51
- Object {
51
+ {
52
52
  "alignItems": "center",
53
53
  "borderStyle": "solid",
54
54
  "borderWidth": 0,
@@ -69,7 +69,7 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
69
69
  <div
70
70
  className=""
71
71
  style={
72
- Object {
72
+ {
73
73
  "alignItems": "stretch",
74
74
  "borderStyle": "solid",
75
75
  "borderWidth": 0,
@@ -90,7 +90,7 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
90
90
  <div
91
91
  className=""
92
92
  style={
93
- Object {
93
+ {
94
94
  "alignItems": "center",
95
95
  "borderStyle": "solid",
96
96
  "borderWidth": 0,
@@ -125,11 +125,11 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
125
125
  onTouchStart={[Function]}
126
126
  role="button"
127
127
  style={
128
- Object {
129
- "::MozFocusInner": Object {
128
+ {
129
+ "::MozFocusInner": {
130
130
  "border": 0,
131
131
  },
132
- ":focus": Object {
132
+ ":focus": {
133
133
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
134
134
  },
135
135
  "alignItems": "center",
@@ -161,12 +161,12 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
161
161
  <span
162
162
  className=""
163
163
  style={
164
- Object {
164
+ {
165
165
  "MozOsxFontSmoothing": "grayscale",
166
166
  "WebkitFontSmoothing": "antialiased",
167
167
  "alignItems": "center",
168
168
  "display": "inline-block",
169
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
169
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
170
170
  "fontSize": 14,
171
171
  "fontWeight": "bold",
172
172
  "lineHeight": "18px",
@@ -184,7 +184,7 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
184
184
  aria-hidden="true"
185
185
  className=""
186
186
  style={
187
- Object {
187
+ {
188
188
  "MsFlexBasis": 16,
189
189
  "MsFlexPreferredSize": 16,
190
190
  "WebkitFlexBasis": 16,
@@ -224,11 +224,11 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
224
224
  onTouchStart={[Function]}
225
225
  role="button"
226
226
  style={
227
- Object {
228
- "::MozFocusInner": Object {
227
+ {
228
+ "::MozFocusInner": {
229
229
  "border": 0,
230
230
  },
231
- ":focus": Object {
231
+ ":focus": {
232
232
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
233
233
  },
234
234
  "alignItems": "center",
@@ -263,12 +263,12 @@ exports[`wonder-blocks-toolbar example 1 1`] = `
263
263
  <span
264
264
  className=""
265
265
  style={
266
- Object {
266
+ {
267
267
  "MozOsxFontSmoothing": "grayscale",
268
268
  "WebkitFontSmoothing": "antialiased",
269
269
  "alignItems": "center",
270
270
  "display": "inline-block",
271
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
271
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
272
272
  "fontSize": 14,
273
273
  "fontWeight": "bold",
274
274
  "lineHeight": "18px",
@@ -291,7 +291,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
291
291
  <div
292
292
  className=""
293
293
  style={
294
- Object {
294
+ {
295
295
  "alignItems": "stretch",
296
296
  "border": "1px solid rgba(33, 36, 44, 0.16)",
297
297
  "borderStyle": "solid",
@@ -314,7 +314,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
314
314
  <div
315
315
  className=""
316
316
  style={
317
- Object {
317
+ {
318
318
  "alignItems": "stretch",
319
319
  "borderStyle": "solid",
320
320
  "borderWidth": 0,
@@ -335,7 +335,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
335
335
  <div
336
336
  className=""
337
337
  style={
338
- Object {
338
+ {
339
339
  "alignItems": "center",
340
340
  "borderStyle": "solid",
341
341
  "borderWidth": 0,
@@ -369,11 +369,11 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
369
369
  onTouchEnd={[Function]}
370
370
  onTouchStart={[Function]}
371
371
  style={
372
- Object {
373
- "::MozFocusInner": Object {
372
+ {
373
+ "::MozFocusInner": {
374
374
  "border": 0,
375
375
  },
376
- ":focus": Object {
376
+ ":focus": {
377
377
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
378
378
  },
379
379
  "alignItems": "center",
@@ -401,7 +401,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
401
401
  className=""
402
402
  height={24}
403
403
  style={
404
- Object {
404
+ {
405
405
  "display": "inline-block",
406
406
  "flexGrow": 0,
407
407
  "flexShrink": 0,
@@ -421,7 +421,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
421
421
  aria-hidden="true"
422
422
  className=""
423
423
  style={
424
- Object {
424
+ {
425
425
  "MsFlexBasis": 16,
426
426
  "MsFlexPreferredSize": 16,
427
427
  "WebkitFlexBasis": 16,
@@ -460,11 +460,11 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
460
460
  onTouchEnd={[Function]}
461
461
  onTouchStart={[Function]}
462
462
  style={
463
- Object {
464
- "::MozFocusInner": Object {
463
+ {
464
+ "::MozFocusInner": {
465
465
  "border": 0,
466
466
  },
467
- ":focus": Object {
467
+ ":focus": {
468
468
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
469
469
  },
470
470
  "alignItems": "center",
@@ -492,7 +492,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
492
492
  className=""
493
493
  height={24}
494
494
  style={
495
- Object {
495
+ {
496
496
  "display": "inline-block",
497
497
  "flexGrow": 0,
498
498
  "flexShrink": 0,
@@ -513,7 +513,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
513
513
  <div
514
514
  className=""
515
515
  style={
516
- Object {
516
+ {
517
517
  "alignItems": "stretch",
518
518
  "borderStyle": "solid",
519
519
  "borderWidth": 0,
@@ -534,7 +534,7 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
534
534
  <div
535
535
  className=""
536
536
  style={
537
- Object {
537
+ {
538
538
  "alignItems": "center",
539
539
  "borderStyle": "solid",
540
540
  "borderWidth": 0,
@@ -569,11 +569,11 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
569
569
  onTouchStart={[Function]}
570
570
  role="button"
571
571
  style={
572
- Object {
573
- "::MozFocusInner": Object {
572
+ {
573
+ "::MozFocusInner": {
574
574
  "border": 0,
575
575
  },
576
- ":focus": Object {
576
+ ":focus": {
577
577
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
578
578
  },
579
579
  "alignItems": "center",
@@ -604,12 +604,12 @@ exports[`wonder-blocks-toolbar example 2 1`] = `
604
604
  <span
605
605
  className=""
606
606
  style={
607
- Object {
607
+ {
608
608
  "MozOsxFontSmoothing": "grayscale",
609
609
  "WebkitFontSmoothing": "antialiased",
610
610
  "alignItems": "center",
611
611
  "display": "inline-block",
612
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
612
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
613
613
  "fontSize": 16,
614
614
  "fontWeight": "bold",
615
615
  "lineHeight": "20px",
@@ -633,7 +633,7 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
633
633
  <div
634
634
  className=""
635
635
  style={
636
- Object {
636
+ {
637
637
  "alignItems": "stretch",
638
638
  "border": "1px solid rgba(33, 36, 44, 0.16)",
639
639
  "borderStyle": "solid",
@@ -656,7 +656,7 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
656
656
  <div
657
657
  className=""
658
658
  style={
659
- Object {
659
+ {
660
660
  "alignItems": "stretch",
661
661
  "borderStyle": "solid",
662
662
  "borderWidth": 0,
@@ -677,7 +677,7 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
677
677
  <div
678
678
  className=""
679
679
  style={
680
- Object {
680
+ {
681
681
  "alignItems": "center",
682
682
  "borderStyle": "solid",
683
683
  "borderWidth": 0,
@@ -711,11 +711,11 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
711
711
  onTouchEnd={[Function]}
712
712
  onTouchStart={[Function]}
713
713
  style={
714
- Object {
715
- "::MozFocusInner": Object {
714
+ {
715
+ "::MozFocusInner": {
716
716
  "border": 0,
717
717
  },
718
- ":focus": Object {
718
+ ":focus": {
719
719
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
720
720
  },
721
721
  "alignItems": "center",
@@ -743,7 +743,7 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
743
743
  className=""
744
744
  height={24}
745
745
  style={
746
- Object {
746
+ {
747
747
  "display": "inline-block",
748
748
  "flexGrow": 0,
749
749
  "flexShrink": 0,
@@ -764,7 +764,7 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
764
764
  <div
765
765
  className=""
766
766
  style={
767
- Object {
767
+ {
768
768
  "alignItems": "stretch",
769
769
  "borderStyle": "solid",
770
770
  "borderWidth": 0,
@@ -785,7 +785,7 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
785
785
  <div
786
786
  className=""
787
787
  style={
788
- Object {
788
+ {
789
789
  "alignItems": "center",
790
790
  "borderStyle": "solid",
791
791
  "borderWidth": 0,
@@ -820,11 +820,11 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
820
820
  onTouchStart={[Function]}
821
821
  role="button"
822
822
  style={
823
- Object {
824
- "::MozFocusInner": Object {
823
+ {
824
+ "::MozFocusInner": {
825
825
  "border": 0,
826
826
  },
827
- ":focus": Object {
827
+ ":focus": {
828
828
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
829
829
  },
830
830
  "alignItems": "center",
@@ -855,12 +855,12 @@ exports[`wonder-blocks-toolbar example 3 1`] = `
855
855
  <span
856
856
  className=""
857
857
  style={
858
- Object {
858
+ {
859
859
  "MozOsxFontSmoothing": "grayscale",
860
860
  "WebkitFontSmoothing": "antialiased",
861
861
  "alignItems": "center",
862
862
  "display": "inline-block",
863
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
863
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
864
864
  "fontSize": 16,
865
865
  "fontWeight": "bold",
866
866
  "lineHeight": "20px",
@@ -883,7 +883,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
883
883
  <div
884
884
  className=""
885
885
  style={
886
- Object {
886
+ {
887
887
  "alignItems": "stretch",
888
888
  "border": "1px solid rgba(33, 36, 44, 0.16)",
889
889
  "borderStyle": "solid",
@@ -906,7 +906,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
906
906
  <div
907
907
  className=""
908
908
  style={
909
- Object {
909
+ {
910
910
  "alignItems": "stretch",
911
911
  "borderStyle": "solid",
912
912
  "borderWidth": 0,
@@ -927,7 +927,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
927
927
  <div
928
928
  className=""
929
929
  style={
930
- Object {
930
+ {
931
931
  "alignItems": "center",
932
932
  "borderStyle": "solid",
933
933
  "borderWidth": 0,
@@ -961,11 +961,11 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
961
961
  onTouchEnd={[Function]}
962
962
  onTouchStart={[Function]}
963
963
  style={
964
- Object {
965
- "::MozFocusInner": Object {
964
+ {
965
+ "::MozFocusInner": {
966
966
  "border": 0,
967
967
  },
968
- ":focus": Object {
968
+ ":focus": {
969
969
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
970
970
  },
971
971
  "alignItems": "center",
@@ -993,7 +993,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
993
993
  className=""
994
994
  height={24}
995
995
  style={
996
- Object {
996
+ {
997
997
  "display": "inline-block",
998
998
  "flexGrow": 0,
999
999
  "flexShrink": 0,
@@ -1014,7 +1014,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
1014
1014
  <div
1015
1015
  className=""
1016
1016
  style={
1017
- Object {
1017
+ {
1018
1018
  "alignItems": "stretch",
1019
1019
  "borderStyle": "solid",
1020
1020
  "borderWidth": 0,
@@ -1036,7 +1036,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
1036
1036
  <div
1037
1037
  className=""
1038
1038
  style={
1039
- Object {
1039
+ {
1040
1040
  "alignItems": "stretch",
1041
1041
  "borderStyle": "solid",
1042
1042
  "borderWidth": 0,
@@ -1058,11 +1058,11 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
1058
1058
  className=""
1059
1059
  id="wb-toolbar-title"
1060
1060
  style={
1061
- Object {
1061
+ {
1062
1062
  "MozOsxFontSmoothing": "grayscale",
1063
1063
  "WebkitFontSmoothing": "antialiased",
1064
1064
  "display": "block",
1065
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1065
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1066
1066
  "fontSize": 20,
1067
1067
  "fontWeight": 700,
1068
1068
  "lineHeight": "24px",
@@ -1078,7 +1078,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
1078
1078
  <div
1079
1079
  className=""
1080
1080
  style={
1081
- Object {
1081
+ {
1082
1082
  "alignItems": "stretch",
1083
1083
  "borderStyle": "solid",
1084
1084
  "borderWidth": 0,
@@ -1099,7 +1099,7 @@ exports[`wonder-blocks-toolbar example 4 1`] = `
1099
1099
  <div
1100
1100
  className=""
1101
1101
  style={
1102
- Object {
1102
+ {
1103
1103
  "alignItems": "center",
1104
1104
  "borderStyle": "solid",
1105
1105
  "borderWidth": 0,
@@ -1124,7 +1124,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1124
1124
  <div
1125
1125
  className=""
1126
1126
  style={
1127
- Object {
1127
+ {
1128
1128
  "alignItems": "stretch",
1129
1129
  "border": "1px solid rgba(33, 36, 44, 0.16)",
1130
1130
  "borderStyle": "solid",
@@ -1147,7 +1147,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1147
1147
  <div
1148
1148
  className=""
1149
1149
  style={
1150
- Object {
1150
+ {
1151
1151
  "alignItems": "stretch",
1152
1152
  "borderStyle": "solid",
1153
1153
  "borderWidth": 0,
@@ -1168,7 +1168,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1168
1168
  <div
1169
1169
  className=""
1170
1170
  style={
1171
- Object {
1171
+ {
1172
1172
  "alignItems": "center",
1173
1173
  "borderStyle": "solid",
1174
1174
  "borderWidth": 0,
@@ -1202,11 +1202,11 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1202
1202
  onTouchEnd={[Function]}
1203
1203
  onTouchStart={[Function]}
1204
1204
  style={
1205
- Object {
1206
- "::MozFocusInner": Object {
1205
+ {
1206
+ "::MozFocusInner": {
1207
1207
  "border": 0,
1208
1208
  },
1209
- ":focus": Object {
1209
+ ":focus": {
1210
1210
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1211
1211
  },
1212
1212
  "alignItems": "center",
@@ -1234,7 +1234,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1234
1234
  className=""
1235
1235
  height={24}
1236
1236
  style={
1237
- Object {
1237
+ {
1238
1238
  "display": "inline-block",
1239
1239
  "flexGrow": 0,
1240
1240
  "flexShrink": 0,
@@ -1255,7 +1255,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1255
1255
  <div
1256
1256
  className=""
1257
1257
  style={
1258
- Object {
1258
+ {
1259
1259
  "alignItems": "stretch",
1260
1260
  "borderStyle": "solid",
1261
1261
  "borderWidth": 0,
@@ -1277,7 +1277,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1277
1277
  <div
1278
1278
  className=""
1279
1279
  style={
1280
- Object {
1280
+ {
1281
1281
  "alignItems": "stretch",
1282
1282
  "borderStyle": "solid",
1283
1283
  "borderWidth": 0,
@@ -1299,11 +1299,11 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1299
1299
  className=""
1300
1300
  id="wb-toolbar-title"
1301
1301
  style={
1302
- Object {
1302
+ {
1303
1303
  "MozOsxFontSmoothing": "grayscale",
1304
1304
  "WebkitFontSmoothing": "antialiased",
1305
1305
  "display": "block",
1306
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1306
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1307
1307
  "fontSize": 20,
1308
1308
  "fontWeight": 700,
1309
1309
  "lineHeight": "24px",
@@ -1319,7 +1319,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1319
1319
  <div
1320
1320
  className=""
1321
1321
  style={
1322
- Object {
1322
+ {
1323
1323
  "alignItems": "stretch",
1324
1324
  "borderStyle": "solid",
1325
1325
  "borderWidth": 0,
@@ -1340,7 +1340,7 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1340
1340
  <div
1341
1341
  className=""
1342
1342
  style={
1343
- Object {
1343
+ {
1344
1344
  "alignItems": "center",
1345
1345
  "borderStyle": "solid",
1346
1346
  "borderWidth": 0,
@@ -1375,11 +1375,11 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1375
1375
  onTouchStart={[Function]}
1376
1376
  role="button"
1377
1377
  style={
1378
- Object {
1379
- "::MozFocusInner": Object {
1378
+ {
1379
+ "::MozFocusInner": {
1380
1380
  "border": 0,
1381
1381
  },
1382
- ":focus": Object {
1382
+ ":focus": {
1383
1383
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1384
1384
  },
1385
1385
  "alignItems": "center",
@@ -1410,12 +1410,12 @@ exports[`wonder-blocks-toolbar example 5 1`] = `
1410
1410
  <span
1411
1411
  className=""
1412
1412
  style={
1413
- Object {
1413
+ {
1414
1414
  "MozOsxFontSmoothing": "grayscale",
1415
1415
  "WebkitFontSmoothing": "antialiased",
1416
1416
  "alignItems": "center",
1417
1417
  "display": "inline-block",
1418
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1418
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1419
1419
  "fontSize": 16,
1420
1420
  "fontWeight": "bold",
1421
1421
  "lineHeight": "20px",
@@ -1438,7 +1438,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1438
1438
  <div
1439
1439
  className=""
1440
1440
  style={
1441
- Object {
1441
+ {
1442
1442
  "alignItems": "stretch",
1443
1443
  "border": "1px solid rgba(33, 36, 44, 0.16)",
1444
1444
  "borderStyle": "solid",
@@ -1461,7 +1461,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1461
1461
  <div
1462
1462
  className=""
1463
1463
  style={
1464
- Object {
1464
+ {
1465
1465
  "alignItems": "stretch",
1466
1466
  "borderStyle": "solid",
1467
1467
  "borderWidth": 0,
@@ -1482,7 +1482,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1482
1482
  <div
1483
1483
  className=""
1484
1484
  style={
1485
- Object {
1485
+ {
1486
1486
  "alignItems": "center",
1487
1487
  "borderStyle": "solid",
1488
1488
  "borderWidth": 0,
@@ -1503,7 +1503,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1503
1503
  <div
1504
1504
  className=""
1505
1505
  style={
1506
- Object {
1506
+ {
1507
1507
  "alignItems": "stretch",
1508
1508
  "borderStyle": "solid",
1509
1509
  "borderWidth": 0,
@@ -1524,7 +1524,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1524
1524
  <div
1525
1525
  className=""
1526
1526
  style={
1527
- Object {
1527
+ {
1528
1528
  "alignItems": "center",
1529
1529
  "borderStyle": "solid",
1530
1530
  "borderWidth": 0,
@@ -1544,11 +1544,11 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1544
1544
  <span
1545
1545
  className=""
1546
1546
  style={
1547
- Object {
1547
+ {
1548
1548
  "MozOsxFontSmoothing": "grayscale",
1549
1549
  "WebkitFontSmoothing": "antialiased",
1550
1550
  "display": "block",
1551
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1551
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1552
1552
  "fontSize": 16,
1553
1553
  "fontWeight": 700,
1554
1554
  "lineHeight": "20px",
@@ -1561,7 +1561,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1561
1561
  aria-hidden="true"
1562
1562
  className=""
1563
1563
  style={
1564
- Object {
1564
+ {
1565
1565
  "MsFlexBasis": 16,
1566
1566
  "MsFlexPreferredSize": 16,
1567
1567
  "WebkitFlexBasis": 16,
@@ -1601,11 +1601,11 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1601
1601
  onTouchStart={[Function]}
1602
1602
  role="button"
1603
1603
  style={
1604
- Object {
1605
- "::MozFocusInner": Object {
1604
+ {
1605
+ "::MozFocusInner": {
1606
1606
  "border": 0,
1607
1607
  },
1608
- ":focus": Object {
1608
+ ":focus": {
1609
1609
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1610
1610
  },
1611
1611
  "alignItems": "center",
@@ -1640,12 +1640,12 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1640
1640
  <span
1641
1641
  className=""
1642
1642
  style={
1643
- Object {
1643
+ {
1644
1644
  "MozOsxFontSmoothing": "grayscale",
1645
1645
  "WebkitFontSmoothing": "antialiased",
1646
1646
  "alignItems": "center",
1647
1647
  "display": "inline-block",
1648
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1648
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1649
1649
  "fontSize": 16,
1650
1650
  "fontWeight": "bold",
1651
1651
  "lineHeight": "20px",
@@ -1663,7 +1663,7 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1663
1663
  aria-hidden="true"
1664
1664
  className=""
1665
1665
  style={
1666
- Object {
1666
+ {
1667
1667
  "MsFlexBasis": 16,
1668
1668
  "MsFlexPreferredSize": 16,
1669
1669
  "WebkitFlexBasis": 16,
@@ -1703,11 +1703,11 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1703
1703
  onTouchStart={[Function]}
1704
1704
  role="button"
1705
1705
  style={
1706
- Object {
1707
- "::MozFocusInner": Object {
1706
+ {
1707
+ "::MozFocusInner": {
1708
1708
  "border": 0,
1709
1709
  },
1710
- ":focus": Object {
1710
+ ":focus": {
1711
1711
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1712
1712
  },
1713
1713
  "alignItems": "center",
@@ -1739,12 +1739,12 @@ exports[`wonder-blocks-toolbar example 6 1`] = `
1739
1739
  <span
1740
1740
  className=""
1741
1741
  style={
1742
- Object {
1742
+ {
1743
1743
  "MozOsxFontSmoothing": "grayscale",
1744
1744
  "WebkitFontSmoothing": "antialiased",
1745
1745
  "alignItems": "center",
1746
1746
  "display": "inline-block",
1747
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1747
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1748
1748
  "fontSize": 16,
1749
1749
  "fontWeight": "bold",
1750
1750
  "lineHeight": "20px",
@@ -1767,7 +1767,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1767
1767
  <div
1768
1768
  className=""
1769
1769
  style={
1770
- Object {
1770
+ {
1771
1771
  "alignItems": "stretch",
1772
1772
  "border": "1px solid rgba(33, 36, 44, 0.16)",
1773
1773
  "borderStyle": "solid",
@@ -1790,7 +1790,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1790
1790
  <div
1791
1791
  className=""
1792
1792
  style={
1793
- Object {
1793
+ {
1794
1794
  "alignItems": "stretch",
1795
1795
  "borderStyle": "solid",
1796
1796
  "borderWidth": 0,
@@ -1811,7 +1811,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1811
1811
  <div
1812
1812
  className=""
1813
1813
  style={
1814
- Object {
1814
+ {
1815
1815
  "alignItems": "center",
1816
1816
  "borderStyle": "solid",
1817
1817
  "borderWidth": 0,
@@ -1845,11 +1845,11 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1845
1845
  onTouchEnd={[Function]}
1846
1846
  onTouchStart={[Function]}
1847
1847
  style={
1848
- Object {
1849
- "::MozFocusInner": Object {
1848
+ {
1849
+ "::MozFocusInner": {
1850
1850
  "border": 0,
1851
1851
  },
1852
- ":focus": Object {
1852
+ ":focus": {
1853
1853
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1854
1854
  },
1855
1855
  "alignItems": "center",
@@ -1877,7 +1877,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1877
1877
  className=""
1878
1878
  height={24}
1879
1879
  style={
1880
- Object {
1880
+ {
1881
1881
  "display": "inline-block",
1882
1882
  "flexGrow": 0,
1883
1883
  "flexShrink": 0,
@@ -1898,7 +1898,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1898
1898
  <div
1899
1899
  className=""
1900
1900
  style={
1901
- Object {
1901
+ {
1902
1902
  "alignItems": "stretch",
1903
1903
  "borderStyle": "solid",
1904
1904
  "borderWidth": 0,
@@ -1920,7 +1920,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1920
1920
  <div
1921
1921
  className=""
1922
1922
  style={
1923
- Object {
1923
+ {
1924
1924
  "alignItems": "stretch",
1925
1925
  "borderStyle": "solid",
1926
1926
  "borderWidth": 0,
@@ -1942,11 +1942,11 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1942
1942
  className=""
1943
1943
  id="wb-toolbar-title"
1944
1944
  style={
1945
- Object {
1945
+ {
1946
1946
  "MozOsxFontSmoothing": "grayscale",
1947
1947
  "WebkitFontSmoothing": "antialiased",
1948
1948
  "display": "block",
1949
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1949
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1950
1950
  "fontSize": 16,
1951
1951
  "fontWeight": 700,
1952
1952
  "lineHeight": "20px",
@@ -1958,12 +1958,12 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1958
1958
  <span
1959
1959
  className=""
1960
1960
  style={
1961
- Object {
1961
+ {
1962
1962
  "MozOsxFontSmoothing": "grayscale",
1963
1963
  "WebkitFontSmoothing": "antialiased",
1964
1964
  "color": "rgba(33, 36, 44, 0.64)",
1965
1965
  "display": "block",
1966
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
1966
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
1967
1967
  "fontSize": 14,
1968
1968
  "fontWeight": 400,
1969
1969
  "lineHeight": "18px",
@@ -1977,7 +1977,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1977
1977
  <div
1978
1978
  className=""
1979
1979
  style={
1980
- Object {
1980
+ {
1981
1981
  "alignItems": "stretch",
1982
1982
  "borderStyle": "solid",
1983
1983
  "borderWidth": 0,
@@ -1998,7 +1998,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
1998
1998
  <div
1999
1999
  className=""
2000
2000
  style={
2001
- Object {
2001
+ {
2002
2002
  "alignItems": "center",
2003
2003
  "borderStyle": "solid",
2004
2004
  "borderWidth": 0,
@@ -2032,7 +2032,7 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
2032
2032
  onTouchEnd={[Function]}
2033
2033
  onTouchStart={[Function]}
2034
2034
  style={
2035
- Object {
2035
+ {
2036
2036
  "color": "#1865f2",
2037
2037
  "cursor": "pointer",
2038
2038
  "outline": "none",
@@ -2044,11 +2044,11 @@ exports[`wonder-blocks-toolbar example 7 1`] = `
2044
2044
  <span
2045
2045
  className=""
2046
2046
  style={
2047
- Object {
2047
+ {
2048
2048
  "MozOsxFontSmoothing": "grayscale",
2049
2049
  "WebkitFontSmoothing": "antialiased",
2050
2050
  "display": "block",
2051
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2051
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2052
2052
  "fontSize": 16,
2053
2053
  "fontWeight": 700,
2054
2054
  "lineHeight": "20px",
@@ -2067,7 +2067,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2067
2067
  <div
2068
2068
  className=""
2069
2069
  style={
2070
- Object {
2070
+ {
2071
2071
  "alignItems": "stretch",
2072
2072
  "backgroundColor": "#0a2a66",
2073
2073
  "borderStyle": "solid",
@@ -2090,9 +2090,9 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2090
2090
  <div
2091
2091
  className=""
2092
2092
  style={
2093
- Object {
2093
+ {
2094
2094
  "alignItems": "stretch",
2095
- "backgroundColor": "#0a2a66",
2095
+ "backgroundColor": "#0b2149",
2096
2096
  "border": "1px solid rgba(33, 36, 44, 0.16)",
2097
2097
  "borderStyle": "solid",
2098
2098
  "borderWidth": 0,
@@ -2116,7 +2116,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2116
2116
  <div
2117
2117
  className=""
2118
2118
  style={
2119
- Object {
2119
+ {
2120
2120
  "alignItems": "stretch",
2121
2121
  "borderStyle": "solid",
2122
2122
  "borderWidth": 0,
@@ -2137,7 +2137,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2137
2137
  <div
2138
2138
  className=""
2139
2139
  style={
2140
- Object {
2140
+ {
2141
2141
  "alignItems": "center",
2142
2142
  "borderStyle": "solid",
2143
2143
  "borderWidth": 0,
@@ -2158,7 +2158,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2158
2158
  <div
2159
2159
  className=""
2160
2160
  style={
2161
- Object {
2161
+ {
2162
2162
  "alignItems": "stretch",
2163
2163
  "borderStyle": "solid",
2164
2164
  "borderWidth": 0,
@@ -2180,7 +2180,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2180
2180
  <div
2181
2181
  className=""
2182
2182
  style={
2183
- Object {
2183
+ {
2184
2184
  "alignItems": "stretch",
2185
2185
  "borderStyle": "solid",
2186
2186
  "borderWidth": 0,
@@ -2202,11 +2202,11 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2202
2202
  className=""
2203
2203
  id="wb-toolbar-title"
2204
2204
  style={
2205
- Object {
2205
+ {
2206
2206
  "MozOsxFontSmoothing": "grayscale",
2207
2207
  "WebkitFontSmoothing": "antialiased",
2208
2208
  "display": "block",
2209
- "fontFamily": "Lato, \\"Noto Sans\\", sans-serif",
2209
+ "fontFamily": "Lato, "Noto Sans", sans-serif",
2210
2210
  "fontSize": 20,
2211
2211
  "fontWeight": 700,
2212
2212
  "lineHeight": "24px",
@@ -2222,7 +2222,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2222
2222
  <div
2223
2223
  className=""
2224
2224
  style={
2225
- Object {
2225
+ {
2226
2226
  "alignItems": "stretch",
2227
2227
  "borderStyle": "solid",
2228
2228
  "borderWidth": 0,
@@ -2243,7 +2243,7 @@ exports[`wonder-blocks-toolbar example 8 1`] = `
2243
2243
  <div
2244
2244
  className=""
2245
2245
  style={
2246
- Object {
2246
+ {
2247
2247
  "alignItems": "center",
2248
2248
  "borderStyle": "solid",
2249
2249
  "borderWidth": 0,