Add new unlisted state scheme

.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_draft/aria-snapshot.yml

@@ -0,0 +1 @@
+- text: Draft state

.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_unlisted/aria-snapshot.yml

@@ -0,0 +1 @@
+- text: Unlisted state

app/components/primer/beta/state.pcss

@@ -26,6 +26,13 @@
   box-shadow: var(--boxShadow-thin) var(--borderColor-neutral-emphasis);
 }
 
+.State--unlisted {
+  color: var(--fgColor-muted);
+  background-color: var(--bgColor-muted);
+  border: var(--borderWidth-thin) solid var(--borderColor-default);
+  box-shadow: none;
+}
+
 .State--open {
   color: var(--fgColor-onEmphasis);
   background-color: var(--bgColor-open-emphasis, var(--color-open-emphasis));

app/components/primer/beta/state.rb

@@ -10,7 +10,9 @@ class State < Primer::Component
       NEW_SCHEME_MAPPINGS = {
         open: "State--open",
         closed: "State--closed",
-        merged: "State--merged"
+        merged: "State--merged",
+        draft: "State--draft",
+        unlisted: "State--unlisted"
       }.freeze
 
       DEPRECATED_SCHEME_MAPPINGS = {

previews/primer/beta/state_preview.rb

@@ -50,6 +50,20 @@ def states_merged
         render(Primer::Beta::State.new(title: "Merged", scheme: :merged)) { "Merged state" }
       end
       #
+
+      # @label Draft
+      # @snapshot
+      def states_draft
+        render(Primer::Beta::State.new(title: "Draft", scheme: :draft)) { "Draft state" }
+      end
+      #
+
+      # @label Unlisted
+      # @snapshot
+      def states_unlisted
+        render(Primer::Beta::State.new(title: "Unlisted", scheme: :unlisted)) { "Unlisted state" }
+      end
+      #
       # @!endgroup
 
       # @!group Sizes