@papillonbits/components 1.6.1 → 1.8.0

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 (29) hide show
  1. package/build/primer/Alert/Alert.js +7 -5
  2. package/build/primer/Blankslate/Blankslate.js +7 -5
  3. package/build/primer/Breadcrumb/Breadcrumb.js +5 -4
  4. package/build/primer/Button/Button.js +23 -13
  5. package/build/primer/Button/Button.prop.js +0 -1
  6. package/build/primer/Dropdown/Dropdown.js +7 -5
  7. package/build/primer/ErrorBoundary/ErrorBoundary.js +1 -2
  8. package/build/primer/Form/Checkbox/Checkbox.js +15 -9
  9. package/build/primer/Form/Input/Input.js +19 -11
  10. package/build/primer/Form/Input/Input.prop.js +0 -2
  11. package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap +0 -2
  12. package/build/primer/Form/Radio/Radio.js +15 -9
  13. package/build/primer/Grid/DisplayTable/DisplayTable.js +7 -5
  14. package/build/primer/Grid/FlexGrid/FlexGrid.js +19 -11
  15. package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap +72 -72
  16. package/build/primer/Icon/Icon.js +15 -9
  17. package/build/primer/Label/Label.js +9 -6
  18. package/build/primer/Loader/Loader.js +3 -3
  19. package/build/primer/Navigation/Menu/Menu.js +5 -4
  20. package/build/primer/Navigation/TabNav/TabNav.js +9 -6
  21. package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +9 -6
  22. package/build/primer/Pagination/PreviousNext/PreviousNext.js +9 -6
  23. package/build/primer/Popover/Popover.js +7 -5
  24. package/build/primer/Progress/Progress.js +5 -4
  25. package/build/primer/Select/Select.js +7 -5
  26. package/build/primer/SelectMenu/SelectMenu.js +5 -4
  27. package/build/primer/Subhead/Subhead.js +5 -4
  28. package/build/primer/Toast/Toast.js +9 -6
  29. package/package.json +4 -4
package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap CHANGED
@@ -197,7 +197,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
197
197
  >
198
198
  <mock-file
199
199
  aria-hidden="true"
200
- classname="octicon"
200
+ class="octicon"
201
201
  height="16"
202
202
  role="img"
203
203
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -277,7 +277,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
277
277
  >
278
278
  <mock-file
279
279
  aria-hidden="true"
280
- classname="octicon"
280
+ class="octicon"
281
281
  height="16"
282
282
  role="img"
283
283
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -357,7 +357,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
357
357
  >
358
358
  <mock-file
359
359
  aria-hidden="true"
360
- classname="octicon"
360
+ class="octicon"
361
361
  height="16"
362
362
  role="img"
363
363
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -437,7 +437,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
437
437
  >
438
438
  <mock-file
439
439
  aria-hidden="true"
440
- classname="octicon"
440
+ class="octicon"
441
441
  height="16"
442
442
  role="img"
443
443
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -517,7 +517,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
517
517
  >
518
518
  <mock-file
519
519
  aria-hidden="true"
520
- classname="octicon"
520
+ class="octicon"
521
521
  height="16"
522
522
  role="img"
523
523
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -597,7 +597,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
597
597
  >
598
598
  <mock-file
599
599
  aria-hidden="true"
600
- classname="octicon"
600
+ class="octicon"
601
601
  height="16"
602
602
  role="img"
603
603
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -677,7 +677,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
677
677
  >
678
678
  <mock-file
679
679
  aria-hidden="true"
680
- classname="octicon"
680
+ class="octicon"
681
681
  height="16"
682
682
  role="img"
683
683
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -757,7 +757,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
757
757
  >
758
758
  <mock-file
759
759
  aria-hidden="true"
760
- classname="octicon"
760
+ class="octicon"
761
761
  height="16"
762
762
  role="img"
763
763
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -837,7 +837,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
837
837
  >
