@khanacademy/wonder-blocks-button 2.10.2 → 2.11.3

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 (9) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/es/index.js +38 -22
  3. package/dist/index.js +19 -3
  4. package/package.json +8 -9
  5. package/src/__tests__/__snapshots__/custom-snapshot.test.js.snap +155 -125
  6. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +67 -61
  7. package/src/components/__tests__/button.test.js +52 -0
  8. package/src/components/button-core.js +19 -1
  9. package/LICENSE +0 -21
package/src/__tests__/__snapshots__/custom-snapshot.test.js.snap CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  exports[`Button <Link tabIndex={-1}> 1`] = `
4
4
  <button
5
+ aria-disabled={false}
5
6
  className=""
6
- disabled={false}
7
7
  onBlur={[Function]}
8
8
  onClick={[Function]}
9
9
  onDragStart={[Function]}
@@ -77,8 +77,8 @@ exports[`Button <Link tabIndex={-1}> 1`] = `
77
77
 
78
78
  exports[`Button <Link tabIndex={0}> 1`] = `
79
79
  <button
80
+ aria-disabled={false}
80
81
  className=""
81
- disabled={false}
82
82
  onBlur={[Function]}
83
83
  onClick={[Function]}
84
84
  onDragStart={[Function]}
@@ -152,8 +152,8 @@ exports[`Button <Link tabIndex={0}> 1`] = `
152
152
 
153
153
  exports[`Button <Link tabIndex={1}> 1`] = `
154
154
  <button
155
+ aria-disabled={false}
155
156
  className=""
156
- disabled={false}
157
157
  onBlur={[Function]}
158
158
  onClick={[Function]}
159
159
  onDragStart={[Function]}
@@ -227,9 +227,9 @@ exports[`Button <Link tabIndex={1}> 1`] = `
227
227
 
228
228
  exports[`ButtonCore kind:primary color:default size:medium light:false disabled 1`] = `
229
229
  <button
230
+ aria-disabled={true}
230
231
  aria-label=""
231
232
  className=""
232
- disabled={true}
233
233
  onBlur={[Function]}
234
234
  onClick={[Function]}
235
235
  onDragStart={[Function]}
@@ -250,7 +250,7 @@ exports[`ButtonCore kind:primary color:default size:medium light:false disabled
250
250
  "border": 0,
251
251
  },
252
252
  ":focus": Object {
253
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
253
+ "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)",
254
254
  },
255
255
  "alignItems": "center",
256
256
  "background": "rgba(33,36,44,0.32)",
@@ -303,9 +303,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:false disabled
303
303
 
304
304
  exports[`ButtonCore kind:primary color:default size:medium light:false focused 1`] = `
305
305
  <button
306
+ aria-disabled={false}
306
307
  aria-label=""
307
308
  className=""
308
- disabled={false}
309
309
  onBlur={[Function]}
310
310
  onClick={[Function]}
311
311
  onDragStart={[Function]}
@@ -380,9 +380,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:false focused 1
380
380
 
381
381
  exports[`ButtonCore kind:primary color:default size:medium light:false hovered 1`] = `
382
382
  <button
383
+ aria-disabled={false}
383
384
  aria-label=""
384
385
  className=""
385
- disabled={false}
386
386
  onBlur={[Function]}
387
387
  onClick={[Function]}
388
388
  onDragStart={[Function]}
@@ -457,9 +457,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:false hovered 1
457
457
 
458
458
  exports[`ButtonCore kind:primary color:default size:medium light:false pressed 1`] = `
459
459
  <button
460
+ aria-disabled={false}
460
461
  aria-label=""
461
462
  className=""
462
- disabled={false}
463
463
  onBlur={[Function]}
464
464
  onClick={[Function]}
465
465
  onDragStart={[Function]}
@@ -534,9 +534,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:false pressed 1
534
534
 
535
535
  exports[`ButtonCore kind:primary color:default size:medium light:true disabled 1`] = `
536
536
  <button
537
+ aria-disabled={true}
537
538
  aria-label=""
538
539
  className=""
539
- disabled={true}
540
540
  onBlur={[Function]}
541
541
  onClick={[Function]}
542
542
  onDragStart={[Function]}
