@papillonbits/components 0.6.0 → 0.7.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 (82) hide show
  1. package/build/primer/Form/Checkbox/__tests__/__snapshots__/Checkbox.int.test.js.snap +54 -56
  2. package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap +18 -24
  3. package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.js.snap +18 -28
  4. package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.js.snap +82 -82
  5. package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap +4532 -5510
  6. package/build/primer/Icon/Icon.part.js +177 -66
  7. package/build/primer/Icon/Icon.prop.js +62 -25
  8. package/build/primer/Navigation/Menu/__tests__/__snapshots__/Menu.int.test.js.snap +101 -107
  9. package/build/primer/Navigation/TabNav/__tests__/__snapshots__/TabNav.int.test.js.snap +177 -177
  10. package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.js.snap +213 -225
  11. package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.js.snap +52 -52
  12. package/build/primer/SVG/icon/accessibility-16.svg +1 -0
  13. package/build/primer/SVG/icon/alert-fill-12.svg +1 -0
  14. package/build/primer/SVG/icon/apps-16.svg +1 -0
  15. package/build/primer/SVG/icon/bell-fill-16.svg +1 -0
  16. package/build/primer/SVG/icon/check-circle-fill-12.svg +1 -0
  17. package/build/primer/SVG/icon/cloud-16.svg +1 -0
  18. package/build/primer/SVG/icon/cloud-24.svg +1 -0
  19. package/build/primer/SVG/icon/cloud-offline-16.svg +1 -0
  20. package/build/primer/SVG/icon/cloud-offline-24.svg +1 -0
  21. package/build/primer/SVG/icon/code-of-conduct-16.svg +1 -0
  22. package/build/primer/SVG/icon/code-of-conduct-24.svg +1 -0
  23. package/build/primer/SVG/icon/copy-16.svg +1 -0
  24. package/build/primer/SVG/icon/copy-24.svg +1 -1
  25. package/build/primer/SVG/icon/duplicate-16.svg +1 -1
  26. package/build/primer/SVG/icon/duplicate-24.svg +1 -1
  27. package/build/primer/SVG/icon/feed-discussion-16.svg +1 -0
  28. package/build/primer/SVG/icon/feed-forked-16.svg +1 -0
  29. package/build/primer/SVG/icon/feed-heart-16.svg +1 -0
  30. package/build/primer/SVG/icon/feed-merged-16.svg +1 -0
  31. package/build/primer/SVG/icon/feed-person-16.svg +1 -0
  32. package/build/primer/SVG/icon/feed-repo-16.svg +1 -0
  33. package/build/primer/SVG/icon/feed-rocket-16.svg +1 -0
  34. package/build/primer/SVG/icon/feed-star-16.svg +1 -0
  35. package/build/primer/SVG/icon/feed-tag-16.svg +1 -0
  36. package/build/primer/SVG/icon/feed-trophy-16.svg +1 -0
  37. package/build/primer/SVG/icon/file-directory-16.svg +1 -1
  38. package/build/primer/SVG/icon/file-directory-fill-16.svg +1 -0
  39. package/build/primer/SVG/icon/file-directory-open-fill-16.svg +1 -0
  40. package/build/primer/SVG/icon/id-badge-16.svg +1 -0
  41. package/build/primer/SVG/icon/issue-reopened-16.svg +1 -1
  42. package/build/primer/SVG/icon/issue-reopened-24.svg +1 -1
  43. package/build/primer/SVG/icon/iterations-16.svg +1 -0
  44. package/build/primer/SVG/icon/iterations-24.svg +1 -0
  45. package/build/primer/SVG/icon/key-asterisk-16.svg +1 -0
  46. package/build/primer/SVG/icon/log-16.svg +1 -0
  47. package/build/primer/SVG/icon/no-entry-16.svg +1 -1
  48. package/build/primer/SVG/icon/no-entry-fill-12.svg +1 -0
  49. package/build/primer/SVG/icon/{clippy-16.svg → paste-16.svg} +0 -0
  50. package/build/primer/SVG/icon/{clippy-24.svg → paste-24.svg} +0 -0
  51. package/build/primer/SVG/icon/person-fill-16.svg +1 -0
  52. package/build/primer/SVG/icon/person-fill-24.svg +1 -0
  53. package/build/primer/SVG/icon/repo-deleted-16.svg +1 -0
  54. package/build/primer/SVG/icon/repo-locked-16.svg +1 -0
  55. package/build/primer/SVG/icon/{select-single-16.svg → single-select-16.svg} +0 -0
  56. package/build/primer/SVG/icon/sort-asc-16.svg +1 -0
  57. package/build/primer/SVG/icon/sort-asc-24.svg +1 -0
  58. package/build/primer/SVG/icon/sort-desc-16.svg +1 -0
  59. package/build/primer/SVG/icon/sort-desc-24.svg +1 -0
  60. package/build/primer/SVG/icon/stack-16.svg +1 -0
  61. package/build/primer/SVG/icon/stack-24.svg +1 -0
  62. package/build/primer/SVG/icon/tab-external-16.svg +1 -0
  63. package/build/primer/SVG/icon/telescope-fill-16.svg +1 -0
  64. package/build/primer/SVG/icon/telescope-fill-24.svg +1 -0
  65. package/build/primer/SVG/icon/trophy-16.svg +1 -0
  66. package/build/primer/SVG/icon/trophy-24.svg +1 -0
  67. package/build/primer/SVG/icon/upload-24.svg +1 -1
  68. package/build/primer/SVG/icon/webhook-16.svg +1 -0
  69. package/build/primer/SVG/icon/x-circle-fill-12.svg +1 -0
  70. package/package.json +5 -5
  71. package/build/primer/SVG/icon/eye-slash-24.svg +0 -1
  72. package/build/primer/SVG/icon/file-symlink-24.svg +0 -1
  73. package/build/primer/SVG/icon/fire-24.svg +0 -1
  74. package/build/primer/SVG/icon/git-fork-24.svg +0 -1
  75. package/build/primer/SVG/icon/index.js +0 -1248
  76. package/build/primer/SVG/icon/insights-24.svg +0 -1
  77. package/build/primer/SVG/icon/octoface-16.svg +0 -1
  78. package/build/primer/SVG/icon/octoface-24.svg +0 -1
  79. package/build/primer/SVG/icon/settings-24.svg +0 -1
  80. package/build/primer/SVG/icon/trashcan-16.svg +0 -1
  81. package/build/primer/SVG/icon/unverifed-24.svg +0 -1
  82. package/build/primer/SVG/index.js +0 -13