838
838
  <mock-file
839
839
  aria-hidden="true"
840
- classname="octicon"
840
+ class="octicon"
841
841
  height="16"
842
842
  role="img"
843
843
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1062,7 +1062,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1062
1062
  >
1063
1063
  <mock-file
1064
1064
  aria-hidden="true"
1065
- classname="octicon"
1065
+ class="octicon"
1066
1066
  height="16"
1067
1067
  role="img"
1068
1068
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1142,7 +1142,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1142
1142
  >
1143
1143
  <mock-file
1144
1144
  aria-hidden="true"
1145
- classname="octicon"
1145
+ class="octicon"
1146
1146
  height="16"
1147
1147
  role="img"
1148
1148
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1222,7 +1222,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1222
1222
  >
1223
1223
  <mock-file
1224
1224
  aria-hidden="true"
1225
- classname="octicon"
1225
+ class="octicon"
1226
1226
  height="16"
1227
1227
  role="img"
1228
1228
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1302,7 +1302,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1302
1302
  >
1303
1303
  <mock-file
1304
1304
  aria-hidden="true"
1305
- classname="octicon"
1305
+ class="octicon"
1306
1306
  height="16"
1307
1307
  role="img"
1308
1308
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1382,7 +1382,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1382
1382
  >
1383
1383
  <mock-file
1384
1384
  aria-hidden="true"
1385
- classname="octicon"
1385
+ class="octicon"
1386
1386
  height="16"
1387
1387
  role="img"
1388
1388
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1462,7 +1462,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1462
1462
  >
1463
1463
  <mock-file
1464
1464
  aria-hidden="true"
1465
- classname="octicon"
1465
+ class="octicon"
1466
1466
  height="16"
1467
1467
  role="img"
1468
1468
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1542,7 +1542,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1542
1542
  >
1543
1543
  <mock-file
1544
1544
  aria-hidden="true"
1545
- classname="octicon"
1545
+ class="octicon"
1546
1546
  height="16"
1547
1547
  role="img"
1548
1548
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1622,7 +1622,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1622
1622
  >
1623
1623
  <mock-file
1624
1624
  aria-hidden="true"
1625
- classname="octicon"
1625
+ class="octicon"
1626
1626
  height="16"
1627
1627
  role="img"
