Merge branch 'main' into upgrade-stylelint-config

Author: jonrohan

.changeset/famous-masks-end.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Fix `input-block` in `form-group`

.changeset/fuzzy-bananas-kiss.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Fix sequence of content in Subhead

.changeset/tall-experts-hammer.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Render headings inline when in a `<summary>`

docs/content/components/subhead.md

@@ -65,8 +65,8 @@ Use all the elements together to create a Subhead with actions and a description
 ```html live title="Subhead with actions and description"
 <div class="Subhead">
   <h2 class="Subhead-heading">Subhead with actions and description</h2>
-  <div class="Subhead-actions"><a href="#url" class="btn btn-sm btn-primary" role="button">Action</a></div>
   <div class="Subhead-description">The subhead is a subdued header style with a light bottom border.</div>
+  <div class="Subhead-actions"><a href="#url" class="btn btn-sm btn-primary" role="button">Action</a></div>
 </div>
 ```
 

src/forms/form-group.scss

@@ -30,6 +30,7 @@
 
     &.short { width: 250px; }
 
+    &.input-block,
     &.long { width: 100%; }
   }
 

src/markdown/headings.scss

@@ -71,4 +71,21 @@
     font-size: 0.85em;
     color: var(--color-fg-muted);
   }
+
+  summary {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      display: inline-block;
+    }
+
+    h1,
+    h2 {
+      padding-bottom: 0;
+      border-bottom: 0;
+    }
+  }
 }

src/subhead/subhead.scss

@@ -18,6 +18,7 @@
   font-size: $h2-size;
   font-weight: $font-weight-normal;
   flex: 1 1 auto;
+  order: 0;
 }
 
 // Make the text bold and red for dangerous content
@@ -31,13 +32,15 @@
   font-size: $body-font-size;
   color: var(--color-fg-muted);
   flex: 1 100%;
+  order: 2;
 }
 
 // Add 1 or 2 buttons to the right of the heading
 .Subhead-actions {
   margin: $spacer-1 0 $spacer-1 $spacer-1;
   align-self: center;
   justify-content: flex-end;
+  order: 1;
 
   + .Subhead-description {
     margin-top: $spacer-1;