@papillonbits/components 0.6.0 → 0.9.0

package/build/primer/Icon/Icon.prop.js

@@ -8,8 +8,11 @@ exports.propTypes = exports.iconSizeKeysDefault = exports.iconSizeKeys = exports
 var _propTypes = require("prop-types");
 
 var iconName = {
+  Accessibility16: 'Accessibility16',
   Alert16: 'Alert16',
   Alert24: 'Alert24',
+  AlertFill12: 'AlertFill12',
+  Apps16: 'Apps16',
   Archive16: 'Archive16',
   Archive24: 'Archive24',
   ArrowBoth16: 'ArrowBoth16',
@@ -32,6 +35,7 @@ var iconName = {
   Beaker24: 'Beaker24',
   Bell16: 'Bell16',
   Bell24: 'Bell24',
+  BellFill16: 'BellFill16',
   BellFill24: 'BellFill24',
   BellSlash16: 'BellSlash16',
   BellSlash24: 'BellSlash24',
@@ -61,6 +65,7 @@ var iconName = {
   Check24: 'Check24',
   CheckCircle16: 'CheckCircle16',
   CheckCircle24: 'CheckCircle24',
+  CheckCircleFill12: 'CheckCircleFill12',
   CheckCircleFill16: 'CheckCircleFill16',
   CheckCircleFill24: 'CheckCircleFill24',
   Checklist16: 'Checklist16',
@@ -77,22 +82,26 @@ var iconName = {
   Circle24: 'Circle24',
   CircleSlash16: 'CircleSlash16',
   CircleSlash24: 'CircleSlash24',
-  Clippy16: 'Clippy16',
-  Clippy24: 'Clippy24',
   Clock16: 'Clock16',
   Clock24: 'Clock24',
+  Cloud16: 'Cloud16',
+  Cloud24: 'Cloud24',
+  CloudOffline16: 'CloudOffline16',
+  CloudOffline24: 'CloudOffline24',
   Code16: 'Code16',
   Code24: 'Code24',
+  CodeOfConduct16: 'CodeOfConduct16',
+  CodeOfConduct24: 'CodeOfConduct24',
   CodeReview16: 'CodeReview16',
   CodeReview24: 'CodeReview24',
   CodeSquare16: 'CodeSquare16',
   CodeSquare24: 'CodeSquare24',
-  CodeScan16: 'CodeScan16',
-  CodeScan24: 'CodeScan24',
-  CodeScanCheckmark16: 'CodeScanCheckmark16',
-  CodeScanCheckmark24: 'CodeScanCheckmark24',
-  CodeSpaces16: 'CodeSpaces16',
-  CodeSpaces24: 'CodeSpaces24',
+  Codescan16: 'Codescan16',
+  Codescan24: 'Codescan24',
+  CodescanCheckmark16: 'CodescanCheckmark16',
+  CodescanCheckmark24: 'CodescanCheckmark24',
+  Codespaces16: 'Codespaces16',
+  Codespaces24: 'Codespaces24',
   Columns16: 'Columns16',
   Columns24: 'Columns24',
   Comment16: 'Comment16',
@@ -102,9 +111,10 @@ var iconName = {
   Commit24: 'Commit24',
   Container16: 'Container16',
   Container24: 'Container24',
+  Copy16: 'Copy16',
   Copy24: 'Copy24',
-  CPU16: 'CPU16',
-  CPU24: 'CPU24',
+  Cpu16: 'Cpu16',
+  Cpu24: 'Cpu24',
   CreditCard16: 'CreditCard16',
   CreditCard24: 'CreditCard24',
   CrossReference16: 'CrossReference16',
@@ -146,7 +156,16 @@ var iconName = {
   Eye24: 'Eye24',
   EyeClosed16: 'EyeClosed16',
   EyeClosed24: 'EyeClosed24',
-  EyeSlash24: 'EyeSlash24',
+  FeedDiscussion16: 'FeedDiscussion16',
+  FeedForked16: 'FeedForked16',
+  FeedHeart16: 'FeedHeart16',
+  FeedMerged16: 'FeedMerged16',
+  FeedPerson16: 'FeedPerson16',
+  FeedRepo16: 'FeedRepo16',
+  FeedRocket16: 'FeedRocket16',
+  FeedStar16: 'FeedStar16',
+  FeedTag16: 'FeedTag16',
+  FeedTrophy16: 'FeedTrophy16',
   File16: 'File16',
   File24: 'File24',
   FileBadge16: 'FileBadge16',
@@ -158,18 +177,18 @@ var iconName = {
   FileDiff24: 'FileDiff24',
   FileDirectory16: 'FileDirectory16',
   FileDirectory24: 'FileDirectory24',
+  FileDirectoryFill16: 'FileDirectoryFill16',
   FileDirectoryFill24: 'FileDirectoryFill24',
+  FileDirectoryOpenFill16: 'FileDirectoryOpenFill16',
   FileMedia24: 'FileMedia24',
   FileSubmodule16: 'FileSubmodule16',
   FileSubmodule24: 'FileSubmodule24',
-  FileSymlink24: 'FileSymlink24',
   FileSymlinkFile16: 'FileSymlinkFile16',
   FileSymlinkFile24: 'FileSymlinkFile24',
   FileZip16: 'FileZip16',
   FileZip24: 'FileZip24',
   Filter16: 'Filter16',
   Filter24: 'Filter24',
-  Fire24: 'Fire24',
   Flame16: 'Flame16',
   Flame24: 'Flame24',
   Fold16: 'Fold16',
@@ -188,7 +207,6 @@ var iconName = {
   GitCommit24: 'GitCommit24',
   GitCompare16: 'GitCompare16',
   GitCompare24: 'GitCompare24',
-  GitFork24: 'GitFork24',
   GitMerge16: 'GitMerge16',
   GitMerge24: 'GitMerge24',
   GitPullRequest16: 'GitPullRequest16',
@@ -222,6 +240,7 @@ var iconName = {
   Hourglass24: 'Hourglass24',
   Hubot16: 'Hubot16',
   Hubot24: 'Hubot24',
+  IdBadge16: 'IdBadge16',
   Image16: 'Image16',
   Image24: 'Image24',
   Inbox16: 'Inbox16',
@@ -230,7 +249,6 @@ var iconName = {
   Infinity24: 'Infinity24',
   Info16: 'Info16',
   Info24: 'Info24',
-  Insights24: 'Insights24',
   IssueClosed16: 'IssueClosed16',
   IssueClosed24: 'IssueClosed24',
   IssueDraft16: 'IssueDraft16',
@@ -241,10 +259,13 @@ var iconName = {
   IssueReopened24: 'IssueReopened24',
   Italic16: 'Italic16',
   Italic24: 'Italic24',
+  Iterations16: 'Iterations16',
+  Iterations24: 'Iterations24',
   KebabHorizontal16: 'KebabHorizontal16',
   KebabHorizontal24: 'KebabHorizontal24',
   Key16: 'Key16',
   Key24: 'Key24',
+  KeyAsterisk16: 'KeyAsterisk16',
   Law16: 'Law16',
   Law24: 'Law24',
   LightBulb16: 'LightBulb16',
@@ -261,11 +282,12 @@ var iconName = {
   Location24: 'Location24',
   Lock16: 'Lock16',
   Lock24: 'Lock24',
+  Log16: 'Log16',
   LogoGist16: 'LogoGist16',
-  LogoGitHub16: 'LogoGitHub16',
+  LogoGithub16: 'LogoGithub16',
   Mail16: 'Mail16',
   Mail24: 'Mail24',
-  MarkGitHub16: 'MarkGitHub16',
+  MarkGithub16: 'MarkGithub16',
   Markdown16: 'Markdown16',
   Megaphone16: 'Megaphone16',
   Megaphone24: 'Megaphone24',
@@ -286,14 +308,13 @@ var iconName = {
   Mute24: 'Mute24',
   NoEntry16: 'NoEntry16',
   NoEntry24: 'NoEntry24',
+  NoEntryFill12: 'NoEntryFill12',
   NorthStar16: 'NorthStar16',
   NorthStar24: 'NorthStar24',
   Note16: 'Note16',
   Note24: 'Note24',
   Number16: 'Number16',
   Number24: 'Number24',
-  Octoface16: 'Octoface16',
-  Octoface24: 'Octoface24',
   Organization16: 'Organization16',
   Organization24: 'Organization24',
   Package16: 'Package16',
@@ -305,6 +326,8 @@ var iconName = {
   Paintbrush16: 'Paintbrush16',
   PaperAirplane16: 'PaperAirplane16',
   PaperAirplane24: 'PaperAirplane24',
+  Paste16: 'Paste16',
+  Paste24: 'Paste24',
   Pencil16: 'Pencil16',
   Pencil24: 'Pencil24',
   People16: 'People16',
@@ -313,6 +336,8 @@ var iconName = {
   Person24: 'Person24',
   PersonAdd16: 'PersonAdd16',
   PersonAdd24: 'PersonAdd24',
+  PersonFill16: 'PersonFill16',
+  PersonFill24: 'PersonFill24',
   Pin16: 'Pin16',
   Pin24: 'Pin24',
   Play16: 'Play16',
@@ -336,8 +361,10 @@ var iconName = {
   Repo16: 'Repo16',
   Repo24: 'Repo24',
   RepoClone16: 'RepoClone16',
+  RepoDeleted16: 'RepoDeleted16',
   RepoForked16: 'RepoForked16',
   RepoForked24: 'RepoForked24',
+  RepoLocked16: 'RepoLocked16',
   RepoPull16: 'RepoPull16',
   RepoPush16: 'RepoPush16',
   RepoPush24: 'RepoPush24',
@@ -349,8 +376,8 @@ var iconName = {
   Rocket24: 'Rocket24',
   Rows16: 'Rows16',
   Rows24: 'Rows24',
-  RSS16: 'RSS16',
-  RSS24: 'RSS24',
+  Rss16: 'Rss16',
+  Rss24: 'Rss24',
   Ruby16: 'Ruby16',
   Ruby24: 'Ruby24',
   ScreenFull16: 'ScreenFull16',
@@ -359,10 +386,8 @@ var iconName = {
   ScreenNormal24: 'ScreenNormal24',
   Search16: 'Search16',
   Search24: 'Search24',
-  SelectSingle16: 'SelectSingle16',
   Server16: 'Server16',
   Server24: 'Server24',
-  Settings24: 'Settings24',
   Share16: 'Share16',
   Share24: 'Share24',
   ShareAndroid16: 'ShareAndroid16',
@@ -383,17 +408,24 @@ var iconName = {
   SignIn24: 'SignIn24',
   SignOut16: 'SignOut16',
   SignOut24: 'SignOut24',
+  SingleSelect16: 'SingleSelect16',
   SingleSelect24: 'SingleSelect24',
   Skip16: 'Skip16',
   Skip24: 'Skip24',
   Smiley16: 'Smiley16',
   Smiley24: 'Smiley24',
+  SortAsc16: 'SortAsc16',
+  SortAsc24: 'SortAsc24',
+  SortDesc16: 'SortDesc16',
+  SortDesc24: 'SortDesc24',
   Square16: 'Square16',
   Square24: 'Square24',
   SquareFill16: 'SquareFill16',
   SquareFill24: 'SquareFill24',
   Squirrel16: 'Squirrel16',
   Squirrel24: 'Squirrel24',
+  Stack16: 'Stack16',
+  Stack24: 'Stack24',
   Star16: 'Star16',
   Star24: 'Star24',
   StarFill16: 'StarFill16',
@@ -409,6 +441,7 @@ var iconName = {
   Sync16: 'Sync16',
   Sync24: 'Sync24',
   Tab24: 'Tab24',
+  TabExternal16: 'TabExternal16',
   Table16: 'Table16',
   Table24: 'Table24',
   Tag16: 'Tag16',
@@ -417,6 +450,8 @@ var iconName = {
   Tasklist24: 'Tasklist24',
   Telescope16: 'Telescope16',
   Telescope24: 'Telescope24',
+  TelescopeFill16: 'TelescopeFill16',
+  TelescopeFill24: 'TelescopeFill24',
   Terminal16: 'Terminal16',
   Terminal24: 'Terminal24',
   ThreeBars16: 'ThreeBars16',
@@ -428,7 +463,6 @@ var iconName = {
   Tools24: 'Tools24',
   Trash16: 'Trash16',
   Trash24: 'Trash24',
-  Trashcan16: 'Trashcan16',
   TriangleDown16: 'TriangleDown16',
   TriangleDown24: 'TriangleDown24',
   TriangleLeft16: 'TriangleLeft16',
@@ -437,6 +471,8 @@ var iconName = {
   TriangleRight24: 'TriangleRight24',
   TriangleUp16: 'TriangleUp16',
   TriangleUp24: 'TriangleUp24',
+  Trophy16: 'Trophy16',
+  Trophy24: 'Trophy24',
   Typography16: 'Typography16',
   Typography24: 'Typography24',
   Unfold16: 'Unfold16',
@@ -445,7 +481,6 @@ var iconName = {
   Unlock24: 'Unlock24',
   Unmute16: 'Unmute16',
   Unmute24: 'Unmute24',
-  Unverifed24: 'Unverifed24',
   Unverified16: 'Unverified16',
   Unverified24: 'Unverified24',
   Upload16: 'Upload16',
@@ -456,12 +491,14 @@ var iconName = {
   Versions24: 'Versions24',
   Video16: 'Video16',
   Video24: 'Video24',
+  Webhook16: 'Webhook16',
   Workflow16: 'Workflow16',
   Workflow24: 'Workflow24',
   X16: 'X16',
   X24: 'X24',
   XCircle16: 'XCircle16',
   XCircle24: 'XCircle24',
+  XCircleFill12: 'XCircleFill12',
   XCircleFill16: 'XCircleFill16',
   XCircleFill24: 'XCircleFill24',
   Zap16: 'Zap16',

package/build/primer/Navigation/Menu/Menu.scss

@@ -40,12 +40,6 @@
     }
   }
 
-  &:focus {
-    z-index: 1;
-    outline: none;
-    box-shadow: var(--color-primer-shadow-focus);
-  }
-
   &:hover {
     text-decoration: none;
     background-color: var(--color-neutral-subtle);

package/build/primer/Navigation/Menu/__tests__/__snapshots__/Menu.int.test.js.snap

@@ -1,120 +1,114 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Menu /> Render must match regular() 1`] = `
-<nav
-  aria-label="Person settings"
-  aria-labelledby="menu-heading"
-  className="menu"
->
-  <a
-    aria-current="page"
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
+<div>
+  <nav
+    aria-label="Person settings"
+    aria-labelledby="menu-heading"
+    class="menu"
   >
-    Account
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Profile
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Emails
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Notifications
-  </a>
-</nav>
+    <a
+      aria-current="page"
+      class="menu-item"
+      href="#url"
+    >
+      Account
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Profile
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Emails
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Notifications
+    </a>
+  </nav>
+</div>
 `;
 
 exports[`<Menu /> Render must match withHeading() 1`] = `
-<nav
-  aria-label="Person settings"
-  aria-labelledby="menu-heading"
-  className="menu"
->
-  <span
-    className="menu-heading"
-  >
-    Menu heading
-  </span>
-  <a
-    aria-current="page"
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Account
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
+<div>
+  <nav
+    aria-label="Person settings"
+    aria-labelledby="menu-heading"
+    class="menu"
   >
-    Profile
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Emails
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Notifications
-  </a>
-</nav>
+    <span
+      class="menu-heading"
+    >
+      Menu heading
+    </span>
+    <a
+      aria-current="page"
+      class="menu-item"
+      href="#url"
+    >
+      Account
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Profile
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Emails
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Notifications
+    </a>
+  </nav>
+</div>
 `;
 
 exports[`<Menu /> Render must match withIcons() 1`] = `
-<nav
-  aria-label="Person settings"
-  aria-labelledby="menu-heading"
-  className="menu"
->
-  <a
-    aria-current="page"
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Account
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Profile
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
-  >
-    Emails
-  </a>
-  <a
-    className="menu-item"
-    href="#url"
-    onClick={[Function]}
+<div>
+  <nav
+    aria-label="Person settings"
+    aria-labelledby="menu-heading"
+    class="menu"
   >
-    Notifications
-  </a>
-</nav>
+    <a
+      aria-current="page"
+      class="menu-item"
+      href="#url"
+    >
+      Account
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Profile
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Emails
+    </a>
+    <a
+      class="menu-item"
+      href="#url"
+    >
+      Notifications
+    </a>
+  </nav>
+</div>
 `;

package/build/primer/Navigation/TabNav/TabNav.scss

@@ -44,13 +44,18 @@
     }
   }
 
-  &:hover,
-  &:focus {
+  &:hover {
     color: var(--color-fg-default);
     text-decoration: none;
     transition-duration: 0.1s;
   }
 
+  &:focus,
+  &:focus-visible {
+    border-radius: $border-radius $border-radius 0 0 !important;
+    outline-offset: -6px;
+  }
+
   &:active {
     color: var(--color-fg-muted);
   }