Remove yarn in favor of npm

.changeset/tame-turkeys-laugh.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Remove yarn in favor of npm

.github/workflows/axe.yml

@@ -30,14 +30,15 @@ jobs:
         if: steps.changed-files.outputs.any_changed == 'true'
         uses: actions/setup-node@v3
         with:
-          node-version: 14
-      - run: yarn
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
         if: steps.changed-files.outputs.any_changed == 'true'
-      - run: yarn dist
+      - run: npm run dist
         if: steps.changed-files.outputs.any_changed == 'true'
-      - name: Run docs site	
+      - name: Run docs site
         if: steps.changed-files.outputs.any_changed == 'true'
-        run: |	
+        run: |
           npm run dev & npx wait-on http://localhost:8000
       - name: Run axe script
         if: steps.changed-files.outputs.any_changed == 'true'

.github/workflows/ci.yml

@@ -11,54 +11,44 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
-      - run: yarn
-      - run: yarn dist
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run dist
       - name: Lint source files
-        run: yarn stylelint --fix
+        run: npx stylelint --fix
       - name: Look for unused stylelint:disable lines
-        run: yarn stylelint -- --report-needless-disables
+        run: npm run stylelint -- --report-needless-disables
       - name: Push up any fixes
         if: ${{ github.event_name == 'pull_request' }}
-        run: |
-          set +e
-          git status | grep modified
-          if [ $? -eq 0 ]
-          then
-              set -e
-              git stash
-              git remote update
-              git fetch
-              git checkout --track origin/$GITHUB_HEAD_REF
-              git config --local user.email "actions@github.com"
-              git config --local user.name "Actions Auto Build"
-              git stash pop
-              git add src
-              git commit -m "Stylelint auto-fixes"
-              git push
-          else
-              set -e
-              echo "No changes since last run"
-          fi
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: Fixing stylelint issues
+          commit_user_name: GitHub Design Engineering Bot
+          commit_user_email: primer-css@users.noreply.github.com
+          commit_author: primer-css <primer-css@users.noreply.github.com>
+          file_pattern: src/**/*.scss
 
   eslint:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
-      - run: yarn
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
       - name: Lint workflow files
-        run: yarn eslint
+        run: npm run eslint
 
   test:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
-      - run: yarn
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
       - name: Jest
-        run: yarn test
+        run: npm test

.github/workflows/deploy_preview.yml

@@ -19,9 +19,9 @@ jobs:
     secrets:
       gh_token: ${{ secrets.GITHUB_TOKEN }}
     with:
-      node_version: 14
-      install: yarn && cd docs && yarn && cd ..
-      build: yarn build:docs:preview
+      node_version: 18
+      install: npm ci && cd docs && npm ci && cd ..
+      build: npm run build:docs:preview
       output_dir: docs/public
 
   deploy-storybook:

.github/workflows/deploy_production.yml

@@ -42,7 +42,7 @@ jobs:
     secrets:
       gh_token: ${{ secrets.GITHUB_TOKEN }}
     with:
-      node_version: 14
-      install: yarn && cd docs && yarn && cd ..
-      build: yarn build:docs
+      node_version: 18
+      install: npm ci && cd docs && npm ci && cd ..
+      build: npm run build:docs
       output_dir: docs/public

.github/workflows/release.yml

@@ -21,18 +21,19 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 14.x
+          node-version: 18.x
+          cache: 'npm'
 
       - name: Install dependencies
-        run: yarn
+        run: npm ci
 
       - name: Create release pull request or publish to npm
         id: changesets
         uses: changesets/action@master
         with:
           title: Release Tracking
           # This expects you to have a script called release which does a build for your packages and calls changeset publish
-          publish: yarn release
+          publish: npm run release
         env:
           GITHUB_TOKEN: ${{ secrets.GPR_AUTH_TOKEN_SHARED }}
           NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}

.github/workflows/release_canary.yml

@@ -20,7 +20,7 @@ jobs:
     name: Canary
     uses: primer/.github/.github/workflows/release_canary.yml@main
     with:
-      install: yarn
+      install: npm ci
     secrets:
       gh_token: ${{ secrets.GITHUB_TOKEN }}
       npm_token: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}

.github/workflows/release_candidate.yml

@@ -20,10 +20,11 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 14.x
+          node-version: 18.x
+          cache: 'npm'
 
       - name: Install dependencies
-        run: yarn
+        run: npm ci
 
       - name: Create .npmrc
         run: |
@@ -37,7 +38,7 @@ jobs:
         run: |
           version=$(jq -r .version package.json)
           echo "$( jq ".version = \"$(echo $version)-rc.$(git rev-parse --short HEAD)\"" package.json )" > package.json
-          yarn publish --tag next
+          npm publish --tag next
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

.github/workflows/welcome.yml

@@ -13,7 +13,8 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 14.x
+          node-version: 18.x
+          cache: 'npm'
 
       - name: Get or Create Comment
         uses: actions/github-script@v6
@@ -45,9 +46,10 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
-      - run: yarn
-      - run: yarn pretest
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run pretest
       - name: Reporting bundle sizes
         uses: primer/comment-token-update@main
         env:

.gitignore

@@ -13,5 +13,5 @@ docs/dist
 node_modules/
 public/
 searchIndex.js
-package-lock.json
 tmp
+yarn.lock

.npmrc

@@ -1,2 +1,4 @@
 git-tag-version=false
-package-lock=false
+legacy-peer-deps=true
+no-audit=true
+no-fund=true

docs/.npmrc

@@ -0,0 +1,3 @@
+legacy-peer-deps=true
+no-audit=true
+no-fund=true