primer · shawnbot · Oct 4, 2017 · Sep 13, 2017 · Sep 21, 2017 · Sep 22, 2017
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,21 @@
+# 9.5.0
+
+### Added
+- It's now possible to style `<summary>` elements as buttons and have them appear in the active/selected state when the enclosing [`<details>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) is open. #346
+
+### Changes
+- Updates our release candidate versioning logic so that prerelease increments are done on a per-module basis, fixing #350.
+
+# 9.4.0
+
+### Added
+- Add `v-align-baseline` class to `primer-utilities` #324
+- Add deprecation warnings for `primer-cards` and `primer-forms/lib/form-validation.scss` #347 (these will be removed in v10.0.0)
+
+### Changes
+- Update npm metadata for `primer-css`, `primer-core`, `primer-product`, and `primer-marketing` #328
+- Remove `HEAD` heading from the changelog #327
+
 # 9.3.0
 
 ## Added

diff --git a/modules/primer-alerts/package.json b/modules/primer-alerts/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.4.0",
+  "version": "1.5.0",
   "name": "primer-alerts",
   "description": "Flash messages, or alerts, inform users of successful or pending actions.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "alerts",

diff --git a/modules/primer-avatars/package.json b/modules/primer-avatars/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.4.0",
   "name": "primer-avatars",
   "description": "Basic styles for user profile avatars.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "avatars",

diff --git a/modules/primer-base/package.json b/modules/primer-base/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.4.0",
+  "version": "1.5.0",
   "name": "primer-base",
   "description": "CSS to reset the browsers default styles",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-blankslate/package.json b/modules/primer-blankslate/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.4.0",
   "name": "primer-blankslate",
   "description": "Blankslates are for when there is a lack of content within a page or section.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-box/package.json b/modules/primer-box/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.4.0",
+  "version": "2.5.0",
   "name": "primer-box",
   "description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-breadcrumb/package.json b/modules/primer-breadcrumb/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.4.0",
   "name": "primer-breadcrumb",
   "description": "Breadcrumb navigation for pages with parents / grandparents.",
   "homepage": "http://primercss.io/",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "primer-marketing-support": "1.3.0",
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "breadcrumb",

diff --git a/modules/primer-buttons/README.md b/modules/primer-buttons/README.md
@@ -245,6 +245,25 @@ Use `.hidden-text-expander` to indicate and toggle hidden text.
 
 You can also make the expander appear inline by adding `.inline`.
 
+
+#### Using button styles with the details summary element
+
+You can add `.btn` and `.btn-*` classes to any
+[`<summary>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary)
+element so that it gains the appearance of a button, and
+selected/active styles when the parent
+[`<details>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details)
+element is open.
+
+```html
+<details>
+  <summary class="btn btn-block btn-primary">Toggle the content</summary>
+  <p class="mt-2">
+    This content will be toggled.
+  </p>
+</details>
+```
+
 <!-- %enddocs -->
 
 ## License

diff --git a/modules/primer-buttons/package.json b/modules/primer-buttons/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.3.0",
+  "version": "2.4.0",
   "name": "primer-buttons",
   "description": "A collection of buttons used for primary and secondary actions.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-cards/package.json b/modules/primer-cards/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.4.1",
+  "version": "0.5.0",
   "name": "primer-cards",
   "description": "Card-like containers to group semantically related content together on marketing websites at GitHub.",
   "homepage": "http://primercss.io/",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "primer-marketing-support": "1.3.0",
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "cards",

diff --git a/modules/primer-core/package.json b/modules/primer-core/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "6.3.1",
+  "version": "6.4.0",
   "name": "primer-core",
   "description": "Primer CSS's core modules",
   "homepage": "http://primercss.io/",
@@ -25,16 +25,16 @@
     "test": "npm run build"
   },
   "dependencies": {
-    "primer-base": "1.4.0",
-    "primer-box": "2.4.0",
-    "primer-buttons": "2.3.0",
-    "primer-forms": "1.3.1",
-    "primer-layout": "1.3.0",
-    "primer-navigation": "1.3.0",
-    "primer-support": "4.3.0",
-    "primer-table-object": "1.3.0",
-    "primer-tooltips": "1.3.0",
-    "primer-truncate": "1.3.0",
-    "primer-utilities": "4.7.0"
+    "primer-base": "1.5.0",
+    "primer-box": "2.5.0",
+    "primer-buttons": "2.4.0",
+    "primer-forms": "1.4.0",
+    "primer-layout": "1.4.0",
+    "primer-navigation": "1.4.0",
+    "primer-support": "4.4.0",
+    "primer-table-object": "1.4.0",
+    "primer-tooltips": "1.4.0",
+    "primer-truncate": "1.4.0",
+    "primer-utilities": "4.8.0"
   }
 }