@@ -557,7 +557,7 @@ exports[`ButtonCore kind:primary color:default size:medium light:true disabled 1
557
557
  "border": 0,
558
558
  },
559
559
  ":focus": Object {
560
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
560
+ "boxShadow": "0 0 0 1px rgba(33,36,44,0.32), 0 0 0 3px #b5cefb",
561
561
  },
562
562
  "alignItems": "center",
563
563
  "background": "#b5cefb",
@@ -610,9 +610,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:true disabled 1
610
610
 
611
611
  exports[`ButtonCore kind:primary color:default size:medium light:true focused 1`] = `
612
612
  <button
613
+ aria-disabled={false}
613
614
  aria-label=""
614
615
  className=""
615
- disabled={false}
616
616
  onBlur={[Function]}
617
617
  onClick={[Function]}
618
618
  onDragStart={[Function]}
@@ -687,9 +687,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:true focused 1`
687
687
 
688
688
  exports[`ButtonCore kind:primary color:default size:medium light:true hovered 1`] = `
689
689
  <button
690
+ aria-disabled={false}
690
691
  aria-label=""
691
692
  className=""
692
- disabled={false}
693
693
  onBlur={[Function]}
694
694
  onClick={[Function]}
695
695
  onDragStart={[Function]}
@@ -764,9 +764,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:true hovered 1`
764
764
 
765
765
  exports[`ButtonCore kind:primary color:default size:medium light:true pressed 1`] = `
766
766
  <button
767
+ aria-disabled={false}
767
768
  aria-label=""
768
769
  className=""
769
- disabled={false}
770
770
  onBlur={[Function]}
771
771
  onClick={[Function]}
772
772
  onDragStart={[Function]}
@@ -841,9 +841,9 @@ exports[`ButtonCore kind:primary color:default size:medium light:true pressed 1`
841
841
 
842
842
  exports[`ButtonCore kind:primary color:default size:small light:false disabled 1`] = `
843
843
  <button
844
+ aria-disabled={true}
844
845
  aria-label=""
845
846
  className=""
846
- disabled={true}
847
847
  onBlur={[Function]}
848
848
  onClick={[Function]}
849
849
  onDragStart={[Function]}
@@ -864,7 +864,7 @@ exports[`ButtonCore kind:primary color:default size:small light:false disabled 1
864
864
  "border": 0,
865
865
  },
866
866
  ":focus": Object {
867
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
867
+ "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)",
868
868
  },
869
869
  "alignItems": "center",
870
870
  "background": "rgba(33,36,44,0.32)",
@@ -917,9 +917,9 @@ exports[`ButtonCore kind:primary color:default size:small light:false disabled 1
917
917
 
918
918
  exports[`ButtonCore kind:primary color:default size:small light:false focused 1`] = `
919
919
  <button
920
+ aria-disabled={false}
920
921
  aria-label=""
921
922
  className=""
922
- disabled={false}
923
923
  onBlur={[Function]}
924
924
  onClick={[Function]}
925
925
  onDragStart={[Function]}
@@ -994,9 +994,9 @@ exports[`ButtonCore kind:primary color:default size:small light:false focused 1`
994
994
 
995
995
  exports[`ButtonCore kind:primary color:default size:small light:false hovered 1`] = `
996
996
  <button
997
+ aria-disabled={false}
997
998
  aria-label=""
998
999
  className=""
999
- disabled={false}
1000
1000
  onBlur={[Function]}
1001
1001
  onClick={[Function]}
1002
1002
  onDragStart={[Function]}
@@ -1071,9 +1071,9 @@ exports[`ButtonCore kind:primary color:default size:small light:false hovered 1`
1071
1071
 
1072
1072
  exports[`ButtonCore kind:primary color:default size:small light:false pressed 1`] = `
1073
1073
  <button
1074
+ aria-disabled={false}
1074
1075
  aria-label=""
1075
1076
  className=""
1076
- disabled={false}
1077
1077
  onBlur={[Function]}
1078
1078
  onClick={[Function]}
1079
1079
  onDragStart={[Function]}
@@ -1148,9 +1148,9 @@ exports[`ButtonCore kind:primary color:default size:small light:false pressed 1`
1148
1148
 
1149
1149
  exports[`ButtonCore kind:primary color:default size:small light:true disabled 1`] = `
1150
1150
  <button
1151
+ aria-disabled={true}
1151
1152
  aria-label=""
1152
1153
  className=""
1153
- disabled={true}
1154
1154
  onBlur={[Function]}
1155
1155
  onClick={[Function]}
1156
1156
  onDragStart={[Function]}
@@ -1171,7 +1171,7 @@ exports[`ButtonCore kind:primary color:default size:small light:true disabled 1`
1171
1171
  "border": 0,
1172
1172
  },
1173
1173
  ":focus": Object {
1174
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1174
+ "boxShadow": "0 0 0 1px rgba(33,36,44,0.32), 0 0 0 3px #b5cefb",
1175
1175
  },
1176
1176
  "alignItems": "center",
1177
1177
  "background": "#b5cefb",
@@ -1224,9 +1224,9 @@ exports[`ButtonCore kind:primary color:default size:small light:true disabled 1`
1224
1224
 
1225
1225
  exports[`ButtonCore kind:primary color:default size:small light:true focused 1`] = `
1226
1226
  <button
1227
+ aria-disabled={false}
1227
1228
  aria-label=""
1228
1229
  className=""
1229
- disabled={false}
1230
1230
  onBlur={[Function]}
1231
1231
  onClick={[Function]}
1232
1232
  onDragStart={[Function]}
@@ -1301,9 +1301,9 @@ exports[`ButtonCore kind:primary color:default size:small light:true focused 1`]
1301
1301
 
1302
1302
  exports[`ButtonCore kind:primary color:default size:small light:true hovered 1`] = `
1303
1303
  <button
1304
+ aria-disabled={false}
1304
1305
  aria-label=""
1305
1306
  className=""
1306
- disabled={false}
1307
1307
  onBlur={[Function]}
1308
1308
  onClick={[Function]}
1309
1309
  onDragStart={[Function]}
@@ -1378,9 +1378,9 @@ exports[`ButtonCore kind:primary color:default size:small light:true hovered 1`]
1378
1378
 
1379
1379
  exports[`ButtonCore kind:primary color:default size:small light:true pressed 1`] = `
1380
1380
  <button
1381
+ aria-disabled={false}
1381
1382
  aria-label=""
1382
1383
  className=""
1383
- disabled={false}
1384
1384
  onBlur={[Function]}
1385
1385
  onClick={[Function]}
1386
1386
  onDragStart={[Function]}
@@ -1455,9 +1455,9 @@ exports[`ButtonCore kind:primary color:default size:small light:true pressed 1`]
1455
1455
 
1456
1456
  exports[`ButtonCore kind:primary color:destructive size:medium light:false disabled 1`] = `
1457
1457
  <button
1458
+ aria-disabled={true}
1458
1459
  aria-label=""
1459
1460
  className=""
1460
- disabled={true}
1461
1461
  onBlur={[Function]}
1462
1462
  onClick={[Function]}
1463
1463
  onDragStart={[Function]}
@@ -1478,7 +1478,7 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:false disab
1478
1478
  "border": 0,
1479
1479
  },
1480
1480
  ":focus": Object {
1481
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1481
+ "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)",
1482
1482
  },
1483
1483
  "alignItems": "center",
1484
1484
  "background": "rgba(33,36,44,0.32)",
@@ -1531,9 +1531,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:false disab
1531
1531
 
1532
1532
  exports[`ButtonCore kind:primary color:destructive size:medium light:false focused 1`] = `
1533
1533
  <button
1534
+ aria-disabled={false}
1534
1535
  aria-label=""
1535
1536
  className=""
1536
- disabled={false}
1537
1537
  onBlur={[Function]}
1538
1538
  onClick={[Function]}
1539
1539
  onDragStart={[Function]}
@@ -1608,9 +1608,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:false focus
1608
1608
 
1609
1609
  exports[`ButtonCore kind:primary color:destructive size:medium light:false hovered 1`] = `
1610
1610
  <button
1611
+ aria-disabled={false}
1611
1612
  aria-label=""
1612
1613
  className=""
1613
- disabled={false}
1614
1614
  onBlur={[Function]}
1615
1615
  onClick={[Function]}
1616
1616
  onDragStart={[Function]}
@@ -1685,9 +1685,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:false hover
1685
1685
 
1686
1686
  exports[`ButtonCore kind:primary color:destructive size:medium light:false pressed 1`] = `
1687
1687
  <button
1688
+ aria-disabled={false}
1688
1689
  aria-label=""
1689
1690
  className=""
1690
- disabled={false}
1691
1691
  onBlur={[Function]}
1692
1692
  onClick={[Function]}
1693
1693
  onDragStart={[Function]}
@@ -1762,9 +1762,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:false press
1762
1762
 
1763
1763
  exports[`ButtonCore kind:primary color:destructive size:medium light:true disabled 1`] = `
1764
1764
  <button
1765
+ aria-disabled={true}
1765
1766
  aria-label=""
1766
1767
  className=""
1767
- disabled={true}
1768
1768
  onBlur={[Function]}
1769
1769
  onClick={[Function]}
1770
1770
  onDragStart={[Function]}
@@ -1785,7 +1785,7 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:true disabl
1785
1785
  "border": 0,
1786
1786
  },
1787
1787
  ":focus": Object {
1788
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
1788
+ "boxShadow": "0 0 0 1px rgba(33,36,44,0.32), 0 0 0 3px #f3bbb4",
1789
1789
  },
1790
1790
  "alignItems": "center",
1791
1791
  "background": "#f3bbb4",
@@ -1838,9 +1838,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:true disabl
1838
1838
 
1839
1839
  exports[`ButtonCore kind:primary color:destructive size:medium light:true focused 1`] = `
1840
1840
  <button
1841
+ aria-disabled={false}
1841
1842
  aria-label=""
1842
1843
  className=""
1843
- disabled={false}
1844
1844
  onBlur={[Function]}
1845
1845
  onClick={[Function]}
1846
1846
  onDragStart={[Function]}
@@ -1915,9 +1915,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:true focuse
1915
1915
 
1916
1916
  exports[`ButtonCore kind:primary color:destructive size:medium light:true hovered 1`] = `
1917
1917
  <button
1918
+ aria-disabled={false}
1918
1919
  aria-label=""
1919
1920
  className=""
1920
- disabled={false}
1921
1921
  onBlur={[Function]}
1922
1922
  onClick={[Function]}
1923
1923
  onDragStart={[Function]}
@@ -1992,9 +1992,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:true hovere
1992
1992
 
1993
1993
  exports[`ButtonCore kind:primary color:destructive size:medium light:true pressed 1`] = `
1994
1994
  <button
1995
+ aria-disabled={false}
1995
1996
  aria-label=""
1996
1997
  className=""
1997
- disabled={false}
1998
1998
  onBlur={[Function]}
1999
1999
  onClick={[Function]}
2000
2000
  onDragStart={[Function]}
@@ -2069,9 +2069,9 @@ exports[`ButtonCore kind:primary color:destructive size:medium light:true presse
2069
2069
 
2070
2070
  exports[`ButtonCore kind:primary color:destructive size:small light:false disabled 1`] = `
2071
2071
  <button
2072
+ aria-disabled={true}
2072
2073
  aria-label=""
2073
2074
  className=""
2074
- disabled={true}
2075
2075
  onBlur={[Function]}
2076
2076
  onClick={[Function]}
2077
2077
  onDragStart={[Function]}
@@ -2092,7 +2092,7 @@ exports[`ButtonCore kind:primary color:destructive size:small light:false disabl
2092
2092
  "border": 0,
2093
2093
  },
2094
2094
  ":focus": Object {
2095
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
2095
+ "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)",
2096
2096
  },
2097
2097
  "alignItems": "center",
2098
2098
  "background": "rgba(33,36,44,0.32)",
@@ -2145,9 +2145,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:false disabl
2145
2145
 
2146
2146
  exports[`ButtonCore kind:primary color:destructive size:small light:false focused 1`] = `
2147
2147
  <button
2148
+ aria-disabled={false}
2148
2149
  aria-label=""
2149
2150
  className=""
2150
- disabled={false}
2151
2151
  onBlur={[Function]}
2152
2152
  onClick={[Function]}
2153
2153
  onDragStart={[Function]}
@@ -2222,9 +2222,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:false focuse
2222
2222
 
2223
2223
  exports[`ButtonCore kind:primary color:destructive size:small light:false hovered 1`] = `
2224
2224
  <button
2225
+ aria-disabled={false}
2225
2226
  aria-label=""
2226
2227
  className=""
2227
- disabled={false}
2228
2228
  onBlur={[Function]}
2229
2229
  onClick={[Function]}
2230
2230
  onDragStart={[Function]}
@@ -2299,9 +2299,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:false hovere
2299
2299
 
2300
2300
  exports[`ButtonCore kind:primary color:destructive size:small light:false pressed 1`] = `
2301
2301
  <button
2302
+ aria-disabled={false}
2302
2303
  aria-label=""
2303
2304
  className=""
2304
- disabled={false}
2305
2305
  onBlur={[Function]}
2306
2306
  onClick={[Function]}
2307
2307
  onDragStart={[Function]}
@@ -2376,9 +2376,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:false presse
2376
2376
 
2377
2377
  exports[`ButtonCore kind:primary color:destructive size:small light:true disabled 1`] = `
2378
2378
  <button
2379
+ aria-disabled={true}
2379
2380
  aria-label=""
2380
2381
  className=""
2381
- disabled={true}
2382
2382
  onBlur={[Function]}
2383
2383
  onClick={[Function]}
2384
2384
  onDragStart={[Function]}
@@ -2399,7 +2399,7 @@ exports[`ButtonCore kind:primary color:destructive size:small light:true disable
2399
2399
  "border": 0,
2400
2400
  },
2401
2401
  ":focus": Object {
2402
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
2402
+ "boxShadow": "0 0 0 1px rgba(33,36,44,0.32), 0 0 0 3px #f3bbb4",
2403
2403
  },
2404
2404
  "alignItems": "center",
2405
2405
  "background": "#f3bbb4",
@@ -2452,9 +2452,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:true disable
2452
2452
 
2453
2453
  exports[`ButtonCore kind:primary color:destructive size:small light:true focused 1`] = `
2454
2454
  <button
2455
+ aria-disabled={false}
2455
2456
  aria-label=""
2456
2457
  className=""
2457
- disabled={false}
2458
2458
  onBlur={[Function]}
2459
2459
  onClick={[Function]}
2460
2460
  onDragStart={[Function]}
@@ -2529,9 +2529,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:true focused
2529
2529
 
2530
2530
  exports[`ButtonCore kind:primary color:destructive size:small light:true hovered 1`] = `
2531
2531
  <button
2532
+ aria-disabled={false}
2532
2533
  aria-label=""
2533
2534
  className=""
2534
- disabled={false}
2535
2535
  onBlur={[Function]}
2536
2536
  onClick={[Function]}
2537
2537
  onDragStart={[Function]}
@@ -2606,9 +2606,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:true hovered
2606
2606
 
2607
2607
  exports[`ButtonCore kind:primary color:destructive size:small light:true pressed 1`] = `
2608
2608
  <button
2609
+ aria-disabled={false}
2609
2610
  aria-label=""
2610
2611
  className=""
2611
- disabled={false}
2612
2612
  onBlur={[Function]}
2613
2613
  onClick={[Function]}
2614
2614
  onDragStart={[Function]}
@@ -2683,9 +2683,9 @@ exports[`ButtonCore kind:primary color:destructive size:small light:true pressed
2683
2683
 
2684
2684
  exports[`ButtonCore kind:primary size:medium spinner:true 1`] = `
2685
2685
  <button
2686
+ aria-disabled={true}
2686
2687
  aria-label="loading"
2687
2688
  className=""
2688
- disabled={true}
2689
2689
  onBlur={[Function]}
2690
2690
  onClick={[Function]}
2691
2691
  onDragStart={[Function]}
@@ -2706,7 +2706,7 @@ exports[`ButtonCore kind:primary size:medium spinner:true 1`] = `
2706
2706
  "border": 0,
2707
2707
  },
2708
2708
  ":focus": Object {
2709
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
2709
+ "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)",
2710
2710
  },
2711
2711
  "alignItems": "center",
2712
2712
  "background": "rgba(33,36,44,0.32)",
@@ -2813,9 +2813,9 @@ exports[`ButtonCore kind:primary size:medium spinner:true 1`] = `
2813
2813
 
2814
2814
  exports[`ButtonCore kind:primary size:small spinner:true 1`] = `
2815
2815
  <button
2816
+ aria-disabled={true}
2816
2817
  aria-label="loading"
2817
2818
  className=""
2818
- disabled={true}
2819
2819
  onBlur={[Function]}
2820
2820
  onClick={[Function]}
2821
2821
  onDragStart={[Function]}
@@ -2836,7 +2836,7 @@ exports[`ButtonCore kind:primary size:small spinner:true 1`] = `
2836
2836
  "border": 0,
2837
2837
  },
2838
2838
  ":focus": Object {
2839
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
2839
+ "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)",
2840
2840
  },
2841
2841
  "alignItems": "center",
2842
2842
  "background": "rgba(33,36,44,0.32)",
@@ -2943,9 +2943,9 @@ exports[`ButtonCore kind:primary size:small spinner:true 1`] = `
2943
2943
 
2944
2944
  exports[`ButtonCore kind:secondary color:default size:medium light:false disabled 1`] = `
2945
2945
  <button
2946
+ aria-disabled={true}
2946
2947
  aria-label=""
2947
2948
  className=""
2948
- disabled={true}
2949
2949
  onBlur={[Function]}
2950
2950
  onClick={[Function]}
2951
2951
  onDragStart={[Function]}
@@ -2966,7 +2966,10 @@ exports[`ButtonCore kind:secondary color:default size:medium light:false disable
2966
2966
  "border": 0,
2967
2967
  },
2968
2968
  ":focus": Object {
2969
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
2969
+ "borderColor": "rgba(33,36,44,0.32)",
2970
+ "borderWidth": 2,
2971
+ "paddingLeft": 15,
2972
+ "paddingRight": 15,
2970
2973
  },
2971
2974
  "alignItems": "center",
2972
2975
  "background": "none",
@@ -3022,9 +3025,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:false disable
3022
3025
 
3023
3026
  exports[`ButtonCore kind:secondary color:default size:medium light:false focused 1`] = `
3024
3027
  <button
3028
+ aria-disabled={false}
3025
3029
  aria-label=""
3026
3030
  className=""
3027
- disabled={false}
3028
3031
  onBlur={[Function]}
3029
3032
  onClick={[Function]}
3030
3033
  onDragStart={[Function]}
@@ -3101,9 +3104,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:false focused
3101
3104
 
3102
3105
  exports[`ButtonCore kind:secondary color:default size:medium light:false hovered 1`] = `
3103
3106
  <button
3107
+ aria-disabled={false}
3104
3108
  aria-label=""
3105
3109
  className=""
3106
- disabled={false}
3107
3110
  onBlur={[Function]}
3108
3111
  onClick={[Function]}
3109
3112
  onDragStart={[Function]}
@@ -3180,9 +3183,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:false hovered
3180
3183
 
3181
3184
  exports[`ButtonCore kind:secondary color:default size:medium light:false pressed 1`] = `
3182
3185
  <button
3186
+ aria-disabled={false}
3183
3187
  aria-label=""
3184
3188
  className=""
3185
- disabled={false}
3186
3189
  onBlur={[Function]}
3187
3190
  onClick={[Function]}
3188
3191
  onDragStart={[Function]}
@@ -3259,9 +3262,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:false pressed
3259
3262
 
3260
3263
  exports[`ButtonCore kind:secondary color:default size:medium light:true disabled 1`] = `
3261
3264
  <button
3265
+ aria-disabled={true}
3262
3266
  aria-label=""
3263
3267
  className=""
3264
- disabled={true}
3265
3268
  onBlur={[Function]}
3266
3269
  onClick={[Function]}
3267
3270
  onDragStart={[Function]}
@@ -3282,7 +3285,10 @@ exports[`ButtonCore kind:secondary color:default size:medium light:true disabled
3282
3285
  "border": 0,
3283
3286
  },
3284
3287
  ":focus": Object {
3285
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
3288
+ "borderColor": "rgba(255,255,255,0.50)",
3289
+ "borderWidth": 2,
3290
+ "paddingLeft": 15,
3291
+ "paddingRight": 15,
3286
3292
  },
3287
3293
  "alignItems": "center",
3288
3294
  "background": "none",
@@ -3338,9 +3344,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:true disabled
3338
3344
 
3339
3345
  exports[`ButtonCore kind:secondary color:default size:medium light:true focused 1`] = `
3340
3346
  <button
3347
+ aria-disabled={false}
3341
3348
  aria-label=""
3342
3349
  className=""
3343
- disabled={false}
3344
3350
  onBlur={[Function]}
3345
3351
  onClick={[Function]}
3346
3352
  onDragStart={[Function]}
@@ -3417,9 +3423,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:true focused
3417
3423
 
3418
3424
  exports[`ButtonCore kind:secondary color:default size:medium light:true hovered 1`] = `
3419
3425
  <button
3426
+ aria-disabled={false}
3420
3427
  aria-label=""
3421
3428
  className=""
3422
- disabled={false}
3423
3429
  onBlur={[Function]}
3424
3430
  onClick={[Function]}
3425
3431
  onDragStart={[Function]}
@@ -3496,9 +3502,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:true hovered
3496
3502
 
3497
3503
  exports[`ButtonCore kind:secondary color:default size:medium light:true pressed 1`] = `
3498
3504
  <button
3505
+ aria-disabled={false}
3499
3506
  aria-label=""
3500
3507
  className=""
3501
- disabled={false}
3502
3508
  onBlur={[Function]}
3503
3509
  onClick={[Function]}
3504
3510
  onDragStart={[Function]}
@@ -3575,9 +3581,9 @@ exports[`ButtonCore kind:secondary color:default size:medium light:true pressed
3575
3581
 
3576
3582
  exports[`ButtonCore kind:secondary color:default size:small light:false disabled 1`] = `
3577
3583
  <button
3584
+ aria-disabled={true}
3578
3585
  aria-label=""
3579
3586
  className=""
3580
- disabled={true}
3581
3587
  onBlur={[Function]}
3582
3588
  onClick={[Function]}
3583
3589
  onDragStart={[Function]}
@@ -3598,7 +3604,10 @@ exports[`ButtonCore kind:secondary color:default size:small light:false disabled
3598
3604
  "border": 0,
3599
3605
  },
3600
3606
  ":focus": Object {
3601
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
3607
+ "borderColor": "rgba(33,36,44,0.32)",
3608
+ "borderWidth": 2,
3609
+ "paddingLeft": 15,
3610
+ "paddingRight": 15,
3602
3611
  },
3603
3612
  "alignItems": "center",
3604
3613
  "background": "none",
@@ -3654,9 +3663,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:false disabled
3654
3663
 
3655
3664
  exports[`ButtonCore kind:secondary color:default size:small light:false focused 1`] = `
3656
3665
  <button
3666
+ aria-disabled={false}
3657
3667
  aria-label=""
3658
3668
  className=""
3659
- disabled={false}
3660
3669
  onBlur={[Function]}
3661
3670
  onClick={[Function]}
3662
3671
  onDragStart={[Function]}
@@ -3733,9 +3742,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:false focused
3733
3742
 
3734
3743
  exports[`ButtonCore kind:secondary color:default size:small light:false hovered 1`] = `
3735
3744
  <button
3745
+ aria-disabled={false}
3736
3746
  aria-label=""
3737
3747
  className=""
3738
- disabled={false}
3739
3748
  onBlur={[Function]}
3740
3749
  onClick={[Function]}
3741
3750
  onDragStart={[Function]}
@@ -3812,9 +3821,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:false hovered
3812
3821
 
3813
3822
  exports[`ButtonCore kind:secondary color:default size:small light:false pressed 1`] = `
3814
3823
  <button
3824
+ aria-disabled={false}
3815
3825
  aria-label=""
3816
3826
  className=""
3817
- disabled={false}
3818
3827
  onBlur={[Function]}
3819
3828
  onClick={[Function]}
3820
3829
  onDragStart={[Function]}
@@ -3891,9 +3900,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:false pressed
3891
3900
 
3892
3901
  exports[`ButtonCore kind:secondary color:default size:small light:true disabled 1`] = `
3893
3902
  <button
3903
+ aria-disabled={true}
3894
3904
  aria-label=""
3895
3905
  className=""
3896
- disabled={true}
3897
3906
  onBlur={[Function]}
3898
3907
  onClick={[Function]}
3899
3908
  onDragStart={[Function]}
@@ -3914,7 +3923,10 @@ exports[`ButtonCore kind:secondary color:default size:small light:true disabled
3914
3923
  "border": 0,
3915
3924
  },
3916
3925
  ":focus": Object {
3917
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
3926
+ "borderColor": "rgba(255,255,255,0.50)",
3927
+ "borderWidth": 2,
3928
+ "paddingLeft": 15,
3929
+ "paddingRight": 15,
3918
3930
  },
3919
3931
  "alignItems": "center",
3920
3932
  "background": "none",
@@ -3970,9 +3982,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:true disabled
3970
3982
 
3971
3983
  exports[`ButtonCore kind:secondary color:default size:small light:true focused 1`] = `
3972
3984
  <button
3985
+ aria-disabled={false}
3973
3986
  aria-label=""
3974
3987
  className=""
3975
- disabled={false}
3976
3988
  onBlur={[Function]}
3977
3989
  onClick={[Function]}
3978
3990
  onDragStart={[Function]}
@@ -4049,9 +4061,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:true focused 1
4049
4061
 
4050
4062
  exports[`ButtonCore kind:secondary color:default size:small light:true hovered 1`] = `
4051
4063
  <button
4064
+ aria-disabled={false}
4052
4065
  aria-label=""
4053
4066
  className=""
4054
- disabled={false}
4055
4067
  onBlur={[Function]}
4056
4068
  onClick={[Function]}
4057
4069
  onDragStart={[Function]}
@@ -4128,9 +4140,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:true hovered 1
4128
4140
 
4129
4141
  exports[`ButtonCore kind:secondary color:default size:small light:true pressed 1`] = `
4130
4142
  <button
4143
+ aria-disabled={false}
4131
4144
  aria-label=""
4132
4145
  className=""
4133
- disabled={false}
4134
4146
  onBlur={[Function]}
4135
4147
  onClick={[Function]}
4136
4148
  onDragStart={[Function]}
@@ -4207,9 +4219,9 @@ exports[`ButtonCore kind:secondary color:default size:small light:true pressed 1
4207
4219
 
4208
4220
  exports[`ButtonCore kind:secondary color:destructive size:medium light:false disabled 1`] = `
4209
4221
  <button
4222
+ aria-disabled={true}
4210
4223
  aria-label=""
4211
4224
  className=""
4212
- disabled={true}
4213
4225
  onBlur={[Function]}
4214
4226
  onClick={[Function]}
4215
4227
  onDragStart={[Function]}
@@ -4230,7 +4242,10 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:false dis
4230
4242
  "border": 0,
4231
4243
  },
4232
4244
  ":focus": Object {
4233
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
4245
+ "borderColor": "rgba(33,36,44,0.32)",
4246
+ "borderWidth": 2,
4247
+ "paddingLeft": 15,
4248
+ "paddingRight": 15,
4234
4249
  },
4235
4250
  "alignItems": "center",
4236
4251
  "background": "none",
@@ -4286,9 +4301,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:false dis
4286
4301
 
4287
4302
  exports[`ButtonCore kind:secondary color:destructive size:medium light:false focused 1`] = `
4288
4303
  <button
4304
+ aria-disabled={false}
4289
4305
  aria-label=""
4290
4306
  className=""
4291
- disabled={false}
4292
4307
  onBlur={[Function]}
4293
4308
  onClick={[Function]}
4294
4309
  onDragStart={[Function]}
@@ -4365,9 +4380,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:false foc
4365
4380
 
4366
4381
  exports[`ButtonCore kind:secondary color:destructive size:medium light:false hovered 1`] = `
4367
4382
  <button
4383
+ aria-disabled={false}
4368
4384
  aria-label=""
4369
4385
  className=""
4370
- disabled={false}
4371
4386
  onBlur={[Function]}
4372
4387
  onClick={[Function]}
4373
4388
  onDragStart={[Function]}
@@ -4444,9 +4459,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:false hov
4444
4459
 
4445
4460
  exports[`ButtonCore kind:secondary color:destructive size:medium light:false pressed 1`] = `
4446
4461
  <button
4462
+ aria-disabled={false}
4447
4463
  aria-label=""
4448
4464
  className=""
4449
- disabled={false}
4450
4465
  onBlur={[Function]}
4451
4466
  onClick={[Function]}
4452
4467
  onDragStart={[Function]}
@@ -4523,9 +4538,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:false pre
4523
4538
 
4524
4539
  exports[`ButtonCore kind:secondary color:destructive size:medium light:true disabled 1`] = `
4525
4540
  <button
4541
+ aria-disabled={true}
4526
4542
  aria-label=""
4527
4543
  className=""
4528
- disabled={true}
4529
4544
  onBlur={[Function]}
4530
4545
  onClick={[Function]}
4531
4546
  onDragStart={[Function]}
@@ -4546,7 +4561,10 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:true disa
4546
4561
  "border": 0,
4547
4562
  },
4548
4563
  ":focus": Object {
4549
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
4564
+ "borderColor": "rgba(255,255,255,0.50)",
4565
+ "borderWidth": 2,
4566
+ "paddingLeft": 15,
4567
+ "paddingRight": 15,
4550
4568
  },
4551
4569
  "alignItems": "center",
4552
4570
  "background": "none",
@@ -4602,9 +4620,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:true disa
4602
4620
 
4603
4621
  exports[`ButtonCore kind:secondary color:destructive size:medium light:true focused 1`] = `
4604
4622
  <button
4623
+ aria-disabled={false}
4605
4624
  aria-label=""
4606
4625
  className=""
4607
- disabled={false}
4608
4626
  onBlur={[Function]}
4609
4627
  onClick={[Function]}
4610
4628
  onDragStart={[Function]}
@@ -4681,9 +4699,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:true focu
4681
4699
 
4682
4700
  exports[`ButtonCore kind:secondary color:destructive size:medium light:true hovered 1`] = `
4683
4701
  <button
4702
+ aria-disabled={false}
4684
4703
  aria-label=""
4685
4704
  className=""
4686
- disabled={false}
4687
4705
  onBlur={[Function]}
4688
4706
  onClick={[Function]}
4689
4707
  onDragStart={[Function]}
@@ -4760,9 +4778,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:true hove
4760
4778
 
4761
4779
  exports[`ButtonCore kind:secondary color:destructive size:medium light:true pressed 1`] = `
4762
4780
  <button
4781
+ aria-disabled={false}
4763
4782
  aria-label=""
4764
4783
  className=""
4765
- disabled={false}
4766
4784
  onBlur={[Function]}
4767
4785
  onClick={[Function]}
4768
4786
  onDragStart={[Function]}
@@ -4839,9 +4857,9 @@ exports[`ButtonCore kind:secondary color:destructive size:medium light:true pres
4839
4857
 
4840
4858
  exports[`ButtonCore kind:secondary color:destructive size:small light:false disabled 1`] = `
4841
4859
  <button
4860
+ aria-disabled={true}
4842
4861
  aria-label=""
4843
4862
  className=""
4844
- disabled={true}
4845
4863
  onBlur={[Function]}
4846
4864
  onClick={[Function]}
4847
4865
  onDragStart={[Function]}
@@ -4862,7 +4880,10 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:false disa
4862
4880
  "border": 0,
4863
4881
  },
4864
4882
  ":focus": Object {
4865
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
4883
+ "borderColor": "rgba(33,36,44,0.32)",
4884
+ "borderWidth": 2,
4885
+ "paddingLeft": 15,
4886
+ "paddingRight": 15,
4866
4887
  },
4867
4888
  "alignItems": "center",
4868
4889
  "background": "none",
@@ -4918,9 +4939,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:false disa
4918
4939
 
4919
4940
  exports[`ButtonCore kind:secondary color:destructive size:small light:false focused 1`] = `
4920
4941
  <button
4942
+ aria-disabled={false}
4921
4943
  aria-label=""
4922
4944
  className=""
4923
- disabled={false}
4924
4945
  onBlur={[Function]}
4925
4946
  onClick={[Function]}
4926
4947
  onDragStart={[Function]}
@@ -4997,9 +5018,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:false focu
4997
5018
 
4998
5019
  exports[`ButtonCore kind:secondary color:destructive size:small light:false hovered 1`] = `
4999
5020
  <button
5021
+ aria-disabled={false}
5000
5022
  aria-label=""
5001
5023
  className=""
5002
- disabled={false}
5003
5024
  onBlur={[Function]}
5004
5025
  onClick={[Function]}
5005
5026
  onDragStart={[Function]}
@@ -5076,9 +5097,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:false hove
5076
5097
 
5077
5098
  exports[`ButtonCore kind:secondary color:destructive size:small light:false pressed 1`] = `
5078
5099
  <button
5100
+ aria-disabled={false}
5079
5101
  aria-label=""
5080
5102
  className=""
5081
- disabled={false}
5082
5103
  onBlur={[Function]}
5083
5104
  onClick={[Function]}
5084
5105
  onDragStart={[Function]}
@@ -5155,9 +5176,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:false pres
5155
5176
 
5156
5177
  exports[`ButtonCore kind:secondary color:destructive size:small light:true disabled 1`] = `
5157
5178
  <button
5179
+ aria-disabled={true}
5158
5180
  aria-label=""
5159
5181
  className=""
5160
- disabled={true}
5161
5182
  onBlur={[Function]}
5162
5183
  onClick={[Function]}
5163
5184
  onDragStart={[Function]}
@@ -5178,7 +5199,10 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:true disab
5178
5199
  "border": 0,
5179
5200
  },
5180
5201
  ":focus": Object {
5181
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
5202
+ "borderColor": "rgba(255,255,255,0.50)",
5203
+ "borderWidth": 2,
5204
+ "paddingLeft": 15,
5205
+ "paddingRight": 15,
5182
5206
  },
5183
5207
  "alignItems": "center",
5184
5208
  "background": "none",
@@ -5234,9 +5258,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:true disab
5234
5258
 
5235
5259
  exports[`ButtonCore kind:secondary color:destructive size:small light:true focused 1`] = `
5236
5260
  <button
5261
+ aria-disabled={false}
5237
5262
  aria-label=""
5238
5263
  className=""
5239
- disabled={false}
5240
5264
  onBlur={[Function]}
5241
5265
  onClick={[Function]}
5242
5266
  onDragStart={[Function]}
@@ -5313,9 +5337,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:true focus
5313
5337
 
5314
5338
  exports[`ButtonCore kind:secondary color:destructive size:small light:true hovered 1`] = `
5315
5339
  <button
5340
+ aria-disabled={false}
5316
5341
  aria-label=""
5317
5342
  className=""
5318
- disabled={false}
5319
5343
  onBlur={[Function]}
5320
5344
  onClick={[Function]}
5321
5345
  onDragStart={[Function]}
@@ -5392,9 +5416,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:true hover
5392
5416
 
5393
5417
  exports[`ButtonCore kind:secondary color:destructive size:small light:true pressed 1`] = `
5394
5418
  <button
5419
+ aria-disabled={false}
5395
5420
  aria-label=""
5396
5421
  className=""
5397
- disabled={false}
5398
5422
  onBlur={[Function]}
5399
5423
  onClick={[Function]}
5400
5424
  onDragStart={[Function]}
@@ -5471,9 +5495,9 @@ exports[`ButtonCore kind:secondary color:destructive size:small light:true press
5471
5495
 
5472
5496
  exports[`ButtonCore kind:secondary size:medium spinner:true 1`] = `
5473
5497
  <button
5498
+ aria-disabled={true}
5474
5499
  aria-label="loading"
5475
5500
  className=""
5476
- disabled={true}
5477
5501
  onBlur={[Function]}
5478
5502
  onClick={[Function]}
5479
5503
  onDragStart={[Function]}
@@ -5494,7 +5518,10 @@ exports[`ButtonCore kind:secondary size:medium spinner:true 1`] = `
5494
5518
  "border": 0,
5495
5519
  },
5496
5520
  ":focus": Object {
5497
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
5521
+ "borderColor": "rgba(33,36,44,0.32)",
5522
+ "borderWidth": 2,
5523
+ "paddingLeft": 15,
5524
+ "paddingRight": 15,
5498
5525
  },
5499
5526
  "alignItems": "center",
5500
5527
  "background": "none",
@@ -5604,9 +5631,9 @@ exports[`ButtonCore kind:secondary size:medium spinner:true 1`] = `
5604
5631
 
5605
5632
  exports[`ButtonCore kind:secondary size:small spinner:true 1`] = `
5606
5633
  <button
5634
+ aria-disabled={true}
5607
5635
  aria-label="loading"
5608
5636
  className=""
5609
- disabled={true}
5610
5637
  onBlur={[Function]}
5611
5638
  onClick={[Function]}
5612
5639
  onDragStart={[Function]}
@@ -5627,7 +5654,10 @@ exports[`ButtonCore kind:secondary size:small spinner:true 1`] = `
5627
5654
  "border": 0,
5628
5655
  },
5629
5656
  ":focus": Object {
5630
- "WebkitTapHighlightColor": "rgba(0,0,0,0)",
5657
+ "borderColor": "rgba(33,36,44,0.32)",
5658
+ "borderWidth": 2,
5659
+ "paddingLeft": 15,
5660
+ "paddingRight": 15,
5631
5661
  },
5632
5662
  "alignItems": "center",
5633
5663
  "background": "none",
@@ -5737,9 +5767,9 @@ exports[`ButtonCore kind:secondary size:small spinner:true 1`] = `
5737
5767
 
5738
5768
  exports[`ButtonCore kind:tertiary color:default size:medium light:false disabled 1`] = `
5739
5769
  <button
5770
+ aria-disabled={true}
5740
5771
  aria-label=""
5741
5772
  className=""
5742
- disabled={true}
5743
5773
  onBlur={[Function]}
5744
5774
  onClick={[Function]}
5745
5775
  onDragStart={[Function]}
@@ -5814,9 +5844,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false disabled
5814
5844
 
5815
5845
  exports[`ButtonCore kind:tertiary color:default size:medium light:false focused 1`] = `
5816
5846
  <button
5847
+ aria-disabled={false}
5817
5848
  aria-label=""
5818
5849
  className=""
5819
- disabled={false}
5820
5850
  onBlur={[Function]}
5821
5851
  onClick={[Function]}
5822
5852
  onDragStart={[Function]}
@@ -5901,9 +5931,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false focused
5901
5931
 
5902
5932
  exports[`ButtonCore kind:tertiary color:default size:medium light:false hovered 1`] = `
5903
5933
  <button
5934
+ aria-disabled={false}
5904
5935
  aria-label=""
5905
5936
  className=""
5906
- disabled={false}
5907
5937
  onBlur={[Function]}
5908
5938
  onClick={[Function]}
5909
5939
  onDragStart={[Function]}
@@ -5988,9 +6018,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false hovered
5988
6018
 
5989
6019
  exports[`ButtonCore kind:tertiary color:default size:medium light:false pressed 1`] = `
5990
6020
  <button
6021
+ aria-disabled={false}
5991
6022
  aria-label=""
5992
6023
  className=""
5993
- disabled={false}
5994
6024
  onBlur={[Function]}
5995
6025
  onClick={[Function]}
5996
6026
  onDragStart={[Function]}
@@ -6076,9 +6106,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:false pressed
6076
6106
 
6077
6107
  exports[`ButtonCore kind:tertiary color:default size:medium light:true disabled 1`] = `
6078
6108
  <button
6109
+ aria-disabled={true}
6079
6110
  aria-label=""
6080
6111
  className=""
6081
- disabled={true}
6082
6112
  onBlur={[Function]}
6083
6113
  onClick={[Function]}
6084
6114
  onDragStart={[Function]}
@@ -6153,9 +6183,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true disabled
6153
6183
 
6154
6184
  exports[`ButtonCore kind:tertiary color:default size:medium light:true focused 1`] = `
6155
6185
  <button
6186
+ aria-disabled={false}
6156
6187
  aria-label=""
6157
6188
  className=""
6158
- disabled={false}
6159
6189
  onBlur={[Function]}
6160
6190
  onClick={[Function]}
6161
6191
  onDragStart={[Function]}
@@ -6240,9 +6270,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true focused 1
6240
6270
 
6241
6271
  exports[`ButtonCore kind:tertiary color:default size:medium light:true hovered 1`] = `
6242
6272
  <button
6273
+ aria-disabled={false}
6243
6274
  aria-label=""
6244
6275
  className=""
6245
- disabled={false}
6246
6276
  onBlur={[Function]}
6247
6277
  onClick={[Function]}
6248
6278
  onDragStart={[Function]}
@@ -6327,9 +6357,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true hovered 1
6327
6357
 
6328
6358
  exports[`ButtonCore kind:tertiary color:default size:medium light:true pressed 1`] = `
6329
6359
  <button
6360
+ aria-disabled={false}
6330
6361
  aria-label=""
6331
6362
  className=""
6332
- disabled={false}
6333
6363
  onBlur={[Function]}
6334
6364
  onClick={[Function]}
6335
6365
  onDragStart={[Function]}
@@ -6415,9 +6445,9 @@ exports[`ButtonCore kind:tertiary color:default size:medium light:true pressed 1
6415
6445
 
6416
6446
  exports[`ButtonCore kind:tertiary color:default size:small light:false disabled 1`] = `
6417
6447
  <button
6448
+ aria-disabled={true}
6418
6449
  aria-label=""
6419
6450
  className=""
6420
- disabled={true}
6421
6451
  onBlur={[Function]}
6422
6452
  onClick={[Function]}
6423
6453
  onDragStart={[Function]}
@@ -6492,9 +6522,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false disabled
6492
6522
 
6493
6523
  exports[`ButtonCore kind:tertiary color:default size:small light:false focused 1`] = `
6494
6524
  <button
6525
+ aria-disabled={false}
6495
6526
  aria-label=""
6496
6527
  className=""
6497
- disabled={false}
6498
6528
  onBlur={[Function]}
6499
6529
  onClick={[Function]}
6500
6530
  onDragStart={[Function]}
@@ -6579,9 +6609,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false focused 1
6579
6609
 
6580
6610
  exports[`ButtonCore kind:tertiary color:default size:small light:false hovered 1`] = `
6581
6611
  <button
6612
+ aria-disabled={false}
6582
6613
  aria-label=""
6583
6614
  className=""
6584
- disabled={false}
6585
6615
  onBlur={[Function]}
6586
6616
  onClick={[Function]}
6587
6617
  onDragStart={[Function]}
@@ -6666,9 +6696,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false hovered 1
6666
6696
 
6667
6697
  exports[`ButtonCore kind:tertiary color:default size:small light:false pressed 1`] = `
6668
6698
  <button
6699
+ aria-disabled={false}
6669
6700
  aria-label=""
6670
6701
  className=""
6671
- disabled={false}
6672
6702
  onBlur={[Function]}
6673
6703
  onClick={[Function]}
6674
6704
  onDragStart={[Function]}
@@ -6754,9 +6784,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:false pressed 1
6754
6784
 
6755
6785
  exports[`ButtonCore kind:tertiary color:default size:small light:true disabled 1`] = `
6756
6786
  <button
6787
+ aria-disabled={true}
6757
6788
  aria-label=""
6758
6789
  className=""
6759
- disabled={true}
6760
6790
  onBlur={[Function]}
6761
6791
  onClick={[Function]}
6762
6792
  onDragStart={[Function]}
@@ -6831,9 +6861,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true disabled 1
6831
6861
 
6832
6862
  exports[`ButtonCore kind:tertiary color:default size:small light:true focused 1`] = `
6833
6863
  <button
6864
+ aria-disabled={false}
6834
6865
  aria-label=""
6835
6866
  className=""
6836
- disabled={false}
6837
6867
  onBlur={[Function]}
6838
6868
  onClick={[Function]}
6839
6869
  onDragStart={[Function]}
@@ -6918,9 +6948,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true focused 1`
6918
6948
 
6919
6949
  exports[`ButtonCore kind:tertiary color:default size:small light:true hovered 1`] = `
6920
6950
  <button
6951
+ aria-disabled={false}
6921
6952
  aria-label=""
6922
6953
  className=""
6923
- disabled={false}
6924
6954
  onBlur={[Function]}
6925
6955
  onClick={[Function]}
6926
6956
  onDragStart={[Function]}
@@ -7005,9 +7035,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true hovered 1`
7005
7035
 
7006
7036
  exports[`ButtonCore kind:tertiary color:default size:small light:true pressed 1`] = `
7007
7037
  <button
7038
+ aria-disabled={false}
7008
7039
  aria-label=""
7009
7040
  className=""
7010
- disabled={false}
7011
7041
  onBlur={[Function]}
7012
7042
  onClick={[Function]}
7013
7043
  onDragStart={[Function]}
@@ -7093,9 +7123,9 @@ exports[`ButtonCore kind:tertiary color:default size:small light:true pressed 1`
7093
7123
 
7094
7124
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:false disabled 1`] = `
7095
7125
  <button
7126
+ aria-disabled={true}
7096
7127
  aria-label=""
7097
7128
  className=""
7098
- disabled={true}
7099
7129
  onBlur={[Function]}
7100
7130
  onClick={[Function]}
7101
7131
  onDragStart={[Function]}
@@ -7170,9 +7200,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false disa
7170
7200
 
7171
7201
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:false focused 1`] = `
7172
7202
  <button
7203
+ aria-disabled={false}
7173
7204
  aria-label=""
7174
7205
  className=""
7175
- disabled={false}
7176
7206
  onBlur={[Function]}
7177
7207
  onClick={[Function]}
7178
7208
  onDragStart={[Function]}
@@ -7257,9 +7287,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false focu
7257
7287
 
7258
7288
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:false hovered 1`] = `
7259
7289
  <button
7290
+ aria-disabled={false}
7260
7291
  aria-label=""
7261
7292
  className=""
7262
- disabled={false}
7263
7293
  onBlur={[Function]}
7264
7294
  onClick={[Function]}
7265
7295
  onDragStart={[Function]}
@@ -7344,9 +7374,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false hove
7344
7374
 
7345
7375
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:false pressed 1`] = `
7346
7376
  <button
7377
+ aria-disabled={false}
7347
7378
  aria-label=""
7348
7379
  className=""
7349
- disabled={false}
7350
7380
  onBlur={[Function]}
7351
7381
  onClick={[Function]}
7352
7382
  onDragStart={[Function]}
@@ -7432,9 +7462,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:false pres
7432
7462
 
7433
7463
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:true disabled 1`] = `
7434
7464
  <button
7465
+ aria-disabled={true}
7435
7466
  aria-label=""
7436
7467
  className=""
7437
- disabled={true}
7438
7468
  onBlur={[Function]}
7439
7469
  onClick={[Function]}
7440
7470
  onDragStart={[Function]}
@@ -7509,9 +7539,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true disab
7509
7539
 
7510
7540
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:true focused 1`] = `
7511
7541
  <button
7542
+ aria-disabled={false}
7512
7543
  aria-label=""
7513
7544
  className=""
7514
- disabled={false}
7515
7545
  onBlur={[Function]}
7516
7546
  onClick={[Function]}
7517
7547
  onDragStart={[Function]}
@@ -7596,9 +7626,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true focus
7596
7626
 
7597
7627
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:true hovered 1`] = `
7598
7628
  <button
7629
+ aria-disabled={false}
7599
7630
  aria-label=""
7600
7631
  className=""
7601
- disabled={false}
7602
7632
  onBlur={[Function]}
7603
7633
  onClick={[Function]}
7604
7634
  onDragStart={[Function]}
@@ -7683,9 +7713,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true hover
7683
7713
 
7684
7714
  exports[`ButtonCore kind:tertiary color:destructive size:medium light:true pressed 1`] = `
