From 13545dc6180516f626ffc3e3e8c571d512c317a4 Mon Sep 17 00:00:00 2001
From: Chris Westra <bestra@github.com>
Date: Mon, 1 May 2023 18:53:01 +0000
Subject: [PATCH 1/4] Add pullQueued state to StateLabel

---
 docs/content/StateLabel.mdx                    | 1 +
 src/StateLabel/StateLabel.features.stories.tsx | 1 +
 src/StateLabel/StateLabel.tsx                  | 6 ++++++
 3 files changed, 8 insertions(+)

diff --git a/docs/content/StateLabel.mdx b/docs/content/StateLabel.mdx
index 694a1837ed6..85eb62c9efb 100644
--- a/docs/content/StateLabel.mdx
+++ b/docs/content/StateLabel.mdx
@@ -18,6 +18,7 @@ import data from '../../src/StateLabel/StateLabel.docs.json'
   <StateLabel status="pullOpened">Open</StateLabel>
   <StateLabel status="pullClosed">Closed</StateLabel>
   <StateLabel status="pullMerged">Merged</StateLabel>
+  <StateLabel status="queued">Queued</StateLabel>
   <StateLabel status="draft">Draft</StateLabel>
   <StateLabel status="issueDraft">Draft</StateLabel>
 </>
diff --git a/src/StateLabel/StateLabel.features.stories.tsx b/src/StateLabel/StateLabel.features.stories.tsx
index 9caef7480fd..473e117e22b 100644
--- a/src/StateLabel/StateLabel.features.stories.tsx
+++ b/src/StateLabel/StateLabel.features.stories.tsx
@@ -16,6 +16,7 @@ export const IssueDraft = () => <StateLabel status="issueDraft">Draft</StateLabe
 export const PullOpened = () => <StateLabel status="pullOpened">Open</StateLabel>
 export const PullClosed = () => <StateLabel status="pullClosed">Closed</StateLabel>
 export const PullMerged = () => <StateLabel status="pullMerged">Merged</StateLabel>
