Merge branch 'main' into unchecked_value_for_check_box

.changeset/config.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
   "changelog": ["@changesets/changelog-github", {"repo": "primer/view_components"}],
-  "commit": false,
+  "commit": true,
   "fixed": [],
   "linked": [],
   "access": "public",

.devcontainer/Dockerfile

@@ -45,9 +45,6 @@ RUN if [ "${INSTALL_NODE}" = "true" ]; then su vscode -c "umask 0002 && . /usr/l
 ARG BUNDLER_VERSION=2.2.11
 RUN gem install bundler:${BUNDLER_VERSION} solargraph
 
-# Install yarn
-RUN npm install -g yarn
-
 # Install chrome
 RUN curl --silent --show-error --location --fail --retry 3 --output /tmp/google-chrome-stable_current_amd64.deb https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb \
       && (sudo dpkg -i /tmp/google-chrome-stable_current_amd64.deb || sudo apt-get -fy install)  \

.erb-linters/reporters/github_reporter.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+require "erb_lint/reporters/compact_reporter"
+
+module ERBLint
+  module Reporters
+    # :nodoc:
+    class GithubReporter < CompactReporter
+      def preview; end
+
+      def show
+        processed_files.each do |filename, offenses|
+          offenses.each do |offense|
+            puts format_offense(filename, offense)
+          end
+        end
+      end
+
+      private
+
+      def format_offense(filename, offense)
+        [
+          "::error ",
+          [
+            "file=#{filename}",
+            "line=#{offense.line_number}",
+            "col=#{offense.column}"
+          ].join(","),
+          "::",
+          "#{offense.linter.class.simple_name}: ",
+          offense.message.to_s
+        ].join
+      end
+    end
+  end
+end

.github/labeler.yml

@@ -0,0 +1,9 @@
+css:
+- app/components/**/*.pcss
+
+ruby:
+- app/components/**/*.rb
+- app/components/**/*.erb
+
+javascript:
+- app/components/**/*.ts

.github/workflows/check-for-changeset.yml

@@ -0,0 +1,25 @@
+name: Check for changeset
+
+on:
+  pull_request:
+    types:
+      # On by default if you specify no types.
+      - "opened"
+      - "reopened"
+      - "synchronize"
+      # For `skip-label` only.
+      - "labeled"
+      - "unlabeled"
+
+jobs:
+  check-for-changeset:
+    name: Check for changeset
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: "Check for changeset"
+        uses: brettcannon/check-for-changed-files@v1
+        with:
+          file-pattern: ".changeset/*.md"
+          skip-label: "skip changelog"
+          failure-message: "No changeset found. If these changes should not result in a new version, apply the ${skip-label} label to this pull request. If these changes should result in a version bump, please add a changeset https://git.io/J6QvQ"

.github/workflows/ci.yml

@@ -62,10 +62,10 @@ jobs:
         key: gems-build-rails-${{ matrix.rails_version }}-ruby-${{ matrix.ruby_version }}-${{ hashFiles('**/Gemfile.lock') }}
     - uses: actions/setup-node@v2
       with:
-        node-version: 14
+        node-version: 16
     - run: |
-        yarn
-        cd demo && yarn
+        npm i
+        cd demo && npm i
     - name: Build and test with Rake
       run: |
         gem install bundler:2.2.9
@@ -112,10 +112,10 @@ jobs:
         ruby-version: 2.7.x
     - uses: actions/setup-node@v2
       with:
-        node-version: 14
+        node-version: 16
     - run: |
-        yarn
-        cd demo && yarn
+        npm i
+        cd demo && npm i
     - name: Build and test with Rake
       run: |
         gem install bundler:2.2.9

.github/workflows/docs-build.yml

@@ -21,8 +21,8 @@ jobs:
           ruby-version: 2.7.x
       - uses: actions/setup-node@v2
         with:
-          node-version: 14
-      - run: yarn
+          node-version: 16
+      - run: npm i
       - uses: actions/cache@v2
         with:
           path: vendor/bundle