1628
1628
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1702,7 +1702,7 @@ exports[`<FlexGrid /> Render must match checkboxWithSelectionInactive() 1`] = `
1702
1702
  >
1703
1703
  <mock-file
1704
1704
  aria-hidden="true"
1705
- classname="octicon"
1705
+ class="octicon"
1706
1706
  height="16"
1707
1707
  role="img"
1708
1708
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1893,7 +1893,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
1893
1893
  >
1894
1894
  <mock-file
1895
1895
  aria-hidden="true"
1896
- classname="octicon"
1896
+ class="octicon"
1897
1897
  height="16"
1898
1898
  role="img"
1899
1899
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -1957,7 +1957,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
1957
1957
  >
1958
1958
  <mock-file
1959
1959
  aria-hidden="true"
1960
- classname="octicon"
1960
+ class="octicon"
1961
1961
  height="16"
1962
1962
  role="img"
1963
1963
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2021,7 +2021,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2021
2021
  >
2022
2022
  <mock-file
2023
2023
  aria-hidden="true"
2024
- classname="octicon"
2024
+ class="octicon"
2025
2025
  height="16"
2026
2026
  role="img"
2027
2027
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2085,7 +2085,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2085
2085
  >
2086
2086
  <mock-file
2087
2087
  aria-hidden="true"
2088
- classname="octicon"
2088
+ class="octicon"
2089
2089
  height="16"
2090
2090
  role="img"
2091
2091
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2149,7 +2149,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2149
2149
  >
2150
2150
  <mock-file
2151
2151
  aria-hidden="true"
2152
- classname="octicon"
2152
+ class="octicon"
2153
2153
  height="16"
2154
2154
  role="img"
2155
2155
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2213,7 +2213,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2213
2213
  >
2214
2214
  <mock-file
2215
2215
  aria-hidden="true"
2216
- classname="octicon"
2216
+ class="octicon"
2217
2217
  height="16"
2218
2218
  role="img"
2219
2219
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2277,7 +2277,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2277
2277
  >
2278
2278
  <mock-file
2279
2279
  aria-hidden="true"
2280
- classname="octicon"
2280
+ class="octicon"
2281
2281
  height="16"
2282
2282
  role="img"
2283
2283
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2341,7 +2341,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2341
2341
  >
2342
2342
  <mock-file
2343
2343
  aria-hidden="true"
2344
- classname="octicon"
2344
+ class="octicon"
2345
2345
  height="16"
2346
2346
  role="img"
2347
2347
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2405,7 +2405,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelection() 1`] = `
2405
2405
  >
2406
2406
  <mock-file
2407
2407
  aria-hidden="true"
2408
- classname="octicon"
2408
+ class="octicon"
2409
2409
  height="16"
2410
2410
  role="img"
2411
2411
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2596,7 +2596,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2596
2596
  >
2597
2597
  <mock-file
2598
2598
  aria-hidden="true"
2599
- classname="octicon"
2599
+ class="octicon"
2600
2600
  height="16"
2601
2601
  role="img"
2602
2602
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2660,7 +2660,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2660
2660
  >
2661
2661
  <mock-file
2662
2662
  aria-hidden="true"
2663
- classname="octicon"
2663
+ class="octicon"
2664
2664
  height="16"
2665
2665
  role="img"
2666
2666
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2724,7 +2724,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2724
2724
  >
2725
2725
  <mock-file
2726
2726
  aria-hidden="true"
2727
- classname="octicon"
2727
+ class="octicon"
2728
2728
  height="16"
2729
2729
  role="img"
2730
2730
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2788,7 +2788,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2788
2788
  >
2789
2789
  <mock-file
2790
2790
  aria-hidden="true"
2791
- classname="octicon"
2791
+ class="octicon"
2792
2792
  height="16"
2793
2793
  role="img"
2794
2794
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2852,7 +2852,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2852
2852
  >
2853
2853
  <mock-file
2854
2854
  aria-hidden="true"
2855
- classname="octicon"
2855
+ class="octicon"
2856
2856
  height="16"
2857
2857
  role="img"
2858
2858
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2916,7 +2916,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2916
2916
  >
2917
2917
  <mock-file
2918
2918
  aria-hidden="true"
2919
- classname="octicon"
2919
+ class="octicon"
2920
2920
  height="16"
2921
2921
  role="img"
2922
2922
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -2980,7 +2980,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
2980
2980
  >
2981
2981
  <mock-file
2982
2982
  aria-hidden="true"
2983
- classname="octicon"
2983
+ class="octicon"
2984
2984
  height="16"
2985
2985
  role="img"
2986
2986
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3044,7 +3044,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
3044
3044
  >
3045
3045
  <mock-file
3046
3046
  aria-hidden="true"
3047
- classname="octicon"
3047
+ class="octicon"
3048
3048
  height="16"
3049
3049
  role="img"
3050
3050
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3108,7 +3108,7 @@ exports[`<FlexGrid /> Render must match checkboxWithoutSelectionInactive() 1`] =
3108
3108
  >
3109
3109
  <mock-file
3110
3110
  aria-hidden="true"
3111
- classname="octicon"
3111
+ class="octicon"
3112
3112
  height="16"
3113
3113
  role="img"
3114
3114
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3320,7 +3320,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3320
3320
  >
3321
3321
  <mock-file
3322
3322
  aria-hidden="true"
3323
- classname="octicon"
3323
+ class="octicon"
3324
3324
  height="16"
3325
3325
  role="img"
3326
3326
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3400,7 +3400,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3400
3400
  >
3401
3401
  <mock-file
3402
3402
  aria-hidden="true"
3403
- classname="octicon"
3403
+ class="octicon"
3404
3404
  height="16"
3405
3405
  role="img"
3406
3406
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3480,7 +3480,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3480
3480
  >
3481
3481
  <mock-file
3482
3482
  aria-hidden="true"
3483
- classname="octicon"
3483
+ class="octicon"
3484
3484
  height="16"
3485
3485
  role="img"
3486
3486
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3560,7 +3560,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3560
3560
  >
3561
3561
  <mock-file
3562
3562
  aria-hidden="true"
3563
- classname="octicon"
3563
+ class="octicon"
3564
3564
  height="16"
3565
3565
  role="img"
3566
3566
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3640,7 +3640,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3640
3640
  >
3641
3641
  <mock-file
3642
3642
  aria-hidden="true"
3643
- classname="octicon"
3643
+ class="octicon"
3644
3644
  height="16"
3645
3645
  role="img"
3646
3646
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3720,7 +3720,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3720
3720
  >
3721
3721
  <mock-file
3722
3722
  aria-hidden="true"
3723
- classname="octicon"
3723
+ class="octicon"
3724
3724
  height="16"
3725
3725
  role="img"
3726
3726
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3800,7 +3800,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3800
3800
  >
3801
3801
  <mock-file
3802
3802
  aria-hidden="true"
3803
- classname="octicon"
3803
+ class="octicon"
3804
3804
  height="16"
3805
3805
  role="img"
3806
3806
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3880,7 +3880,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3880
3880
  >
3881
3881
  <mock-file
3882
3882
  aria-hidden="true"
3883
- classname="octicon"
3883
+ class="octicon"
3884
3884
  height="16"
3885
3885
  role="img"
3886
3886
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -3960,7 +3960,7 @@ exports[`<FlexGrid /> Render must match radioWithSelection() 1`] = `
3960
3960
  >