+export const Queued = () => <StateLabel status="pullQueued">Queued</StateLabel>
 export const Draft = () => <StateLabel status="draft">Draft</StateLabel>
 
 export const Small = () => (
diff --git a/src/StateLabel/StateLabel.tsx b/src/StateLabel/StateLabel.tsx
index 31940eaaf3e..58401a618bc 100644
--- a/src/StateLabel/StateLabel.tsx
+++ b/src/StateLabel/StateLabel.tsx
@@ -6,6 +6,7 @@ import {
   IssueDraftIcon,
   IssueOpenedIcon,
   QuestionIcon,
+  GitMergeQueueIcon,
 } from '@primer/octicons-react'
 import React from 'react'
 import styled from 'styled-components'
@@ -24,6 +25,7 @@ const octiconMap = {
   pullMerged: GitMergeIcon,
   draft: GitPullRequestIcon,
   issueDraft: IssueDraftIcon,
+  pullQueued: GitMergeQueueIcon,
 }
 
 const colorVariants = variant({
@@ -45,6 +47,10 @@ const colorVariants = variant({
       backgroundColor: 'done.emphasis',
       color: 'fg.onEmphasis',
     },
+    pullQueued: {
+      backgroundColor: 'attention.emphasis',
+      color: 'fg.onEmphasis',
+    },
     issueOpened: {
       backgroundColor: 'open.emphasis',
       color: 'fg.onEmphasis',

From c7064361483d87c8059e5e295524af61ac2941db Mon Sep 17 00:00:00 2001
From: Chris Westra <bestra@github.com>
Date: Mon, 1 May 2023 19:07:51 +0000
Subject: [PATCH 2/4] Add snapshot for queued state

---
 src/StateLabel/__tests__/StateLabel.test.tsx  |  1 +
 .../__snapshots__/StateLabel.test.tsx.snap    | 56 +++++++++++++++++++
 2 files changed, 57 insertions(+)

diff --git a/src/StateLabel/__tests__/StateLabel.test.tsx b/src/StateLabel/__tests__/StateLabel.test.tsx
index 537bd291b80..f4d1ccd8d14 100644
--- a/src/StateLabel/__tests__/StateLabel.test.tsx
+++ b/src/StateLabel/__tests__/StateLabel.test.tsx
@@ -32,6 +32,7 @@ describe('StateLabel', () => {
     expect(render(<StateLabel status="issueClosed" />)).toMatchSnapshot()
     expect(render(<StateLabel status="issueClosedNotPlanned" />)).toMatchSnapshot()
     expect(render(<StateLabel status="pullMerged" />)).toMatchSnapshot()
+    expect(render(<StateLabel status="pullQueued" />)).toMatchSnapshot()
   })
 
   it('respects the variant prop', () => {
diff --git a/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap b/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap
index ba583e95a8c..3cfa27adfe5 100644
--- a/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap
+++ b/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap
@@ -350,6 +350,62 @@ exports[`StateLabel respects the status prop 4`] = `
 </span>
 `;
 
+exports[`StateLabel respects the status prop 5`] = `
+.c1 {
+  margin-right: 4px;
+}
+
+.c0 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 600;
+  line-height: 16px;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 100px;
+  background-color: #9a6700;
+  color: #ffffff;
+  padding-left: 12px;
+  padding-right: 12px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  font-size: 14px;
+}
+
+<span
+  className="c0"
+>
+  <svg
+    aria-hidden="true"
+    className="c1"
+    fill="currentColor"
+    focusable="false"
+    height={16}
+    role="img"
+    style={
+      {
+        "display": "inline-block",
+        "overflow": "visible",
+        "userSelect": "none",
+        "verticalAlign": "text-bottom",
+      }
+    }
+    viewBox="0 0 16 16"
+    width={16}
+  >
+    <path
+      d="M3.75 4.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM3 7.75a.75.75 0 0 1 1.5 0v2.878a2.251 2.251 0 1 1-1.5 0Zm.75 5.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm5-7.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm5.75 2.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-1.5 0a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"
+    />
+  </svg>
+</span>
+`;
+
 exports[`StateLabel respects the variant prop 1`] = `
 .c1 {
   margin-right: 4px;

From 6ee566d85fbeee86e96485df1af97499c341e6d4 Mon Sep 17 00:00:00 2001
From: Chris Westra <bestra@github.com>
Date: Mon, 1 May 2023 19:43:44 +0000
Subject: [PATCH 3/4] Add changeset

---
 .changeset/happy-rings-arrive.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/happy-rings-arrive.md

diff --git a/.changeset/happy-rings-arrive.md b/.changeset/happy-rings-arrive.md
new file mode 100644
index 00000000000..a422519951e
--- /dev/null
+++ b/.changeset/happy-rings-arrive.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add pullQueued state to StateLabel

From 1b976abe234387a0286c79621633b87bcb424959 Mon Sep 17 00:00:00 2001
From: Chris Westra <bestra@github.com>
Date: Mon, 1 May 2023 17:30:38 -0400
Subject: [PATCH 4/4] Correct status in docs

Co-authored-by: Josh Black <joshblack@github.com>
---
 docs/content/StateLabel.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/StateLabel.mdx b/docs/content/StateLabel.mdx
index 85eb62c9efb..dc2b16c8e7b 100644
--- a/docs/content/StateLabel.mdx
+++ b/docs/content/StateLabel.mdx
@@ -18,7 +18,7 @@ import data from '../../src/StateLabel/StateLabel.docs.json'
   <StateLabel status="pullOpened">Open</StateLabel>
   <StateLabel status="pullClosed">Closed</StateLabel>
   <StateLabel status="pullMerged">Merged</StateLabel>
-  <StateLabel status="queued">Queued</StateLabel>
+  <StateLabel status="pullQueued">Queued</StateLabel>
   <StateLabel status="draft">Draft</StateLabel>
   <StateLabel status="issueDraft">Draft</StateLabel>
 </>