.github/workflows/docs-preview-deploy.yml

@@ -26,19 +26,19 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v2
         with:
-          node-version: 14
-          cache: 'yarn'
+          node-version: 16
+          cache: 'npm'
           cache-dependency-path: |
-            yarn.lock
-            docs/yarn.lock
+            package-lock.json
+            docs/package-lock.json
 
       - uses: actions/cache@v2
         with:
           path: vendor/bundle
           key: gems-deploy-preview-${{ hashFiles('**/Gemfile.lock') }}
 
       - name: Install dependencies
-        run: yarn && cd docs && yarn && cd ..
+        run: npm i && cd docs && npm i && cd ..
 
       - name: Generate static files
         run: |
@@ -50,7 +50,7 @@ jobs:
           bundle exec rake static:dump
 
       - name: Build
-        run: yarn build:docs:preview
+        run: npm run build:docs:preview
 
       - name: Archive build output
         run: 'tar --dereference --directory docs/public -cvf artifact.tar .'
@@ -73,6 +73,6 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: paper-spa/deploy-pages@main
+        uses: actions/deploy-pages@v1
         with:
           preview: true

.github/workflows/docs-production-deploy.yml

@@ -27,11 +27,11 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@v2
         with:
-          node-version: 14
-          cache: 'yarn'
+          node-version: 16
+          cache: 'npm'
           cache-dependency-path: |
-            yarn.lock
-            docs/yarn.lock
+            package-lock.json
+            docs/package-lock.json
 
       - name: Cache dependencies
         uses: actions/cache@v2
@@ -42,7 +42,7 @@ jobs:
             ${{ runner.os }}-node-
 
       - name: Install dependencies
-        run: yarn && cd docs && yarn && cd ..
+        run: npm i && cd docs && npm i && cd ..
 
       - name: Generate static files
         run: |
@@ -54,7 +54,7 @@ jobs:
           bundle exec rake static:dump
 
       - name: Build
-        run: yarn build:docs
+        run: npm run build:docs
 
       - name: Archive build output
         run: 'tar --dereference --directory docs/public -cvf artifact.tar .'
@@ -75,6 +75,6 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: paper-spa/deploy-pages@main
+        uses: actions/deploy-pages@v1
         with:
           preview: false

.github/workflows/labeler.yml

@@ -0,0 +1,15 @@
+name: "Pull Request Labeler"
+on:
+- pull_request_target
+
+jobs:
+  triage:
+    permissions:
+      contents: read
+      pull-requests: write
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/labeler@v4
+      with:
+        sync-labels: true
+        repo-token: "${{ secrets.GITHUB_TOKEN }}"

.github/workflows/lint.yml

@@ -10,14 +10,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@master
+    - uses: xt0rted/markdownlint-problem-matcher@v1
     - name: Set up Node.js
       uses: actions/setup-node@master
       with:
         node-version: 16
     - uses: actions/cache@v2
       with:
         path: node_modules
-        key: node-modules-main-${{ hashFiles('yarn.lock') }}
+        key: node-modules-main-${{ hashFiles('package-lock.json') }}
     - name: Get specific changed files
       id: changed-files
       uses: tj-actions/[email protected]
@@ -30,8 +31,8 @@ jobs:
     - name: Lint with Markdownlint
       if: steps.changed-files.outputs.any_changed == 'true'
       run: |
-        yarn
-        yarn markdownlint ${{ steps.changed-files.outputs.all_changed_files }}
+        npm i
+        npx markdownlint ${{ steps.changed-files.outputs.all_changed_files }}
 
   rubocop:
     runs-on: ubuntu-latest
@@ -60,7 +61,7 @@ jobs:
         gem install bundler:2.2.9
         bundle config path vendor/bundle
         bundle install --jobs 4 --retry 3
-        bundle exec rubocop ${{ steps.changed-files.outputs.all_changed_files }}
+        bundle exec rubocop ${{ steps.changed-files.outputs.all_changed_files }} --format github
 
   erblint:
     runs-on: ubuntu-latest