7685
7715
  <button
7716
+ aria-disabled={false}
7686
7717
  aria-label=""
7687
7718
  className=""
7688
- disabled={false}
7689
7719
  onBlur={[Function]}
7690
7720
  onClick={[Function]}
7691
7721
  onDragStart={[Function]}
@@ -7771,9 +7801,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:medium light:true press
7771
7801
 
7772
7802
  exports[`ButtonCore kind:tertiary color:destructive size:small light:false disabled 1`] = `
7773
7803
  <button
7804
+ aria-disabled={true}
7774
7805
  aria-label=""
7775
7806
  className=""
7776
- disabled={true}
7777
7807
  onBlur={[Function]}
7778
7808
  onClick={[Function]}
7779
7809
  onDragStart={[Function]}
@@ -7848,9 +7878,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false disab
7848
7878
 
7849
7879
  exports[`ButtonCore kind:tertiary color:destructive size:small light:false focused 1`] = `
7850
7880
  <button
7881
+ aria-disabled={false}
7851
7882
  aria-label=""
7852
7883
  className=""
7853
- disabled={false}
7854
7884
  onBlur={[Function]}
7855
7885
  onClick={[Function]}
7856
7886
  onDragStart={[Function]}
@@ -7935,9 +7965,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false focus
7935
7965
 