diff --git a/modules/primer-css/package.json b/modules/primer-css/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "9.4.0",
+  "version": "9.5.0",
   "name": "primer-css",
   "description": "Primer is the CSS framework that powers GitHub's front-end design. Primer-css includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.",
   "homepage": "http://primercss.io/",
@@ -25,33 +25,33 @@
     "test": "npm run build"
   },
   "dependencies": {
-    "primer-alerts": "1.4.0",
-    "primer-avatars": "1.3.0",
-    "primer-base": "1.4.0",
-    "primer-blankslate": "1.3.0",
-    "primer-box": "2.4.0",
-    "primer-breadcrumb": "1.3.0",
-    "primer-buttons": "2.3.0",
-    "primer-cards": "0.4.1",
-    "primer-core": "6.3.1",
-    "primer-forms": "1.3.1",
-    "primer-labels": "1.4.0",
-    "primer-layout": "1.3.0",
-    "primer-markdown": "3.6.0",
-    "primer-marketing": "5.3.1",
+    "primer-alerts": "1.5.0",
+    "primer-avatars": "1.4.0",
+    "primer-base": "1.5.0",
+    "primer-blankslate": "1.4.0",
+    "primer-box": "2.5.0",
+    "primer-breadcrumb": "1.4.0",
+    "primer-buttons": "2.4.0",
+    "primer-cards": "0.5.0",
+    "primer-core": "6.4.0",
+    "primer-forms": "1.4.0",
+    "primer-labels": "1.5.0",
+    "primer-layout": "1.4.0",
+    "primer-markdown": "3.7.0",
+    "primer-marketing": "5.4.0",
     "primer-marketing-support": "1.3.0",
-    "primer-marketing-type": "1.3.0",
-    "primer-marketing-utilities": "1.3.0",
-    "primer-navigation": "1.3.0",
-    "primer-page-headers": "1.3.0",
-    "primer-page-sections": "1.3.0",
-    "primer-product": "5.3.1",
-    "primer-support": "4.3.0",
-    "primer-table-object": "1.3.0",
-    "primer-tables": "1.3.0",
-    "primer-tooltips": "1.3.0",
-    "primer-truncate": "1.3.0",
-    "primer-utilities": "4.7.0"
+    "primer-marketing-type": "1.4.0",
+    "primer-marketing-utilities": "1.4.0",
+    "primer-navigation": "1.4.0",
+    "primer-page-headers": "1.4.0",
+    "primer-page-sections": "1.4.0",
+    "primer-product": "5.4.0",
+    "primer-support": "4.4.0",
+    "primer-table-object": "1.4.0",
+    "primer-tables": "1.4.0",
+    "primer-tooltips": "1.4.0",
+    "primer-truncate": "1.4.0",
+    "primer-utilities": "4.8.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-forms/package.json b/modules/primer-forms/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.1",
+  "version": "1.4.0",
   "name": "primer-forms",
   "description": "Style individual form controls and utilize common layouts.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-labels/package.json b/modules/primer-labels/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.4.0",
+  "version": "1.5.0",
   "name": "primer-labels",
   "description": "Labels add metatdata or indicate status of items and navigational elements.",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-layout/package.json b/modules/primer-layout/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.4.0",
   "name": "primer-layout",
   "description": "Containers, rows, and columns for creating page layout.",
   "homepage": "http://primercss.io/",
@@ -28,7 +28,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-markdown/package.json b/modules/primer-markdown/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "3.6.0",
+  "version": "3.7.0",
   "name": "primer-markdown",
   "description": "GitHub stylesheets for rendering markdown.",
   "homepage": "https://github.com/primer/primer-markdown",
@@ -27,7 +27,7 @@
     "test": "npm-run-all -s build lint"
   },
   "dependencies": {
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "github",

diff --git a/modules/primer-marketing-type/package.json b/modules/primer-marketing-type/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.4.0",
   "name": "primer-marketing-type",
   "description": "Typography for marketing websites at GitHub",
   "homepage": "http://primercss.io/",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "primer-marketing-support": "1.3.0",
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "css",

diff --git a/modules/primer-marketing-utilities/package.json b/modules/primer-marketing-utilities/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.4.0",
   "name": "primer-marketing-utilities",
   "description": "Marketing specific immutable, atomic CSS classes",
   "homepage": "http://primercss.io/",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "primer-marketing-support": "1.3.0",
-    "primer-support": "4.3.0"
+    "primer-support": "4.4.0"
   },
   "keywords": [
     "primer",