Add support for unlisted to StateLabel

github/pull-requests#19319

Author: dstello

packages/react/src/StateLabel/StateLabel.docs.json

@@ -34,6 +34,9 @@
     {
       "id": "components-statelabel-features--draft"
     },
+    {
+      "id": "components-statelabel-features--unlisted"
+    },
     {
       "id": "components-statelabel-features--unavailable"
     },
@@ -56,7 +59,7 @@
     },
     {
       "name": "status",
-      "type": "'issueOpened' | 'issueClosed' | 'issueClosedNotPlanned' | 'pullOpened' | 'pullClosed' | 'pullMerged' | 'draft' | 'issueDraft' | 'unavailable' | 'open' | 'closed'",
+      "type": "'issueOpened' | 'issueClosed' | 'issueClosedNotPlanned' | 'pullOpened' | 'pullClosed' | 'pullMerged' | 'draft' | 'pullUnlisted' | 'issueDraft' | 'unavailable' | 'open' | 'closed'",
       "required": true
     },
     {

packages/react/src/StateLabel/StateLabel.features.stories.tsx

@@ -27,6 +27,7 @@ export const Open = () => (
   </StateLabel>
 )
 export const Closed = () => <StateLabel status="closed">Closed</StateLabel>
+export const Unlisted = () => <StateLabel status="pullUnlisted">Unlisted</StateLabel>
 
 export const Small = () => (
   <StateLabel status="issueOpened" variant="small">

packages/react/src/StateLabel/StateLabel.tsx

@@ -27,6 +27,7 @@ const octiconMap = {
   pullClosed: GitPullRequestClosedIcon,
   pullMerged: GitMergeIcon,
   draft: GitPullRequestDraftIcon,
+  pullUnlisted: GitPullRequestDraftIcon, // TODO: update with GitPullRequestUnlistedIcon once Octicon is updated
   issueDraft: IssueDraftIcon,
   pullQueued: GitMergeQueueIcon,
   unavailable: AlertIcon,
@@ -42,6 +43,7 @@ const labelMap: Record<keyof typeof octiconMap, 'Issue' | 'Issue, not planned' |
   pullClosed: 'Pull request',
   pullMerged: 'Pull request',
   draft: 'Pull request',
+  pullUnlisted: 'Pull request',
   issueDraft: 'Issue',
   pullQueued: 'Pull request',
   unavailable: '',
@@ -92,6 +94,11 @@ const colorVariants = variant({
       color: 'fg.onEmphasis',
       boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)',
     },
+    pullUnlisted: {
+      backgroundColor: 'neutral.muted', // --bgColor-muted not available here?
+      color: 'fg.muted',
+      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-default, transparent)',
+    },
     issueDraft: {
       backgroundColor: 'neutral.emphasis',
       color: 'fg.onEmphasis',