@papillonbits/components 0.5.0 → 0.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 (96) hide show
  1. package/build/index.scss +1 -1
  2. package/build/primer/BranchName/branch-name.scss +1 -0
  3. package/build/primer/Button/Button.scss +54 -27
  4. package/build/primer/Dropdown/Dropdown.scss +0 -2
  5. package/build/primer/Form/form-control.scss +24 -5
  6. package/build/primer/Form/form-group.scss +13 -2
  7. package/build/primer/Form/form-validation.scss +8 -3
  8. package/build/primer/Form/input-group.scss +18 -0
  9. package/build/primer/Icon/Icon.part.js +177 -66
  10. package/build/primer/Icon/Icon.prop.js +62 -25
  11. package/build/primer/Navigation/Menu/Menu.scss +0 -6
  12. package/build/primer/Navigation/TabNav/TabNav.scss +7 -2
  13. package/build/primer/Navigation/UnderlineNav/UnderlineNav.scss +72 -23
  14. package/build/primer/Pagination/PreviousNext/PreviousNext.scss +0 -1
  15. package/build/primer/Popover/Popover.scss +1 -2
  16. package/build/primer/SVG/icon/accessibility-16.svg +1 -0
  17. package/build/primer/SVG/icon/alert-fill-12.svg +1 -0
  18. package/build/primer/SVG/icon/apps-16.svg +1 -0
  19. package/build/primer/SVG/icon/bell-fill-16.svg +1 -0
  20. package/build/primer/SVG/icon/check-circle-fill-12.svg +1 -0
  21. package/build/primer/SVG/icon/cloud-16.svg +1 -0
  22. package/build/primer/SVG/icon/cloud-24.svg +1 -0
  23. package/build/primer/SVG/icon/cloud-offline-16.svg +1 -0
  24. package/build/primer/SVG/icon/cloud-offline-24.svg +1 -0
  25. package/build/primer/SVG/icon/code-of-conduct-16.svg +1 -0
  26. package/build/primer/SVG/icon/code-of-conduct-24.svg +1 -0
  27. package/build/primer/SVG/icon/copy-16.svg +1 -0
  28. package/build/primer/SVG/icon/copy-24.svg +1 -1
  29. package/build/primer/SVG/icon/duplicate-16.svg +1 -1
  30. package/build/primer/SVG/icon/duplicate-24.svg +1 -1
  31. package/build/primer/SVG/icon/feed-discussion-16.svg +1 -0
  32. package/build/primer/SVG/icon/feed-forked-16.svg +1 -0
  33. package/build/primer/SVG/icon/feed-heart-16.svg +1 -0
  34. package/build/primer/SVG/icon/feed-merged-16.svg +1 -0
  35. package/build/primer/SVG/icon/feed-person-16.svg +1 -0
  36. package/build/primer/SVG/icon/feed-repo-16.svg +1 -0
  37. package/build/primer/SVG/icon/feed-rocket-16.svg +1 -0
  38. package/build/primer/SVG/icon/feed-star-16.svg +1 -0
  39. package/build/primer/SVG/icon/feed-tag-16.svg +1 -0
  40. package/build/primer/SVG/icon/feed-trophy-16.svg +1 -0
  41. package/build/primer/SVG/icon/file-directory-16.svg +1 -1
  42. package/build/primer/SVG/icon/file-directory-fill-16.svg +1 -0
  43. package/build/primer/SVG/icon/file-directory-open-fill-16.svg +1 -0
  44. package/build/primer/SVG/icon/id-badge-16.svg +1 -0
  45. package/build/primer/SVG/icon/issue-reopened-16.svg +1 -1
  46. package/build/primer/SVG/icon/issue-reopened-24.svg +1 -1
  47. package/build/primer/SVG/icon/iterations-16.svg +1 -0
  48. package/build/primer/SVG/icon/iterations-24.svg +1 -0
  49. package/build/primer/SVG/icon/key-asterisk-16.svg +1 -0
  50. package/build/primer/SVG/icon/log-16.svg +1 -0
  51. package/build/primer/SVG/icon/no-entry-16.svg +1 -1
  52. package/build/primer/SVG/icon/no-entry-fill-12.svg +1 -0
  53. package/build/primer/SVG/icon/{clippy-16.svg → paste-16.svg} +0 -0
  54. package/build/primer/SVG/icon/{clippy-24.svg → paste-24.svg} +0 -0
  55. package/build/primer/SVG/icon/person-fill-16.svg +1 -0
  56. package/build/primer/SVG/icon/person-fill-24.svg +1 -0
  57. package/build/primer/SVG/icon/repo-deleted-16.svg +1 -0
  58. package/build/primer/SVG/icon/repo-locked-16.svg +1 -0
  59. package/build/primer/SVG/icon/{select-single-16.svg → single-select-16.svg} +0 -0
  60. package/build/primer/SVG/icon/sort-asc-16.svg +1 -0
  61. package/build/primer/SVG/icon/sort-asc-24.svg +1 -0
  62. package/build/primer/SVG/icon/sort-desc-16.svg +1 -0
  63. package/build/primer/SVG/icon/sort-desc-24.svg +1 -0
  64. package/build/primer/SVG/icon/stack-16.svg +1 -0
  65. package/build/primer/SVG/icon/stack-24.svg +1 -0
  66. package/build/primer/SVG/icon/tab-external-16.svg +1 -0
  67. package/build/primer/SVG/icon/telescope-fill-16.svg +1 -0
  68. package/build/primer/SVG/icon/telescope-fill-24.svg +1 -0
  69. package/build/primer/SVG/icon/trophy-16.svg +1 -0
  70. package/build/primer/SVG/icon/trophy-24.svg +1 -0
  71. package/build/primer/SVG/icon/upload-24.svg +1 -1
  72. package/build/primer/SVG/icon/webhook-16.svg +1 -0
  73. package/build/primer/SVG/icon/x-circle-fill-12.svg +1 -0
  74. package/build/primer/Toast/Toast.scss +1 -2
  75. package/package.json +5 -5
  76. package/build/primer/Form/Checkbox/__tests__/__snapshots__/Checkbox.int.test.js.snap +0 -77
  77. package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap +0 -31
  78. package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.js.snap +0 -75
  79. package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.js.snap +0 -346
  80. package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap +0 -7225
  81. package/build/primer/Navigation/Menu/__tests__/__snapshots__/Menu.int.test.js.snap +0 -120
  82. package/build/primer/Navigation/TabNav/__tests__/__snapshots__/TabNav.int.test.js.snap +0 -218
  83. package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.js.snap +0 -271
  84. package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.js.snap +0 -63
  85. package/build/primer/SVG/icon/eye-slash-24.svg +0 -1
  86. package/build/primer/SVG/icon/file-symlink-24.svg +0 -1
  87. package/build/primer/SVG/icon/fire-24.svg +0 -1
  88. package/build/primer/SVG/icon/git-fork-24.svg +0 -1
  89. package/build/primer/SVG/icon/index.js +0 -1248
  90. package/build/primer/SVG/icon/insights-24.svg +0 -1
  91. package/build/primer/SVG/icon/octoface-16.svg +0 -1
  92. package/build/primer/SVG/icon/octoface-24.svg +0 -1
  93. package/build/primer/SVG/icon/settings-24.svg +0 -1
  94. package/build/primer/SVG/icon/trashcan-16.svg +0 -1
  95. package/build/primer/SVG/icon/unverifed-24.svg +0 -1
  96. 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',