3961
3961
  <mock-file
3962
3962
  aria-hidden="true"
3963
- classname="octicon"
3963
+ class="octicon"
3964
3964
  height="16"
3965
3965
  role="img"
3966
3966
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4172,7 +4172,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4172
4172
  >
4173
4173
  <mock-file
4174
4174
  aria-hidden="true"
4175
- classname="octicon"
4175
+ class="octicon"
4176
4176
  height="16"
4177
4177
  role="img"
4178
4178
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4252,7 +4252,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4252
4252
  >
4253
4253
  <mock-file
4254
4254
  aria-hidden="true"
4255
- classname="octicon"
4255
+ class="octicon"
4256
4256
  height="16"
4257
4257
  role="img"
4258
4258
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4332,7 +4332,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4332
4332
  >
4333
4333
  <mock-file
4334
4334
  aria-hidden="true"
4335
- classname="octicon"
4335
+ class="octicon"
4336
4336
  height="16"
4337
4337
  role="img"
4338
4338
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4412,7 +4412,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4412
4412
  >
4413
4413
  <mock-file
4414
4414
  aria-hidden="true"
4415
- classname="octicon"
4415
+ class="octicon"
4416
4416
  height="16"
4417
4417
  role="img"
4418
4418
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4492,7 +4492,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4492
4492
  >
4493
4493
  <mock-file
4494
4494
  aria-hidden="true"
4495
- classname="octicon"
4495
+ class="octicon"
4496
4496
  height="16"
4497
4497
  role="img"
4498
4498
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4572,7 +4572,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4572
4572
  >
4573
4573
  <mock-file
4574
4574
  aria-hidden="true"
4575
- classname="octicon"
4575
+ class="octicon"
4576
4576
  height="16"
4577
4577
  role="img"
4578
4578
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4652,7 +4652,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4652
4652
  >
4653
4653
  <mock-file
4654
4654
  aria-hidden="true"