@@ -8,8 +8,11 @@ exports.propTypes = exports.iconSizeKeysDefault = exports.iconSizeKeys = exports
8
8
  var _propTypes = require("prop-types");
9
9
 
10
10
  var iconName = {
11
+ Accessibility16: 'Accessibility16',
11
12
  Alert16: 'Alert16',
12
13
  Alert24: 'Alert24',
14
+ AlertFill12: 'AlertFill12',
15
+ Apps16: 'Apps16',
13
16
  Archive16: 'Archive16',
14
17
  Archive24: 'Archive24',
15
18
  ArrowBoth16: 'ArrowBoth16',
@@ -32,6 +35,7 @@ var iconName = {
32
35
  Beaker24: 'Beaker24',
33
36
  Bell16: 'Bell16',
34
37
  Bell24: 'Bell24',
38
+ BellFill16: 'BellFill16',
35
39
  BellFill24: 'BellFill24',
36
40
  BellSlash16: 'BellSlash16',
37
41
  BellSlash24: 'BellSlash24',
@@ -61,6 +65,7 @@ var iconName = {
61
65
  Check24: 'Check24',
62
66
  CheckCircle16: 'CheckCircle16',
63
67
  CheckCircle24: 'CheckCircle24',
68
+ CheckCircleFill12: 'CheckCircleFill12',
64
69
  CheckCircleFill16: 'CheckCircleFill16',
65
70
  CheckCircleFill24: 'CheckCircleFill24',
66
71
  Checklist16: 'Checklist16',
@@ -77,22 +82,26 @@ var iconName = {
77
82
  Circle24: 'Circle24',
78
83
  CircleSlash16: 'CircleSlash16',
79
84
  CircleSlash24: 'CircleSlash24',
80
- Clippy16: 'Clippy16',
81
- Clippy24: 'Clippy24',
82
85
  Clock16: 'Clock16',
83
86
  Clock24: 'Clock24',
87
+ Cloud16: 'Cloud16',
88
+ Cloud24: 'Cloud24',
89
+ CloudOffline16: 'CloudOffline16',
90
+ CloudOffline24: 'CloudOffline24',
84
91
  Code16: 'Code16',
85
92
  Code24: 'Code24',
93
+ CodeOfConduct16: 'CodeOfConduct16',
94
+ CodeOfConduct24: 'CodeOfConduct24',
86
95
  CodeReview16: 'CodeReview16',
87
96
  CodeReview24: 'CodeReview24',
88
97
  CodeSquare16: 'CodeSquare16',
89
98
  CodeSquare24: 'CodeSquare24',
90
- CodeScan16: 'CodeScan16',
91
- CodeScan24: 'CodeScan24',
92
- CodeScanCheckmark16: 'CodeScanCheckmark16',
93
- CodeScanCheckmark24: 'CodeScanCheckmark24',
94
- CodeSpaces16: 'CodeSpaces16',
95
- CodeSpaces24: 'CodeSpaces24',
99
+ Codescan16: 'Codescan16',
100
+ Codescan24: 'Codescan24',
101
+ CodescanCheckmark16: 'CodescanCheckmark16',
102
+ CodescanCheckmark24: 'CodescanCheckmark24',
103
+ Codespaces16: 'Codespaces16',
104
+ Codespaces24: 'Codespaces24',
96
105
  Columns16: 'Columns16',
97
106
  Columns24: 'Columns24',
98
107
  Comment16: 'Comment16',
@@ -102,9 +111,10 @@ var iconName = {
102
111
  Commit24: 'Commit24',
103
112
  Container16: 'Container16',
104
113
  Container24: 'Container24',
114
+ Copy16: 'Copy16',
105
115
  Copy24: 'Copy24',
106
- CPU16: 'CPU16',
107
- CPU24: 'CPU24',
116
+ Cpu16: 'Cpu16',
117
+ Cpu24: 'Cpu24',
108
118
  CreditCard16: 'CreditCard16',
109
119
  CreditCard24: 'CreditCard24',
110
120
  CrossReference16: 'CrossReference16',
@@ -146,7 +156,16 @@ var iconName = {
146
156
  Eye24: 'Eye24',
147
157
  EyeClosed16: 'EyeClosed16',
148
158
  EyeClosed24: 'EyeClosed24',
149
- EyeSlash24: 'EyeSlash24',
159
+ FeedDiscussion16: 'FeedDiscussion16',
160
+ FeedForked16: 'FeedForked16',
161
+ FeedHeart16: 'FeedHeart16',
162
+ FeedMerged16: 'FeedMerged16',
163
+ FeedPerson16: 'FeedPerson16',
164
+ FeedRepo16: 'FeedRepo16',
165
+ FeedRocket16: 'FeedRocket16',
166
+ FeedStar16: 'FeedStar16',
167
+ FeedTag16: 'FeedTag16',
168
+ FeedTrophy16: 'FeedTrophy16',
150
169
  File16: 'File16',
151
170
  File24: 'File24',
152
171
  FileBadge16: 'FileBadge16',
@@ -158,18 +177,18 @@ var iconName = {
158
177
  FileDiff24: 'FileDiff24',
159
178
  FileDirectory16: 'FileDirectory16',
160
179
  FileDirectory24: 'FileDirectory24',
180
+ FileDirectoryFill16: 'FileDirectoryFill16',
161
181
  FileDirectoryFill24: 'FileDirectoryFill24',
182
+ FileDirectoryOpenFill16: 'FileDirectoryOpenFill16',
162
183
  FileMedia24: 'FileMedia24',
163
184
  FileSubmodule16: 'FileSubmodule16',
164
185
  FileSubmodule24: 'FileSubmodule24',
165
- FileSymlink24: 'FileSymlink24',
166
186
  FileSymlinkFile16: 'FileSymlinkFile16',
167
187
  FileSymlinkFile24: 'FileSymlinkFile24',
168
188
  FileZip16: 'FileZip16',
169
189
  FileZip24: 'FileZip24',
170
190
  Filter16: 'Filter16',
171
191
  Filter24: 'Filter24',
172
- Fire24: 'Fire24',
173
192
  Flame16: 'Flame16',
174
193
  Flame24: 'Flame24',
175
194
  Fold16: 'Fold16',
@@ -188,7 +207,6 @@ var iconName = {
188
207
  GitCommit24: 'GitCommit24',
189
208
  GitCompare16: 'GitCompare16',
190
209
  GitCompare24: 'GitCompare24',
191
- GitFork24: 'GitFork24',
192
210
  GitMerge16: 'GitMerge16',
193
211
  GitMerge24: 'GitMerge24',
194
212
  GitPullRequest16: 'GitPullRequest16',
@@ -222,6 +240,7 @@ var iconName = {
222
240
  Hourglass24: 'Hourglass24',
223
241
  Hubot16: 'Hubot16',
224
242
  Hubot24: 'Hubot24',
243
+ IdBadge16: 'IdBadge16',
225
244
  Image16: 'Image16',
226
245
  Image24: 'Image24',
227
246
  Inbox16: 'Inbox16',
@@ -230,7 +249,6 @@ var iconName = {
230
249
  Infinity24: 'Infinity24',
231
250
  Info16: 'Info16',
232
251
  Info24: 'Info24',
233
- Insights24: 'Insights24',
234
252
  IssueClosed16: 'IssueClosed16',
235
253
  IssueClosed24: 'IssueClosed24',
236
254
  IssueDraft16: 'IssueDraft16',
@@ -241,10 +259,13 @@ var iconName = {
241
259
  IssueReopened24: 'IssueReopened24',
242
260
  Italic16: 'Italic16',
243
261
  Italic24: 'Italic24',
262
+ Iterations16: 'Iterations16',
263
+ Iterations24: 'Iterations24',
244
264
  KebabHorizontal16: 'KebabHorizontal16',
245
265
  KebabHorizontal24: 'KebabHorizontal24',
246
266
  Key16: 'Key16',
247
267
  Key24: 'Key24',
268
+ KeyAsterisk16: 'KeyAsterisk16',
248
269
  Law16: 'Law16',
249
270
  Law24: 'Law24',
250
271
  LightBulb16: 'LightBulb16',
@@ -261,11 +282,12 @@ var iconName = {
261
282
  Location24: 'Location24',
262
283
  Lock16: 'Lock16',
263
284
  Lock24: 'Lock24',
285
+ Log16: 'Log16',
264
286
  LogoGist16: 'LogoGist16',
265
- LogoGitHub16: 'LogoGitHub16',
287
+ LogoGithub16: 'LogoGithub16',
266
288
  Mail16: 'Mail16',
267
289
  Mail24: 'Mail24',
268
- MarkGitHub16: 'MarkGitHub16',
290
+ MarkGithub16: 'MarkGithub16',
269
291
  Markdown16: 'Markdown16',
270
292
  Megaphone16: 'Megaphone16',
271
293
  Megaphone24: 'Megaphone24',
@@ -286,14 +308,13 @@ var iconName = {
286
308
  Mute24: 'Mute24',
287
309
  NoEntry16: 'NoEntry16',
288
310
  NoEntry24: 'NoEntry24',
311
+ NoEntryFill12: 'NoEntryFill12',
289
312
  NorthStar16: 'NorthStar16',
290
313
  NorthStar24: 'NorthStar24',
291
314
  Note16: 'Note16',
292
315
  Note24: 'Note24',
293
316
  Number16: 'Number16',
294
317
  Number24: 'Number24',
295
- Octoface16: 'Octoface16',
296
- Octoface24: 'Octoface24',
297
318
  Organization16: 'Organization16',
298
319
  Organization24: 'Organization24',
299
320
  Package16: 'Package16',
@@ -305,6 +326,8 @@ var iconName = {
305
326
  Paintbrush16: 'Paintbrush16',
306
327
  PaperAirplane16: 'PaperAirplane16',
307
328
  PaperAirplane24: 'PaperAirplane24',
329
+ Paste16: 'Paste16',
330
+ Paste24: 'Paste24',
308
331
  Pencil16: 'Pencil16',
309
332
  Pencil24: 'Pencil24',
310
333
  People16: 'People16',
@@ -313,6 +336,8 @@ var iconName = {
313
336
  Person24: 'Person24',
314
337
  PersonAdd16: 'PersonAdd16',
315
338
  PersonAdd24: 'PersonAdd24',
339
+ PersonFill16: 'PersonFill16',
340
+ PersonFill24: 'PersonFill24',
316
341
  Pin16: 'Pin16',
317
342
  Pin24: 'Pin24',
318
343
  Play16: 'Play16',
@@ -336,8 +361,10 @@ var iconName = {
336
361
  Repo16: 'Repo16',
337
362
  Repo24: 'Repo24',
338
363
  RepoClone16: 'RepoClone16',
364
+ RepoDeleted16: 'RepoDeleted16',
339
365
  RepoForked16: 'RepoForked16',
340
366
  RepoForked24: 'RepoForked24',
367
+ RepoLocked16: 'RepoLocked16',
341
368
  RepoPull16: 'RepoPull16',
342
369
  RepoPush16: 'RepoPush16',
343
370
  RepoPush24: 'RepoPush24',
@@ -349,8 +376,8 @@ var iconName = {
349
376
  Rocket24: 'Rocket24',
350
377
  Rows16: 'Rows16',
351
378
  Rows24: 'Rows24',
352
- RSS16: 'RSS16',
353
- RSS24: 'RSS24',
379
+ Rss16: 'Rss16',
380
+ Rss24: 'Rss24',
354
381
  Ruby16: 'Ruby16',
355
382
  Ruby24: 'Ruby24',
356
383
  ScreenFull16: 'ScreenFull16',
@@ -359,10 +386,8 @@ var iconName = {
359
386
  ScreenNormal24: 'ScreenNormal24',
360
387
  Search16: 'Search16',
361
388
  Search24: 'Search24',
362
- SelectSingle16: 'SelectSingle16',
363
389
  Server16: 'Server16',
364
390
  Server24: 'Server24',
365
- Settings24: 'Settings24',
366
391
  Share16: 'Share16',
367
392
  Share24: 'Share24',
368
393
  ShareAndroid16: 'ShareAndroid16',
@@ -383,17 +408,24 @@ var iconName = {
383
408
  SignIn24: 'SignIn24',
384
409
  SignOut16: 'SignOut16',
385
410
  SignOut24: 'SignOut24',
411
+ SingleSelect16: 'SingleSelect16',
386
412
  SingleSelect24: 'SingleSelect24',
387
413
  Skip16: 'Skip16',
388
414
  Skip24: 'Skip24',
389
415
  Smiley16: 'Smiley16',
390
416
  Smiley24: 'Smiley24',
417
+ SortAsc16: 'SortAsc16',
418
+ SortAsc24: 'SortAsc24',
419
+ SortDesc16: 'SortDesc16',
420
+ SortDesc24: 'SortDesc24',
391
421
  Square16: 'Square16',
392
422
  Square24: 'Square24',
393
423
  SquareFill16: 'SquareFill16',
394
424
  SquareFill24: 'SquareFill24',
395
425
  Squirrel16: 'Squirrel16',
396
426
  Squirrel24: 'Squirrel24',
427
+ Stack16: 'Stack16',
428
+ Stack24: 'Stack24',
397
429
  Star16: 'Star16',
398
430
  Star24: 'Star24',
399
431
  StarFill16: 'StarFill16',
@@ -409,6 +441,7 @@ var iconName = {
409
441
  Sync16: 'Sync16',
410
442
  Sync24: 'Sync24',
411
443
  Tab24: 'Tab24',
444
+ TabExternal16: 'TabExternal16',
412
445
  Table16: 'Table16',
413
446
  Table24: 'Table24',
414
447
  Tag16: 'Tag16',
@@ -417,6 +450,8 @@ var iconName = {
417
450
  Tasklist24: 'Tasklist24',
418
451
  Telescope16: 'Telescope16',
419
452
  Telescope24: 'Telescope24',
453
+ TelescopeFill16: 'TelescopeFill16',
454
+ TelescopeFill24: 'TelescopeFill24',
420
455
  Terminal16: 'Terminal16',
421
456
  Terminal24: 'Terminal24',
422
457
  ThreeBars16: 'ThreeBars16',
@@ -428,7 +463,6 @@ var iconName = {
428
463
  Tools24: 'Tools24',
429
464
  Trash16: 'Trash16',
430
465
  Trash24: 'Trash24',
431
- Trashcan16: 'Trashcan16',
432
466
  TriangleDown16: 'TriangleDown16',
433
467
  TriangleDown24: 'TriangleDown24',
434
468
  TriangleLeft16: 'TriangleLeft16',
@@ -437,6 +471,8 @@ var iconName = {
437
471
  TriangleRight24: 'TriangleRight24',
438
472
  TriangleUp16: 'TriangleUp16',
439
473
  TriangleUp24: 'TriangleUp24',
474
+ Trophy16: 'Trophy16',
475
+ Trophy24: 'Trophy24',
440
476
  Typography16: 'Typography16',
441
477
  Typography24: 'Typography24',
442
478
  Unfold16: 'Unfold16',
@@ -445,7 +481,6 @@ var iconName = {
445
481
  Unlock24: 'Unlock24',
446
482
  Unmute16: 'Unmute16',
447
483
  Unmute24: 'Unmute24',
448
- Unverifed24: 'Unverifed24',
449
484
  Unverified16: 'Unverified16',
450
485
  Unverified24: 'Unverified24',
451
486
  Upload16: 'Upload16',
@@ -456,12 +491,14 @@ var iconName = {
456
491
  Versions24: 'Versions24',
457
492
  Video16: 'Video16',
458
493
  Video24: 'Video24',
494
+ Webhook16: 'Webhook16',
459
495
  Workflow16: 'Workflow16',
460
496
  Workflow24: 'Workflow24',
461
497
  X16: 'X16',
462
498
  X24: 'X24',
463
499
  XCircle16: 'XCircle16',
464
500
  XCircle24: 'XCircle24',
501
+ XCircleFill12: 'XCircleFill12',
465
502
  XCircleFill16: 'XCircleFill16',
466
503
  XCircleFill24: 'XCircleFill24',
467
504
  Zap16: 'Zap16',
@@ -1,120 +1,114 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`<Menu /> Render must match regular() 1`] = `
4
- <nav
5
- aria-label="Person settings"
6
- aria-labelledby="menu-heading"
7
- className="menu"
8
- >
9
- <a
10
- aria-current="page"
11
- className="menu-item"
12
- href="#url"
13
- onClick={[Function]}
4
+ <div>
5
+ <nav
6
+ aria-label="Person settings"
7
+ aria-labelledby="menu-heading"
8
+ class="menu"
14
9
  >
15
- Account
16
- </a>
17
- <a
18
- className="menu-item"
19
- href="#url"
20
- onClick={[Function]}
21
- >
22
- Profile
23
- </a>
24
- <a
25
- className="menu-item"
26
- href="#url"
27
- onClick={[Function]}
28
- >
29
- Emails
30
- </a>
31
- <a
32
- className="menu-item"
33
- href="#url"
34
- onClick={[Function]}
35
- >
36
- Notifications
37
- </a>
38
- </nav>
10
+ <a
11
+ aria-current="page"
12
+ class="menu-item"
13
+ href="#url"
14
+ >
15
+ Account
16
+ </a>
17
+ <a
18
+ class="menu-item"
19
+ href="#url"
20
+ >
21
+ Profile
22
+ </a>
23
+ <a
24
+ class="menu-item"
25
+ href="#url"
26
+ >
27
+ Emails
28
+ </a>
29
+ <a
30
+ class="menu-item"
31
+ href="#url"
32
+ >
33
+ Notifications
34
+ </a>
35
+ </nav>
36
+ </div>
39
37
  `;
40
38
 
41
39
  exports[`<Menu /> Render must match withHeading() 1`] = `
42
- <nav
43
- aria-label="Person settings"
44
- aria-labelledby="menu-heading"
45
- className="menu"
46
- >
47
- <span
48
- className="menu-heading"
49
- >
50
- Menu heading
51
- </span>
52
- <a
53
- aria-current="page"
54
- className="menu-item"
55
- href="#url"
56
- onClick={[Function]}
57
- >
58
- Account
59
- </a>
60
- <a
61
- className="menu-item"
62
- href="#url"
63
- onClick={[Function]}
40
+ <div>
41
+ <nav
42
+ aria-label="Person settings"
43
+ aria-labelledby="menu-heading"
44
+ class="menu"
64
45
  >
65
- Profile
66
- </a>
67
- <a
68
- className="menu-item"
69
- href="#url"
70
- onClick={[Function]}
71
- >
72
- Emails
73
- </a>
74
- <a
75
- className="menu-item"
76
- href="#url"
77
- onClick={[Function]}
78
- >
79
- Notifications
80
- </a>
81
- </nav>
46
+ <span
47
+ class="menu-heading"
48
+ >
49
+ Menu heading
50
+ </span>
51
+ <a
52
+ aria-current="page"
53
+ class="menu-item"
54
+ href="#url"
55
+ >
56
+ Account
57
+ </a>
58
+ <a
59
+ class="menu-item"
60
+ href="#url"
61
+ >
62
+ Profile
63
+ </a>
64
+ <a
65
+ class="menu-item"
66
+ href="#url"
67
+ >
68
+ Emails
69
+ </a>
70
+ <a
71
+ class="menu-item"
72
+ href="#url"
73
+ >
74
+ Notifications
75
+ </a>
76
+ </nav>
77
+ </div>
82
78
  `;
83
79
 
84
80
  exports[`<Menu /> Render must match withIcons() 1`] = `
85
- <nav
86
- aria-label="Person settings"
87
- aria-labelledby="menu-heading"
88
- className="menu"
89
- >
90
- <a
91
- aria-current="page"
92
- className="menu-item"
93
- href="#url"
94
- onClick={[Function]}
95
- >
96
- Account
97
- </a>
98
- <a
99
- className="menu-item"
100
- href="#url"
101
- onClick={[Function]}
102
- >
103
- Profile
104
- </a>
105
- <a
106
- className="menu-item"
107
- href="#url"
108
- onClick={[Function]}
109
- >
110
- Emails
111
- </a>
112
- <a
113
- className="menu-item"
114
- href="#url"
115
- onClick={[Function]}
81
+ <div>
82
+ <nav
83
+ aria-label="Person settings"
84
+ aria-labelledby="menu-heading"
85
+ class="menu"
116
86
  >
117
- Notifications
118
- </a>
119
- </nav>
87
+ <a
88
+ aria-current="page"
89
+ class="menu-item"
90
+ href="#url"
91
+ >
92
+ Account
93
+ </a>
94
+ <a
95
+ class="menu-item"
96
+ href="#url"
97
+ >
98
+ Profile
99
+ </a>
100
+ <a
101
+ class="menu-item"
102
+ href="#url"
103
+ >
104
+ Emails
105
+ </a>
106
+ <a
107
+ class="menu-item"
108
+ href="#url"
109
+ >
110
+ Notifications
111
+ </a>
112
+ </nav>
113
+ </div>
120
114
  `;