Adding color algo for hex colors to label component

.changeset/beige-schools-kneel.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Add `link` variant to Button

.changeset/clever-birds-press.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Add `variant` prop to Heading for small, medium and large styles

.changeset/config.json

@@ -6,5 +6,5 @@
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["docs", "example-*"]
+  "ignore": ["docs", "example-*", "codesandbox"]
 }

.changeset/dry-trainers-protect.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Update Primer React to emit *.css files that are imported by emitted *.js files for styling

.changeset/fluffy-ravens-thank.md

@@ -0,0 +1,7 @@
+---
+"@primer/react": patch
+---
+
+- Adjust checkbox and radio border color values for high contrast themes
+- Add default border to SegmentedControl
+- Add inset box-shadow to StatusLabel to prep for new border-color in dark high contrast

.changeset/four-shoes-yell.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Set `openOnFocus` default to `false`, making the menu closed initially rather than opening on focus of input

.changeset/four-tables-glow.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add the deprecated Dialog, Octicon, Pagehead, TabNav, and Tooltip components to @primer/react/deprecated

.changeset/gold-cups-explode.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Add `size` and `weight` props to `Text`

.changeset/honest-ligers-fly.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+chore(deps): Update eslint-plugin-primer-react to latest

.changeset/lovely-days-march.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+ActionList: Adds `aria-labelledby` to `ActionList.TrailingVisual`, making it part of the accessible name of `ActionList.Item`

.changeset/moody-rivers-impress.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Header: Add overflow when there are a lot of items

.changeset/new-shirts-beam.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+FilteredActionList: export `FilteredActionList` from '@primer/react/experimental'

.changeset/pre.json

@@ -0,0 +1,24 @@
+{
+  "mode": "pre",
+  "tag": "rc",
+  "initialVersions": {
+    "docs": "1.0.0",
+    "codesandbox": "0.0.0",
+    "example-app-router": "0.0.0",
+    "example-consumer-test": "0.0.0",
+    "example-nextjs": "0.0.0",
+    "@primer/react": "36.27.0",
+    "rollup-plugin-import-css": "0.0.0",
+    "postcss-preset-primer": "0.0.0"
+  },
+  "changesets": [
+    "beige-schools-kneel",
+    "dry-trainers-protect",
+    "fluffy-ravens-thank",
+    "four-shoes-yell",
+    "four-tables-glow",
+    "lovely-days-march",
+    "moody-rivers-impress",
+    "young-meals-worry"
+  ]
+}

.changeset/tall-wasps-end.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Adds new `className` prop to `FormControl` component

.changeset/tough-pans-punch.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Update Blankslate component to use CSS Modules behind a feature flag

.changeset/young-meals-worry.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Bumps @github/relative-time-element to v4.4.2

.eslintrc.js

@@ -68,10 +68,13 @@ module.exports = {
     camelcase: [
       'error',
       {
-        allow: ['dark_dimmed'],
+        allow: [
+          'dark_dimmed',
+          // Allow feature flag names that start with `primer_react_`
+          '^primer_react_',
+        ],
       },
     ],
-    'primer-react/no-deprecated-colors': ['warn', {checkAllStrings: true}],
 
     // Overrides from updating plugin:github
     'filenames/match-regex': 'off',
@@ -85,6 +88,7 @@ module.exports = {
     'github/no-inner-html': 'off',
     'github/role-supports-aria-props': 'off',
     'no-restricted-syntax': 'off',
+    'primer-react/a11y-use-next-tooltip': 'off',
   },
   overrides: [
     // rules which apply only to JS
@@ -237,7 +241,6 @@ module.exports = {
         'jsx-a11y/label-has-for': 'off',
         '@typescript-eslint/no-unnecessary-condition': 'off',
         '@typescript-eslint/no-unused-vars': 'off',
-        'primer-react/no-deprecated-colors': ['error', {skipImportCheck: true}],
         'no-redeclare': 'off',
         'ssr-friendly/no-dom-globals-in-module-scope': 'off',
         'ssr-friendly/no-dom-globals-in-react-fc': 'off',

.github/workflows/add_staff_label.yml

@@ -0,0 +1,23 @@
+name: Add Staff Label
+
+on:
+  issues:
+    types: [opened, reopened]
+  pull_request:
+    types: [opened, reopened]
+
+jobs:
+  add-staff-label:
+    if: ${{ github.repository == 'primer/react' }}
+    runs-on: ubuntu-latest
+    env:
+      GH_TOKEN: ${{ github.token }}
+    steps:
+      - name: Add label to issue
+        if: ${{ github.event.issue.author_association == 'MEMBER' }}
+        run: |
+          gh issue edit ${{github.event.issue.html_url}} --add-label staff
+      - name: Add label to pull_request
+        if: ${{ github.event.pull_request.author_association == 'MEMBER' }}
+        run: |
+          gh pr edit ${{github.event.pull_request.html_url}} --add-label staff

.github/workflows/assign_release_conductor.yml

@@ -66,15 +66,6 @@ jobs:
               return user.login === PREV_RELEASE_CONDUCTOR;
             });
 
-            if (hasPreviousReviewer) {
-              await github.rest.pulls.removeRequestedReviewers({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                pull_number: PR_NUMBER,
-                reviewers: [PREV_RELEASE_CONDUCTOR],
-              });
-            }
-
             // Add the current release conductor as an assignee if they are not currently assigned
             const hasAssignee = pull.assignees.find((assignee) => {
               return assignee.login === RELEASE_CONDUCTOR;
@@ -101,3 +92,12 @@ jobs:
                 reviewers: [RELEASE_CONDUCTOR]
               })
             }
