Release 13.0.0

.github/workflows/push.yml → .github/workflows/ci.yml

@@ -1,5 +1,5 @@
-name: "lint, test, publish"
-on: [push]
+name: CI
+on: push
 jobs:
   all:
     runs-on: ubuntu-latest
@@ -16,6 +16,9 @@ jobs:
         run: npm --unsafe-perm test
       - name: prepublish
         run: script/prepublish
+      - name: test deprecations
+        if: startsWith(github.ref, 'refs/heads/release-')
+        run: script/test-deprecations.js
       - uses: primer/[email protected]
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.npmrc

@@ -1,3 +1 @@
-save=true
-save-exact=true
 git-tag-version=false

.stylelintrc.json

@@ -3,7 +3,6 @@
     "stylelint-config-primer"
   ],
   "rules": {
-    "primer/no-override": false,
-    "primer/selector-no-utility": false
+    "primer/no-override": false
   }
 }

CHANGELOG.md

@@ -1,3 +1,29 @@
+# 13.0.0
+
+### :boom: Breaking Change
+- Remove `.container`, `.columns`, `.column`, and related classes [#662](https://github.com/primer/css/pull/662)
+- Remove `.btn-purple` [#736](https://github.com/primer/css/pull/736) :wave: 💜 
+- Remove `.text-pending` and `.bg-pending` [#888](https://github.com/primer/css/pull/888)
+- Remove `.dropdown-menu-content` [#884](https://github.com/primer/css/pull/884)
+
+### :nail_care: Polish
+- Select menu improvements [#893](https://github.com/primer/css/pull/893)
+
+### :memo: Documentation
+- The layout docs, formerly available at `/css/objects/layout`, are gone and will redirect to `/css/objects/grid`.
+
+### :house: Internal
+- Add deprecations test script [#889](https://github.com/primer/css/pull/889)
+- Clean up scripts and dev dependencies [#890](https://github.com/primer/css/pull/890)
+- Upgrade stylelint-config-primer to v8.0.0 [#892](https://github.com/primer/css/pull/892)
+- Upgrade doctocat, live code wrappers [#895](https://github.com/primer/css/pull/895)
+
+### Committers
+- [@jonrohan](https://github.com/jonrohan)
+- [@shawnbot](https://github.com/shawnbot)
+- [@simurai](https://github.com/simurai)
+- [@sophshep](https://github.com/sophshep)
+
 # 12.7.0
 
 ### :rocket: Enhancement

deprecations.js

@@ -6,7 +6,19 @@
 const versionDeprecations = {
   '13.0.0': [
     {
-      selectors: ['.btn-purple'],
+      selectors: [
+        '.btn-purple',
+        '.btn-purple:focus',
+        '.btn-purple.focus',
+        '.btn-purple:hover',
+        '.btn-purple.hover',
+        '.btn-purple:active',
+        '.btn-purple.selected',
+        '[open]>.btn-purple',
+        '.btn-purple:disabled',
+        '.btn-purple.disabled',
+        '.btn-purple .Counter'
+      ],
       message: `Please don't make purple buttons.`
     },
     {
@@ -19,7 +31,12 @@ const versionDeprecations = {
     },
     {
       selectors: [
+        '.container',
+        '.container::before',
+        '.container::after',
         '.columns',
+        '.columns::before',
+        '.columns::after',
         '.column',
         '.one-third',
         '.two-thirds',
@@ -34,6 +51,14 @@ const versionDeprecations = {
     {
       selectors: ['.centered'],
       message: `You can use the "mx-auto" class to center any element.`
+    },
+    {
+      selectors: [
+        '.dropdown-menu-content',
+        '.dropdown.active .dropdown-menu-content',
+        '.dropdown-menu-content.anim-scale-in'
+      ],
+      message: `The "dropdown-menu-content" class is unnecessary.`
     }
   ]
 }

docs/content/components/buttons.md

@@ -59,7 +59,7 @@ Use `.btn-large` to increase the padding and border radius of a button. This is
 
 ```html live
 <p>
-  <a class="btn btn-large btn-purple" href="#url" role="button">Large link button</a>
+  <a class="btn btn-large" href="#url" role="button">Large link button</a>
   <button class="btn btn-large" type="button">Large button button</button>
 </p>
 ```
@@ -68,7 +68,7 @@ Use `.btn-large` with a type scale utility to transform the text to a bigger siz
 
 ```html live
 <p class="f3">
-  <a class="btn btn-large btn-purple" href="#url" role="button">Large link button</a>
+  <a class="btn btn-large" href="#url" role="button">Large link button</a>
   <button class="btn btn-large btn-outline-blue" type="button">Large button button</button>
 </p>
 ```