@khanacademy/wonder-blocks-icon-button 3.4.9 → 3.4.11

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 +16 -0
  2. package/dist/index.js +81 -56
  3. package/package.json +5 -5
  4. package/src/__tests__/__snapshots__/custom-snapshot.test.js.snap +256 -256
  5. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +30 -30
package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap CHANGED
@@ -4,7 +4,7 @@ exports[`wonder-blocks-icon-button 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,
@@ -38,11 +38,11 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
38
38
  onTouchEnd={[Function]}
39
39
  onTouchStart={[Function]}
40
40
  style={
41
- Object {
42
- "::MozFocusInner": Object {
41
+ {
42
+ "::MozFocusInner": {
43
43
  "border": 0,
44
44
  },
45
- ":focus": Object {
45
+ ":focus": {
46
46
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
47
47
  },
48
48
  "alignItems": "center",
@@ -70,7 +70,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
70
70
  className=""
71
71
  height={24}
72
72
  style={
73
- Object {
73
+ {
74
74
  "display": "inline-block",
75
75
  "flexGrow": 0,
76
76
  "flexShrink": 0,
@@ -90,7 +90,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
90
90
  aria-hidden="true"
91
91
  className=""
92
92
  style={
93
- Object {
93
+ {
94
94
  "MsFlexBasis": 16,
95
95
  "MsFlexPreferredSize": 16,
96
96
  "WebkitFlexBasis": 16,
@@ -130,11 +130,11 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
130
130
  onTouchEnd={[Function]}
131
131
  onTouchStart={[Function]}
132
132
  style={
133
- Object {
134
- "::MozFocusInner": Object {
133
+ {
134
+ "::MozFocusInner": {
135
135
  "border": 0,
136
136
  },
137
- ":focus": Object {
137
+ ":focus": {
138
138
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
139
139
  },
140
140
  "alignItems": "center",
@@ -162,7 +162,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
162
162
  className=""
163
163
  height={24}
164
164
  style={
165
- Object {
165
+ {
166
166
  "display": "inline-block",
167
167
  "flexGrow": 0,
168
168
  "flexShrink": 0,
@@ -182,7 +182,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
182
182
  aria-hidden="true"
183
183
  className=""
184
184
  style={
185
- Object {
185
+ {
186
186
  "MsFlexBasis": 16,
187
187
  "MsFlexPreferredSize": 16,
188
188
  "WebkitFlexBasis": 16,
@@ -222,8 +222,8 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
222
222
  onTouchEnd={[Function]}
223
223
  onTouchStart={[Function]}
224
224
  style={
225
- Object {
226
- ":focus": Object {
225
+ {
226
+ ":focus": {
227
227
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
228
228
  },
229
229
  "alignItems": "center",
@@ -250,7 +250,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
250
250
  className=""
251
251
  height={24}
252
252
  style={
253
- Object {
253
+ {
254
254
  "display": "inline-block",
255
255
  "flexGrow": 0,
256
256
  "flexShrink": 0,
@@ -270,7 +270,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
270
270
  aria-hidden="true"
271
271
  className=""
272
272
  style={
273
- Object {
273
+ {
274
274
  "MsFlexBasis": 16,
275
275
  "MsFlexPreferredSize": 16,
276
276
  "WebkitFlexBasis": 16,
@@ -310,11 +310,11 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
310
310
  onTouchEnd={[Function]}
311
311
  onTouchStart={[Function]}
312
312
  style={
313
- Object {
314
- "::MozFocusInner": Object {
313
+ {
314
+ "::MozFocusInner": {
315
315
  "border": 0,
316
316
  },
317
- ":focus": Object {
317
+ ":focus": {
318
318
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
319
319
  },
320
320
  "alignItems": "center",
@@ -342,7 +342,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
342
342
  className=""
343
343
  height={24}
344
344
  style={
345
- Object {
345
+ {
346
346
  "display": "inline-block",
347
347
  "flexGrow": 0,
348
348
  "flexShrink": 0,
@@ -362,7 +362,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
362
362
  aria-hidden="true"
363
363
  className=""
364
364
  style={
365
- Object {
365
+ {
366
366
  "MsFlexBasis": 16,
367
367
  "MsFlexPreferredSize": 16,
368
368
  "WebkitFlexBasis": 16,
@@ -402,11 +402,11 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
402
402
  onTouchEnd={[Function]}
403
403
  onTouchStart={[Function]}
404
404
  style={
405
- Object {
406
- "::MozFocusInner": Object {
405
+ {
406
+ "::MozFocusInner": {
407
407
  "border": 0,
408
408
  },
409
- ":focus": Object {
409
+ ":focus": {
410
410
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
411
411
  },
412
412
  "alignItems": "center",
@@ -434,7 +434,7 @@ exports[`wonder-blocks-icon-button example 1 1`] = `
434
434
  className=""
435
435
  height={24}
436
436
  style={
437
- Object {
437
+ {
438
438
  "display": "inline-block",
439
439
  "flexGrow": 0,
440
440
  "flexShrink": 0,
@@ -457,9 +457,9 @@ exports[`wonder-blocks-icon-button example 2 1`] = `
457
457
  <div
458
458
  className=""
459
459
  style={
460
- Object {
460
+ {
461
461
  "alignItems": "stretch",
462
- "backgroundColor": "#0a2a66",
462
+ "backgroundColor": "#0b2149",
463
463
  "borderStyle": "solid",
464
464
  "borderWidth": 0,
465
465
  "boxSizing": "border-box",
@@ -492,11 +492,11 @@ exports[`wonder-blocks-icon-button example 2 1`] = `
492
492
  onTouchEnd={[Function]}
493
493
  onTouchStart={[Function]}
494
494
  style={
495
- Object {
496
- "::MozFocusInner": Object {
495
+ {
496
+ "::MozFocusInner": {
497
497
  "border": 0,
498
498
  },
499
- ":focus": Object {
499
+ ":focus": {
500
500
  "WebkitTapHighlightColor": "rgba(0,0,0,0)",
501
501
  },
502
502
  "alignItems": "center",
@@ -524,7 +524,7 @@ exports[`wonder-blocks-icon-button example 2 1`] = `
524
524
  className=""
525
525
  height={24}
526
526
  style={
527
- Object {
527
+ {
528
528
  "display": "inline-block",
529
529
  "flexGrow": 0,
530
530
  "flexShrink": 0,