4655
- classname="octicon"
4655
+ class="octicon"
4656
4656
  height="16"
4657
4657
  role="img"
4658
4658
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4732,7 +4732,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4732
4732
  >
4733
4733
  <mock-file
4734
4734
  aria-hidden="true"
4735
- classname="octicon"
4735
+ class="octicon"
4736
4736
  height="16"
4737
4737
  role="img"
4738
4738
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -4812,7 +4812,7 @@ exports[`<FlexGrid /> Render must match radioWithSelectionInactive() 1`] = `
4812
4812
  >
4813
4813
  <mock-file
4814
4814
  aria-hidden="true"
4815
- classname="octicon"
4815
+ class="octicon"
4816
4816
  height="16"
4817
4817
  role="img"
4818
4818
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5003,7 +5003,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5003
5003
  >
5004
5004
  <mock-file
5005
5005
  aria-hidden="true"
5006
- classname="octicon"
5006
+ class="octicon"
5007
5007
  height="16"
5008
5008
  role="img"
5009
5009
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5067,7 +5067,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5067
5067
  >
5068
5068
  <mock-file
5069
5069
  aria-hidden="true"
5070
- classname="octicon"
5070
+ class="octicon"
5071
5071
  height="16"
5072
5072
  role="img"
5073
5073
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5131,7 +5131,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5131
5131
  >
5132
5132
  <mock-file
5133
5133
  aria-hidden="true"
5134
- classname="octicon"
5134
+ class="octicon"
5135
5135
  height="16"
5136
5136
  role="img"
5137
5137
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5195,7 +5195,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5195
5195
  >
5196
5196
  <mock-file
5197
5197
  aria-hidden="true"
5198
- classname="octicon"
5198
+ class="octicon"
5199
5199
  height="16"
5200
5200
  role="img"
5201
5201
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5259,7 +5259,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5259
5259
  >
5260
5260
  <mock-file
5261
5261
  aria-hidden="true"
5262
- classname="octicon"
5262
+ class="octicon"
5263
5263
  height="16"
5264
5264
  role="img"
5265
5265
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5323,7 +5323,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5323
5323
  >
5324
5324
  <mock-file
5325
5325
  aria-hidden="true"
5326
- classname="octicon"
5326
+ class="octicon"
5327
5327
  height="16"
5328
5328
  role="img"
5329
5329
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5387,7 +5387,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5387
5387
  >
5388
5388
  <mock-file
5389
5389
  aria-hidden="true"
5390
- classname="octicon"
5390
+ class="octicon"
5391
5391
  height="16"
5392
5392
  role="img"
5393
5393
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5451,7 +5451,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5451
5451
  >
5452
5452
  <mock-file
5453
5453
  aria-hidden="true"
5454
- classname="octicon"
5454
+ class="octicon"
5455
5455
  height="16"
5456
5456
  role="img"
5457
5457
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5515,7 +5515,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelection() 1`] = `
5515
5515
  >
5516
5516
  <mock-file
5517
5517
  aria-hidden="true"
5518
- classname="octicon"
5518
+ class="octicon"
5519
5519
  height="16"
5520
5520
  role="img"
5521
5521
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5706,7 +5706,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
5706
5706
  >
5707
5707
  <mock-file
5708
5708
  aria-hidden="true"
5709
- classname="octicon"
5709
+ class="octicon"
5710
5710
  height="16"
5711
5711
  role="img"
5712
5712
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5770,7 +5770,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
5770
5770
  >
5771
5771
  <mock-file
5772
5772
  aria-hidden="true"
5773
- classname="octicon"
5773
+ class="octicon"
5774
5774
  height="16"
5775
5775
  role="img"
5776
5776
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5834,7 +5834,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
5834
5834
  >
5835
5835
  <mock-file
5836
5836
  aria-hidden="true"
5837
- classname="octicon"
5837
+ class="octicon"
5838
5838
  height="16"
5839
5839
  role="img"
5840
5840
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5898,7 +5898,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
5898
5898
  >
5899
5899
  <mock-file
5900
5900
  aria-hidden="true"
5901
- classname="octicon"
5901
+ class="octicon"
5902
5902
  height="16"
5903
5903
  role="img"
5904
5904
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -5962,7 +5962,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
5962
5962
  >
5963
5963
  <mock-file
5964
5964
  aria-hidden="true"
5965
- classname="octicon"
5965
+ class="octicon"
5966
5966
  height="16"
5967
5967
  role="img"
5968
5968
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -6026,7 +6026,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
6026
6026
  >
6027
6027
  <mock-file
6028
6028
  aria-hidden="true"
6029
- classname="octicon"
6029
+ class="octicon"
6030
6030
  height="16"
6031
6031
  role="img"
6032
6032
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -6090,7 +6090,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
6090
6090
  >
6091
6091
  <mock-file
6092
6092
  aria-hidden="true"
6093
- classname="octicon"
6093
+ class="octicon"
6094
6094
  height="16"
6095
6095
  role="img"
6096
6096
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -6154,7 +6154,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
6154
6154
  >
6155
6155
  <mock-file
6156
6156
  aria-hidden="true"
6157
- classname="octicon"
6157
+ class="octicon"
6158
6158
  height="16"
6159
6159
  role="img"
6160
6160
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
@@ -6218,7 +6218,7 @@ exports[`<FlexGrid /> Render must match radioWithoutSelectionInactive() 1`] = `
6218
6218
  >