7936
7966
  exports[`ButtonCore kind:tertiary color:destructive size:small light:false hovered 1`] = `
7937
7967
  <button
7968
+ aria-disabled={false}
7938
7969
  aria-label=""
7939
7970
  className=""
7940
- disabled={false}
7941
7971
  onBlur={[Function]}
7942
7972
  onClick={[Function]}
7943
7973
  onDragStart={[Function]}
@@ -8022,9 +8052,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false hover
8022
8052
 
8023
8053
  exports[`ButtonCore kind:tertiary color:destructive size:small light:false pressed 1`] = `
8024
8054
  <button
8055
+ aria-disabled={false}
8025
8056
  aria-label=""
8026
8057
  className=""
8027
- disabled={false}
8028
8058
  onBlur={[Function]}
8029
8059
  onClick={[Function]}
8030
8060
  onDragStart={[Function]}
@@ -8110,9 +8140,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:false press
8110
8140
 
8111
8141
  exports[`ButtonCore kind:tertiary color:destructive size:small light:true disabled 1`] = `
8112
8142
  <button
8143
+ aria-disabled={true}
8113
8144
  aria-label=""
8114
8145
  className=""
8115
- disabled={true}
8116
8146
  onBlur={[Function]}
8117
8147
  onClick={[Function]}
8118
8148
  onDragStart={[Function]}
@@ -8187,9 +8217,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true disabl
8187
8217
 
8188
8218
  exports[`ButtonCore kind:tertiary color:destructive size:small light:true focused 1`] = `