@@ -40,12 +40,6 @@
40
40
  }
41
41
  }
42
42
 
43
- &:focus {
44
- z-index: 1;
45
- outline: none;
46
- box-shadow: var(--color-primer-shadow-focus);
47
- }
48
-
49
43
  &:hover {
50
44
  text-decoration: none;
51
45
  background-color: var(--color-neutral-subtle);
@@ -44,13 +44,18 @@
44
44
  }
45
45
  }
46
46
 
47
- &:hover,
48
- &:focus {
47
+ &:hover {
49
48
  color: var(--color-fg-default);
50
49
  text-decoration: none;
51
50
  transition-duration: 0.1s;
52
51
  }
53
52
 
53
+ &:focus,
54
+ &:focus-visible {
55
+ border-radius: $border-radius $border-radius 0 0 !important;
56
+ outline-offset: -6px;
57
+ }
58
+
54
59
  &:active {
55
60
  color: var(--color-fg-muted);
56
61
  }
@@ -2,54 +2,107 @@
2
2
  @import '../../../index.scss';
3
3
 
4
4
  // stylelint-disable no-descending-specificity
5
+ $nav-height: $spacer-3 * 3 !default; // 48px
5
6
 
6
7
  .UnderlineNav {
7
8
  display: flex;
9
+ min-height: $nav-height;
8
10
  overflow-x: auto;
9
11
  overflow-y: hidden;
10
12
  // stylelint-disable-next-line primer/box-shadow
11
13
  box-shadow: inset 0 -1px 0 var(--color-border-muted);
14
+ -webkit-overflow-scrolling: auto;
12
15
  justify-content: space-between;
16
+
17
+ .Counter {
18
+ margin-left: $spacer-2;
19
+ color: var(--color-fg-default);
20
+ background-color: var(--color-neutral-muted);
21
+
22
+ &--primary {
23
+ color: var(--color-fg-on-emphasis);
24
+ background-color: var(--color-neutral-emphasis);
25
+ }
26
+ }
13
27
  }
14
28
 
15
29
  .UnderlineNav-body {
16
30
  display: flex;
31
+ align-items: center;
32
+ gap: $spacer-2;
33
+ list-style: none;
17
34
  }
18
35
 
19
36
  .UnderlineNav-item {
20
- padding: $spacer-2 $spacer-3;
37
+ position: relative;
38
+ display: flex;
39
+ padding: 0 $spacer-2;
21
40
  font-size: $body-font-size;
22
41
  // stylelint-disable-next-line primer/typography
23
42
  line-height: 30px;
24
43
  color: var(--color-fg-default);
25
44
  text-align: center;
26
45
  white-space: nowrap;
46
+ cursor: pointer;
27
47
  background-color: transparent;
28
48
  border: 0;
29
- // stylelint-disable-next-line primer/borders
30
- border-bottom: 2px $border-style transparent;
49
+ border-radius: $border-radius;
50
+ align-items: center;
31
51
 
32
52
  &:hover,
33
- &:focus {
53
+ &:focus,
54
+ &:focus-visible {
34
55
  color: var(--color-fg-default);
35
56
  text-decoration: none;
36
57
  border-bottom-color: var(--color-neutral-muted);
37
- outline: 1px dotted transparent; // Support Firefox custom colors
38
- outline-offset: -1px;
58
+ outline-offset: -2px;
39
59
  transition: border-bottom-color 0.12s ease-out;
40
60
  }
41
61
 
62
+ // renders a visibly hidden "copy" of the label in bold, reserving box space for when label becomes bold on selected
63
+ [data-content]::before {
64
+ display: block;
65
+ height: 0;
66
+ font-weight: $font-weight-bold;
67
+ visibility: hidden;
68
+ content: attr(data-content);
69
+ }
70
+
71
+ // increase touch target area
72
+ &::before {
73
+ @include minTouchTarget($min-height: $nav-height);
74
+ }
75
+
76
+ // hover state was "sticking" on mobile after click
77
+ @media (pointer: fine) {
78
+ &:hover {
79
+ color: var(--color-fg-default);
80
+ text-decoration: none;
81
+ background: var(--color-action-list-item-default-hover-bg);
82
+ transition: background 0.12s ease-out;
83
+ }
84
+ }
85
+
42
86
  &.selected,
43
87
  &[role='tab'][aria-selected='true'],
44
88
  &[aria-current]:not([aria-current='false']) {
45
89
  font-weight: $font-weight-bold;
46
90
  color: var(--color-fg-default);
47
91
  border-bottom-color: var(--color-primer-border-active);
48
- outline: 1px dotted transparent; // Support Firefox custom colors
49
- outline-offset: -1px;
92
+ outline-offset: -8px;
50
93
 
51
- .UnderlineNav-octicon {
52
- color: var(--color-fg-muted);
94
+ // current/selected underline
95
+ &::after {
96
+ position: absolute;
97
+ right: 50%;
98
+ // 48px total height / 2 (24px) + 1px
99
+ bottom: calc(50% - 25px);
100
+ width: 100%;
101
+ height: 2px;
102
+ content: '';
103
+ background: var(--color-primer-border-active);
104
+ border-radius: $border-radius;
105
+ transform: translate(50%, -50%);
53
106
  }
54
107
  }
55
108
  }
@@ -68,22 +121,18 @@
68
121
 
69
122
  .UnderlineNav--full {
70
123
  display: block;
71
- }
72
124
 
73
- .UnderlineNav-octicon {
74
- margin-right: $spacer-1;
75
- color: var(--color-fg-subtle);
125
+ // required for underline to align with additional wrapper element
126
+ .UnderlineNav-body {
127
+ min-height: $nav-height;
128
+ }
76
129
  }
77
130
 
78
- .UnderlineNav .Counter {
79
- margin-left: $spacer-1;
80
- color: var(--color-fg-default);
81
- background-color: var(--color-neutral-muted);
82
-
83
- &--primary {
84
- color: var(--color-fg-on-emphasis);
85
- background-color: var(--color-neutral-emphasis);
86
- }
131
+ .UnderlineNav-octicon {
132
+ display: inline !important;
133
+ margin-right: $spacer-2;
134
+ color: var(--color-fg-muted);
135
+ fill: var(--color-fg-muted);
87
136
  }
88
137
 
89
138
  .UnderlineNav-container {
@@ -26,7 +26,6 @@
26
26
  &:focus {
27
27
  text-decoration: none;
28
28
  border-color: var(--color-border-default);
29
- outline: 0;
30
29
  transition-duration: 0.1s;
31
30
  }
32
31
 
@@ -1,7 +1,5 @@
1
1
  @import '../../index.scss';
2
2
 
3
- // stylelint-disable function-no-unknown
4
-
5
3
  .Popover {
6
4
  position: absolute;
7
5
  z-index: 100;
@@ -126,6 +124,7 @@
126
124
  }
127
125
 
128
126
  &::before {
127
+ // stylelint-disable-next-line function-no-unknown
129
128
  margin-top: -($spacer-2 + 1);
130
129
  }
131
130
 
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M9.923 5.302a3 3 0 10-3.847 0A2.713 2.713 0 005.9 5.5H2A.75.75 0 002 7h3.3l-.578 5.163-.362 2.997a.75.75 0 101.49.18L6.132 13h3.736l.282 2.34a.75.75 0 101.49-.18l-.362-2.997L10.7 7H14a.75.75 0 000-1.5h-3.899a2.697 2.697 0 00-.178-.198zM9.5 3a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm-.3 4.073l.495 4.427h-3.39l.496-4.427a1.207 1.207 0 012.398 0z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill-rule="evenodd" d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 01-1.146 1.954H1.33A1.312 1.312 0 01.183 9.058L4.855.708zM7 7V3H5v4h2zm-1 3a1 1 0 100-2 1 1 0 000 2z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 015.75 7.5h-2.5A1.75 1.75 0 011.5 5.75v-2.5zM3.25 3a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 006 5.75v-2.5A.25.25 0 005.75 3h-2.5zM1.5 10.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5a1.75 1.75 0 01-1.75-1.75v-2.5zM3.25 10a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5zM8.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5A1.75 1.75 0 018.5 5.75v-2.5zM10.25 3a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5zM8.5 10.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5a1.75 1.75 0 01-1.75-1.75v-2.5zm1.75-.25a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 16c.9 0 1.7-.6 1.9-1.5.1-.3-.1-.5-.4-.5h-3c-.3 0-.5.2-.4.5.2.9 1 1.5 1.9 1.5zM3 5c0-2.8 2.2-5 5-5s5 2.2 5 5v3l1.7 2.6c.2.2.3.5.3.8 0 .8-.7 1.5-1.5 1.5h-11c-.8.1-1.5-.6-1.5-1.4 0-.3.1-.6.3-.8L3 8.1V5z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill-rule="evenodd" d="M6 0a6 6 0 100 12A6 6 0 006 0zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2 7.25A5.225 5.225 0 017.25 2a5.222 5.222 0 014.767 3.029A4.472 4.472 0 0116 9.5c0 2.505-1.995 4.5-4.5 4.5h-8A3.475 3.475 0 010 10.5c0-1.41.809-2.614 2.001-3.17L2 7.25zm1.54.482a.75.75 0 01-.556.832c-.86.22-1.484.987-1.484 1.936 0 1.124.876 2 2 2h8c1.676 0 3-1.324 3-3s-1.324-3-3-3a.75.75 0 01-.709-.504A3.72 3.72 0 007.25 3.5C5.16 3.5 3.5 5.16 3.5 7.25a3.276 3.276 0 00.035.436l.004.036.001.008v.002z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.103 10.107c0-4.244 3.445-7.607 7.733-7.607 3.19 0 5.912 1.858 7.099 4.563a.634.634 0 01.01.022l.001.006C21.348 7.345 24 10.095 24 13.536 24 17.148 21.076 20 17.431 20H5.017C2.23 20 0 17.83 0 15.06a4.9 4.9 0 013.112-4.581 8.024 8.024 0 01-.009-.372zM10.836 4c-3.485 0-6.233 2.717-6.233 6.107 0 .284.022.602.052.756a.75.75 0 01-.552.869c-1.52.385-2.603 1.712-2.603 3.328 0 1.917 1.532 3.44 3.517 3.44h12.414c2.843 0 5.069-2.206 5.069-4.964 0-2.759-2.226-4.965-5.069-4.965a.75.75 0 01-.696-.47l-.179-.446C15.606 5.5 13.424 4 10.836 4z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M7.25 2c-.69 0-1.351.13-1.957.371a.75.75 0 10.554 1.394c.43-.17.903-.265 1.403-.265a3.72 3.72 0 013.541 2.496.75.75 0 00.709.504c1.676 0 3 1.324 3 3a3 3 0 01-.681 1.92.75.75 0 001.156.955A4.496 4.496 0 0016 9.5a4.472 4.472 0 00-3.983-4.471A5.222 5.222 0 007.25 2z"/><path fill-rule="evenodd" d="M.72 1.72a.75.75 0 011.06 0l2.311 2.31c.03.025.056.052.08.08l8.531 8.532a.785.785 0 01.035.034l2.043 2.044a.75.75 0 11-1.06 1.06l-1.8-1.799a4.64 4.64 0 01-.42.019h-8A3.475 3.475 0 010 10.5c0-1.41.809-2.614 2.001-3.17a5.218 5.218 0 01.646-2.622L.72 2.78a.75.75 0 010-1.06zM3.5 7.25c0-.505.096-.983.271-1.418L10.44 12.5H3.5c-1.124 0-2-.876-2-2 0-.95.624-1.716 1.484-1.936a.75.75 0 00.557-.833A4.1 4.1 0 013.5 7.25z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.78 2.22a.75.75 0 00-1.06 1.06l2.64 2.642a7.525 7.525 0 00-1.249 4.557A4.9 4.9 0 000 15.059C0 17.831 2.229 20 5.017 20h12.414a6.879 6.879 0 00.944-.065l2.845 2.845a.75.75 0 101.06-1.06L2.78 2.22zM16.94 18.5L5.448 7.01a6.03 6.03 0 00-.794 3.853.75.75 0 01-.552.869c-1.52.385-2.603 1.712-2.603 3.328 0 1.917 1.532 3.44 3.517 3.44H16.94z"/><path d="M10.836 2.5a7.865 7.865 0 00-3.638.88.75.75 0 10.692 1.331A6.365 6.365 0 0110.836 4c2.588 0 4.77 1.5 5.72 3.655l.179.445a.75.75 0 00.696.471c2.843 0 5.069 2.206 5.069 4.965a4.9 4.9 0 01-1.684 3.716.75.75 0 00.986 1.13A6.396 6.396 0 0024 13.536c0-3.44-2.652-6.191-6.054-6.445l-.002-.006a.634.634 0 00-.01-.022C16.749 4.358 14.026 2.5 10.837 2.5z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.048 2.241c.964-.709 2.079-1.238 3.325-1.241a4.613 4.613 0 013.282 1.355c.41.408.757.86.996 1.428.238.568.348 1.206.347 1.968 0 2.193-1.505 4.254-3.081 5.862-1.496 1.526-3.213 2.796-4.249 3.563l-.22.163a.75.75 0 01-.895 0l-.221-.163c-1.036-.767-2.753-2.037-4.249-3.563C1.51 10.008.007 7.952.002 5.762a4.614 4.614 0 011.353-3.407C3.123.585 6.223.537 8.048 2.24zm-1.153.983c-.81.78-1.546 1.669-2.166 2.417-.184.222-.358.432-.52.623a.75.75 0 00.04 1.016c.35.35.697.697 1.043 1.047.866.875 2.292.914 3.185.032.264-.26.534-.528.802-.797.694-.694 1.8-.701 2.474-.03L12.92 8.7l.283.284c-.244.334-.515.666-.81.995l-1.384-1.28A.75.75 0 109.99 9.802l1.357 1.252c-.325.31-.656.606-.984.887l-1.48-1.366a.75.75 0 10-1.018 1.102L9.191 12.9c-.433.34-.838.643-1.191.905-1.04-.773-2.537-1.907-3.846-3.242C2.611 8.99 1.502 7.306 1.502 5.75a3.114 3.114 0 01.913-2.335c1.159-1.158 3.23-1.224 4.48-.191zm7.112 4.442c.313-.65.491-1.293.491-1.916v-.001c0-.614-.088-1.045-.23-1.385-.143-.339-.357-.633-.673-.949a3.113 3.113 0 00-2.218-.915c-1.092.003-2.165.627-3.226 1.602-.823.755-1.554 1.637-2.228 2.45l-.127.154.562.566a.756.756 0 001.066.02l.794-.79c1.258-1.258 3.312-1.31 4.594-.032.396.394.792.791 1.173 1.173l.022.023z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.828 4.328C5.26 1.896 9.5 1.881 11.935 4.317c.024.024.046.05.067.076 1.391-1.078 2.993-1.886 4.777-1.89a6.216 6.216 0 014.424 1.825c.559.56 1.023 1.165 1.34 1.922.318.756.47 1.617.468 2.663 0 2.972-2.047 5.808-4.269 8.074-2.098 2.14-4.507 3.924-5.974 5.009l-.311.23a.752.752 0 01-.897 0l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009-2.22-2.263-4.264-5.095-4.27-8.063v.012-.024.012a6.217 6.217 0 011.823-4.596zm8.033 1.042c-1.846-1.834-5.124-1.823-6.969.022a4.713 4.713 0 00-1.382 3.52c0 2.332 1.65 4.79 3.839 7.022 1.947 1.986 4.184 3.66 5.66 4.752a79.983 79.983 0 002.159-1.645l-2.14-1.974a.752.752 0 011.02-1.106l2.295 2.118c.616-.52 1.242-1.08 1.85-1.672l-2.16-1.992a.752.752 0 011.021-1.106l2.188 2.02a18.992 18.992 0 001.528-1.877l-.585-.586-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043-.379.38-.76.758-1.132 1.126-1.14 1.124-2.96 1.077-4.07-.043-.489-.495-.98-.988-1.475-1.482a.752.752 0 01-.04-1.019c.234-.276.483-.576.745-.893.928-1.12 2.023-2.442 3.234-3.576zm9.725 6.77c.579-1.08.92-2.167.92-3.228.002-.899-.128-1.552-.35-2.08-.22-.526-.551-.974-1.017-1.44a4.71 4.71 0 00-3.356-1.384c-1.66.004-3.25.951-4.77 2.346-1.18 1.084-2.233 2.353-3.188 3.506l-.351.423c.331.332.663.664.993.998a1.375 1.375 0 001.943.03c.37-.365.748-.74 1.125-1.118 1.662-1.663 4.373-1.726 6.06-.045.56.558 1.12 1.12 1.658 1.658l.333.334z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.75 3A1.75 1.75 0 003 4.75v9.5c0 .966.784 1.75 1.75 1.75h1.5a.75.75 0 000-1.5h-1.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.25-.25h9.5a.25.25 0 01.25.25v1.5a.75.75 0 001.5 0v-1.5A1.75 1.75 0 0014.25 3h-9.5zm5 5A1.75 1.75 0 008 9.75v9.5c0 .966.784 1.75 1.75 1.75h9.5A1.75 1.75 0 0021 19.25v-9.5A1.75 1.75 0 0019.25 8h-9.5zM9.5 9.75a.25.25 0 01.25-.25h9.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-9.5a.25.25 0 01-.25-.25v-9.5z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M7.024 3.75c0-.966.784-1.75 1.75-1.75H20.25c.966 0 1.75.784 1.75 1.75v11.498a1.75 1.75 0 01-1.75 1.75H8.774a1.75 1.75 0 01-1.75-1.75V3.75zm1.75-.25a.25.25 0 00-.25.25v11.498c0 .139.112.25.25.25H20.25a.25.25 0 00.25-.25V3.75a.25.25 0 00-.25-.25H8.774z"/><path d="M1.995 10.749a1.75 1.75 0 011.75-1.751H5.25a.75.75 0 110 1.5H3.745a.25.25 0 00-.25.25L3.5 20.25c0 .138.111.25.25.25h9.5a.25.25 0 00.25-.25v-1.51a.75.75 0 111.5 0v1.51A1.75 1.75 0 0113.25 22h-9.5A1.75 1.75 0 012 20.25l-.005-9.501z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M10.5 3a.75.75 0 01.75.75v1h1a.75.75 0 010 1.5h-1v1a.75.75 0 01-1.5 0v-1h-1a.75.75 0 010-1.5h1v-1A.75.75 0 0110.5 3z"/><path fill-rule="evenodd" d="M6.75 0A1.75 1.75 0 005 1.75v7.5c0 .966.784 1.75 1.75 1.75h7.5A1.75 1.75 0 0016 9.25v-7.5A1.75 1.75 0 0014.25 0h-7.5zM6.5 1.75a.25.25 0 01.25-.25h7.5a.25.25 0 01.25.25v7.5a.25.25 0 01-.25.25h-7.5a.25.25 0 01-.25-.25v-7.5z"/><path d="M1.75 5A1.75 1.75 0 000 6.75v7.5C0 15.216.784 16 1.75 16h7.5A1.75 1.75 0 0011 14.25v-1.5a.75.75 0 00-1.5 0v1.5a.25.25 0 01-.25.25h-7.5a.25.25 0 01-.25-.25v-7.5a.25.25 0 01.25-.25h1.5a.75.75 0 000-1.5h-1.5z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 9.75C2 8.784 2.784 8 3.75 8h2.5a.75.75 0 010 1.5h-2.5a.25.25 0 00-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25v-2.5a.75.75 0 011.5 0v2.5A1.75 1.75 0 0114.25 22H3.75A1.75 1.75 0 012 20.25V9.75z"/><path fill-rule="evenodd" d="M8 3.75C8 2.784 8.784 2 9.75 2h10.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0120.25 16H9.75A1.75 1.75 0 018 14.25V3.75zm1.75-.25a.25.25 0 00-.25.25v10.5c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25V3.75a.25.25 0 00-.25-.25H9.75z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.513 6a.75.75 0 01.75.75v2h1.987a.75.75 0 010 1.5h-1.987v2a.75.75 0 11-1.5 0v-2H11.75a.75.75 0 010-1.5h2.013v-2a.75.75 0 01.75-.75z"/><path fill-rule="evenodd" d="M7.024 3.75c0-.966.784-1.75 1.75-1.75H20.25c.966 0 1.75.784 1.75 1.75v11.498a1.75 1.75 0 01-1.75 1.75H8.774a1.75 1.75 0 01-1.75-1.75V3.75zm1.75-.25a.25.25 0 00-.25.25v11.498c0 .139.112.25.25.25H20.25a.25.25 0 00.25-.25V3.75a.25.25 0 00-.25-.25H8.774z"/><path d="M1.995 10.749a1.75 1.75 0 011.75-1.751H5.25a.75.75 0 110 1.5H3.745a.25.25 0 00-.25.25L3.5 20.25c0 .138.111.25.25.25h9.5a.25.25 0 00.25-.25v-1.51a.75.75 0 111.5 0v1.51A1.75 1.75 0 0113.25 22h-9.5A1.75 1.75 0 012 20.25l-.005-9.501z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zM4 5a1 1 0 011-1h6a1 1 0 011 1v5a1 1 0 01-1 1H8.707l-1.853 1.854A.5.5 0 016 12.5V11H5a1 1 0 01-1-1V5z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zM6 6.928a1.75 1.75 0 10-1 0V7.5A1.5 1.5 0 006.5 9h1v1.072a1.75 1.75 0 101 0V9h1A1.5 1.5 0 0011 7.5v-.572a1.75 1.75 0 10-1 0V7.5a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-.572z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm2.33-11.5c-1.22 0-1.83.5-2.323 1.136C7.513 5 6.903 4.5 5.682 4.5c-1.028 0-2.169.784-2.169 2.5 0 1.499 1.493 3.433 3.246 4.517.52.321.89.479 1.248.484.357-.005.728-.163 1.247-.484C11.007 10.433 12.5 8.5 12.5 7c0-1.716-1.14-2.5-2.17-2.5z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm.25-11.25a1.75 1.75 0 01-1.207 1.664A2 2 0 009 8h.571a1.75 1.75 0 110 1H9a2.99 2.99 0 01-2-.764v1.336a1.75 1.75 0 11-1 0V6.428A1.75 1.75 0 118.25 4.75z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm.847-8.145a2.502 2.502 0 10-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zM5.5 4A1.5 1.5 0 004 5.5v5c0 .828.5 1.5 1 1.5v-1a1 1 0 011-1h5v1h-1v1h1.5a.5.5 0 00.5-.5v-7a.5.5 0 00-.5-.5h-6zm.5 7.25a.25.25 0 01.25-.25H9v2.764a.25.25 0 01-.426.178l-.898-.888a.25.25 0 00-.352 0l-.898.888A.25.25 0 016 13.764V11.25z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.031-12a4.38 4.38 0 00-3.097 1.283l-.23.229c-.156.157-.308.32-.452.49H5.65a.876.876 0 00-.746.417l-.856 1.388a.375.375 0 00.21.556l1.552.477 1.35 1.35.478 1.553a.375.375 0 00.555.21l1.389-.855a.876.876 0 00.416-.746V8.747c.17-.144.333-.295.49-.452l.23-.23A4.38 4.38 0 0012 4.969v-.093A.876.876 0 0011.124 4h-.093zm-5.107 7.144a.81.81 0 01-.188.263c-.394.394-1.258.563-1.62.619a.124.124 0 01-.143-.143c.056-.362.225-1.226.62-1.62a.808.808 0 011.33.881z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm.252-12.932a.478.478 0 00-.682.195l-1.2 2.432-2.684.39a.478.478 0 00-.266.816l1.944 1.892-.46 2.674a.478.478 0 00.694.504L8 10.709l2.4 1.261a.478.478 0 00.694-.504l-.458-2.673L12.578 6.9a.479.479 0 00-.265-.815l-2.685-.39-1.2-2.432a.478.478 0 00-.176-.195z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M7.22 6.5a.72.72 0 11-1.44 0 .72.72 0 011.44 0z"/><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zM4 8.379V5a1 1 0 011-1h3.379a1.5 1.5 0 011.06.44l3.213 3.211a1.2 1.2 0 010 1.698l-3.303 3.303a1.2 1.2 0 01-1.698 0L4.44 9.439A1.5 1.5 0 014 8.38z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M11 5h1v1.146a1 1 0 01-.629.928L11 7.223V5zM5 7.223l-.371-.149A1 1 0 014 6.146V5h1v2.223z"/><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zM3 5a1 1 0 011-1h8a1 1 0 011 1v1.146a2 2 0 01-1.257 1.857l-.865.346a3.005 3.005 0 01-2.294 2.094C8.78 11.405 9.342 12 10.5 12a.5.5 0 010 1h-5a.5.5 0 010-1h.002c1.156 0 1.718-.596 1.914-1.557A3.005 3.005 0 015.122 8.35l-.865-.346A2 2 0 013 6.146V5z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.75 2.5a.25.25 0 00-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 00.25-.25v-8.5a.25.25 0 00-.25-.25H7.5c-.55 0-1.07-.26-1.4-.7l-.9-1.2a.25.25 0 00-.2-.1H1.75zM0 2.75C0 1.784.784 1 1.75 1H5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 00.2.1h6.75c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0114.25 15H1.75A1.75 1.75 0 010 13.25V2.75z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3H7.5a.25.25 0 01-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75z"/></svg>