+
+            if (hasPreviousReviewer) {
+              await github.rest.pulls.removeRequestedReviewers({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                pull_number: PR_NUMBER,
+                reviewers: [PREV_RELEASE_CONDUCTOR],
+              });
+            }

.github/workflows/ci.yml

@@ -48,6 +48,8 @@ jobs:
         run: npm ci
       - name: Lint JavaScript
         run: npm run lint
+      - name: Lint CSS
+        run: npm run lint:css
       - name: Lint markdown
         run: npm run lint:md
 

.github/workflows/codescan.yml

@@ -0,0 +1,73 @@
+name: 'Code Scan'
+
+on:
+  schedule:
+    - cron: '0 * * * *'
+
+jobs:
+  codescan:
+    name: Scan the repository
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+      - run: npm i -g npm@^10.5.1
+      - name: Install dependencies
+        run: npm ci
+
+      - uses: actions/github-script@v7
+        id: file-counts
+        with:
+          script: |
+            const fg = require('fast-glob')
+            const fs = require('fs')
+            const path = require('path')
+            const files = await fg.glob(['packages/react/src/**/*.tsx', 'packages/react/src/**/*.module.css'], {
+              ignore: [
+                '**/__tests__/**',
+                '**/_*.tsx',
+                '**/*.figma.tsx',
+                '**/*.stories.tsx',
+                '**/*.test.tsx',
+                '**/CSSComponent/**',
+                '**/hooks/**',
+                '**/index.tsx',
+                '**/utils/**',
+              ],
+            })
+
+            const metrics = []
+
+            for (const file of files) {
+              const content = fs.readFileSync(file, 'utf8')
+              const name = path.parse(file).name.replace('.module', '')
+              if (file.endsWith('.tsx')) {
+                const matched = content.match(/.`$([^`]*)^`$/gm)
+                if (matched) {
+                  const count = matched.join('\n').split('\n').length
+                  metrics.push(
+                    `- type: "count"\n  name: "primer.react.styled-system.count"\n  value: ${count}\n  tags:\n    - "path:${file}"\n    - "component:${name}"`,
+                  )
+                }
+              } else {
+                const count = content.split('\n').length
+                metrics.push(
+                  `- type: "count"\n  name: "primer.react.css-module.count"\n  value: ${count}\n  tags:\n    - "path:${file}"\n    - "component:${name}"`,
+                )
+              }
+            }
+
+            core.setOutput('metrics', metrics.join('\n'))
+
+      - name: Build count
+        uses: masci/datadog@v1
+        with:
+          api-key: ${{ secrets.datadog_api_key }}
+          metrics: ${{ steps.file-counts.outputs.metrics }}

.github/workflows/consumer_test.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Install dependencies
         run: npm ci
       - name: Build @primer/react
-        run: npm run build -w @primer/react
+        run: npm run build -w rollup-plugin-import-css -w @primer/react
       # Output the artifact as a tarball in `consumer-test`. Write the
       # information for this package in `consumer-test/pack.json` so we can read
       # from it later to install the package

.github/workflows/figma_connect_publish.yml

@@ -0,0 +1,17 @@
+name: Figma Connect Publish on Change
+
+on:
+  push:
+    paths:
+      - packages/react/src/components/**/*.figma.tsx
+    branches:
+      - main
+
+jobs:
+  code-connect:
+    name: Code Connect
+    runs-on: ubuntu-latest
+    steps:
+      - run: npx figma connect publish
+        env:
+          FIGMA_ACCESS_TOKEN: ${{ secrets.FIGMA_ACCESS_TOKEN }}

.github/workflows/release_canary.yml

@@ -41,6 +41,11 @@ jobs:
           NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}
       - name: Publish canary release
         run: |
+          # Remove existing pre.json if one exists. Snapshots are not allowed
+          # in pre-release mode.
+          # TODO: remove in v37
+          rm .changeset/pre.json
+
           echo -e "---\n$( jq .name packages/react/package.json ): patch\n---\n\nFake entry to force publishing" > .changeset/force-snapshot-release.md
           npx changeset version --snapshot
           npx changeset publish --tag canary

.github/workflows/release_candidate.yml

@@ -42,9 +42,19 @@ jobs:
 
       - name: Publish release candidate
         run: |
+          # Remove existing pre.json if one exists. Snapshots are not allowed
+          # in pre-release mode.
+          # TODO: remove in v37
+          rm .changeset/pre.json
+
           pkg_json_path=packages/react/package.json
           version=$(jq -r .version $pkg_json_path)
-          echo "$( jq ".version = \"$(echo $version)-rc.$(git rev-parse --short HEAD)\"" $pkg_json_path )" > $pkg_json_path
+
+          # Update how the version is generated in these prereleases. By
+          # default, -rc. is included in versions when `pre.json` is present.
+          # Add this back in when we exit the v37 release
+          # TODO: remove in v37
+          echo "$( jq ".version = \"$(echo $version).$(git rev-parse --short HEAD)\"" $pkg_json_path )" > $pkg_json_path
           npx changeset publish --tag next
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release_tracking.yml

@@ -0,0 +1,19 @@
+name: Release Event Tracking
+# Measure a datadog event every time a release occurs
+
+on:
+  pull_request:
+    types:
+      - closed
+      - opened
+      - reopened
+
+  release:
+    types: [published]
+
+jobs:
+  release-tracking:
+    name: Release Tracking
+    uses: primer/.github/.github/workflows/[email protected]
+    secrets:
+      datadog_api_key: ${{ secrets.DATADOG_API_KEY }}