6219
6219
  <mock-file
6220
6220
  aria-hidden="true"
6221
- classname="octicon"
6221
+ class="octicon"
6222
6222
  height="16"
6223
6223
  role="img"
6224
6224
  style="display: inline-block; fill: #79b8ff; user-select: none; vertical-align: text-bottom;"
package/build/primer/Icon/Icon.js CHANGED
@@ -16,14 +16,21 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
16
16
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17
17
  var defaultSize = [16, 16];
18
18
  function Icon(_ref) {
19
- var className = _ref.className,
20
- ariaLabel = _ref.ariaLabel,
19
+ var _ref$className = _ref.className,
20
+ className = _ref$className === void 0 ? _Icon.defaultProps.className : _ref$className,
21
+ _ref$ariaLabel = _ref.ariaLabel,
22
+ ariaLabel = _ref$ariaLabel === void 0 ? _Icon.defaultProps.ariaLabel : _ref$ariaLabel,
21
23
  icon = _ref.icon,
22
- height = _ref.height,
23
- width = _ref.width,
24
- size = _ref.size,
25
- fill = _ref.fill,
26
- verticalAlign = _ref.verticalAlign,
24
+ _ref$height = _ref.height,
25
+ height = _ref$height === void 0 ? _Icon.defaultProps.height : _ref$height,
26
+ _ref$width = _ref.width,
27
+ width = _ref$width === void 0 ? _Icon.defaultProps.width : _ref$width,
28
+ _ref$size = _ref.size,
29
+ size = _ref$size === void 0 ? _Icon.defaultProps.size : _ref$size,
30
+ _ref$fill = _ref.fill,
31
+ fill = _ref$fill === void 0 ? _Icon.defaultProps.fill : _ref$fill,
32
+ _ref$verticalAlign = _ref.verticalAlign,
33
+ verticalAlign = _ref$verticalAlign === void 0 ? _Icon.defaultProps.verticalAlign : _ref$verticalAlign,
27
34
  otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
28
35
  var widthHeight = defaultSize;
29
36
  var attrs = {
@@ -60,5 +67,4 @@ function Icon(_ref) {
60
67
  className: className
61
68
  }, attrs), otherProps)) : null;
62
69
  }
63
- Icon.propTypes = _Icon.propTypes;
64
- Icon.defaultProps = _Icon.defaultProps;
70
+ Icon.propTypes = _Icon.propTypes;