@@ -86,7 +87,7 @@ jobs:
         gem install bundler:2.2.9
         bundle config path vendor/bundle
         bundle install --jobs 4 --retry 3
-        bundle exec erblint ${{ steps.changed-files.outputs.all_changed_files }}
+        bundle exec erblint ${{ steps.changed-files.outputs.all_changed_files }} --format github
 
   eslint:
     runs-on: ubuntu-latest
@@ -99,7 +100,7 @@ jobs:
     - uses: actions/cache@v2
       with:
         path: node_modules
-        key: node-modules-main-${{ hashFiles('yarn.lock') }}
+        key: node-modules-main-${{ hashFiles('package-lock.json') }}
     - name: Get changed files
       id: changed-files
       uses: tj-actions/[email protected]
@@ -109,5 +110,5 @@ jobs:
     - name: Lint with ESLint
       if: steps.changed-files.outputs.any_changed == 'true'
       run: |
-        yarn
-        yarn eslint --quiet ${{ steps.changed-files.outputs.all_changed_files }}
+        npm i
+        npx eslint --quiet ${{ steps.changed-files.outputs.all_changed_files }}

.github/workflows/publish.yml

@@ -0,0 +1,45 @@
+on:
+  release:
+    types: [published]
+name: Publish primer_view_components and @primer/view-components
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@master
+      - name: Setup Ruby
+        uses: actions/setup-ruby@v1
+        with:
+          ruby-version: "3.1.x"
+      - name: Bundle install
+        run: |
+          gem install bundler:2.2.9
+          bundle config path vendor/bundle
+          bundle install
+      - name: Create .gem credentials
+        run: |
+          mkdir -p $HOME/.gem
+          cat << EOF > $HOME/.gem/credentials
+          ---
+          :rubygems_api_key: ${RUBYGEMS_TOKEN}
+          EOF
+          chmod 0600 $HOME/.gem/credentials
+        env:
+          RUBYGEMS_TOKEN: ${{ secrets.RUBYGEMS_TOKEN_SHARED }}
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 16
+      - name: Create .npmrc
+        run: |
+          cat << EOF > "$HOME/.npmrc"
+            //registry.npmjs.org/:_authToken=$NPM_TOKEN
+          EOF
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}
+      - name: NPM install
+        run: |
+          npm i
+      - name: Publish Gem
+        run: bundle exec rake release
+      - name: Publish NPM
+        run: npm publish --access public

.github/workflows/release-canary.yml

@@ -10,7 +10,7 @@ jobs:
     if: ${{ github.repository == 'primer/view_components' }}
     uses: primer/.github/.github/workflows/release_canary.yml@main
     with:
-      install: yarn
+      install: npm i
     secrets:
       gh_token: ${{ secrets.GITHUB_TOKEN }}
       npm_token: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}

.github/workflows/release.yml

@@ -29,15 +29,15 @@ jobs:
 
       - name: Install dependencies
         run: |
-          yarn
+          npm i
           bundle install
 
       - name: Create release pull request or publish to npm
         id: changesets
         uses: changesets/action@master
         with:
           title: Release Tracking
-          version: yarn changeset:version
+          version: npm run changeset:version
           publish: script/changeset-publish
         env:
           GITHUB_TOKEN: ${{ secrets.GPR_AUTH_TOKEN_SHARED }}

.gitignore

@@ -1,10 +1,10 @@
-# Generated from yarn prepare
+# Generated from npm prepare
 app/components/**/*.js
 app/components/**/*.d.ts
 app/assets/
 
-# Generated by demo yarn post-install
-demo/app/assets/stylesheets/primer*
+# Generated by demo npm post-install
+demo/app/assets/stylesheets/prim*
 
 # Generated by lib/tasks/docs.rake
 /.yardoc

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "explorer.fileNesting.patterns": {
+    "*.rb": "${basename}.rb, ${basename}.html.erb, ${basename}.ts, ${basename}.pcss"
+  }
+}