8189
8219
  <button
8220
+ aria-disabled={false}
8190
8221
  aria-label=""
8191
8222
  className=""
8192
- disabled={false}
8193
8223
  onBlur={[Function]}
8194
8224
  onClick={[Function]}
8195
8225
  onDragStart={[Function]}
@@ -8274,9 +8304,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true focuse
8274
8304
 
8275
8305
  exports[`ButtonCore kind:tertiary color:destructive size:small light:true hovered 1`] = `
8276
8306
  <button
8307
+ aria-disabled={false}
8277
8308
  aria-label=""
8278
8309
  className=""
8279
- disabled={false}
8280
8310
  onBlur={[Function]}
8281
8311
  onClick={[Function]}
8282
8312
  onDragStart={[Function]}
@@ -8361,9 +8391,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true hovere
8361
8391
 
8362
8392
  exports[`ButtonCore kind:tertiary color:destructive size:small light:true pressed 1`] = `
8363
8393
  <button
8394
+ aria-disabled={false}
8364
8395
  aria-label=""
8365
8396
  className=""
8366
- disabled={false}
8367
8397
  onBlur={[Function]}
8368
8398
  onClick={[Function]}
8369
8399
  onDragStart={[Function]}
@@ -8449,9 +8479,9 @@ exports[`ButtonCore kind:tertiary color:destructive size:small light:true presse
8449
8479
 
8450
8480
  exports[`ButtonCore kind:tertiary size:medium spinner:true 1`] = `
8451
8481
  <button
8482
+ aria-disabled={true}
8452
8483
  aria-label="loading"
8453
8484
  className=""
8454
- disabled={true}
8455
8485
  onBlur={[Function]}
8456
8486
  onClick={[Function]}
8457
8487
  onDragStart={[Function]}
@@ -8580,9 +8610,9 @@ exports[`ButtonCore kind:tertiary size:medium spinner:true 1`] = `
8580
8610
 
8581
8611
  exports[`ButtonCore kind:tertiary size:small spinner:true 1`] = `
8582
8612
  <button
8613
+ aria-disabled={true}
8583
8614
  aria-label="loading"
8584
8615
  className=""
8585
- disabled={true}
8586
8616
  onBlur={[Function]}
8587
8617
  onClick={[Function]}
8588
8618
  onDragStart={[Function]}