Remove support for sx from ActionList component and sub-components

.changeset/cool-clubs-think.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Removes Box usage and sx prop from NavList and ActionList

.changeset/gold-geckos-send.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Removes sx prop from PageLayout and subcomponents

.changeset/light-schools-wish.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Removes `Box` component usage and `sx` prop from the `Link` component, Storybook stories, and a .figma.tsx file

.changeset/lovely-plums-buy.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": major
+---
+
+Remove support for styled-components/sx from ActionList component and sub-components

.changeset/lucky-wasps-nail.md

@@ -0,0 +1,6 @@
+---
+"@primer/react": major
+"@primer/styled-react": patch
+---
+
+Remove support for `sx` from the `TabNav` component

.changeset/pre.json

@@ -12,10 +12,14 @@
     "@primer/styled-react": "0.1.0"
   },
   "changesets": [
+    "beige-plums-obey",
+    "beige-shrimps-sleep",
+    "better-coins-dream",
     "big-oranges-marry",
     "bright-dolls-dance",
     "bright-parents-flow",
     "busy-bananas-smash",
+    "chilly-dingos-build",
     "chubby-colts-nail",
     "cold-teams-buy",
     "cruel-papers-film",
@@ -24,46 +28,74 @@
     "deprecate-textinputwithtokens",
     "dirty-chairs-invent",
     "eighty-queens-tap",
+    "fair-views-laugh",
     "few-mails-sing",
+    "fifty-walls-yawn",
     "five-squids-sin",
+    "fresh-points-cover",
     "gentle-rockets-go",
+    "gentle-sheep-feel",
+    "giant-impalas-occur",
     "gold-dingos-sneeze",
     "great-hats-serve",
     "hot-bears-cry",
     "hot-melons-jump",
+    "hot-mirrors-feel",
     "icy-pianos-say",
     "lemon-jokes-camp",
+    "light-colts-burn",
     "little-peas-mix",
     "lovely-vans-burn",
     "metal-badgers-joke",
     "metal-cups-peel",
+    "metal-deer-refuse",
     "metal-lamps-appear",
+    "mighty-lizards-lick",
+    "nasty-seals-carry",
     "new-dragons-melt",
     "new-shrimps-appear",
     "nine-cobras-talk",
     "orange-taxis-rhyme",
     "pretty-women-sing",
     "proud-chairs-study",
     "rich-walls-fold",
+    "rotten-carpets-raise",
+    "rude-cycles-scream",
     "salty-geese-own",
     "seven-coats-hang",
     "seven-forks-join",
+    "sharp-beans-run",
+    "sharp-papayas-destroy",
+    "shiny-deer-lose",
+    "short-cloths-deny",
+    "shy-flies-marry",
+    "silent-wasps-warn",
     "silly-parks-give",
     "slick-months-cry",
+    "smooth-singers-thank",
     "soft-islands-warn",
     "spotty-colts-hear",
+    "stale-avocados-enjoy",
     "stale-wasps-smell",
     "strange-knives-study",
     "strange-peas-kiss",
     "strong-falcons-design",
     "strong-lions-tan",
+    "tame-ducks-ring",
+    "tasty-cheetahs-pay",
+    "ten-jobs-attack",
     "thin-oranges-lick",
     "three-hounds-refuse",
+    "three-vans-join",
     "tricky-eggs-cross",
+    "twelve-sloths-flow",
     "twenty-baboons-pull",
     "unlucky-hotels-shake",
+    "upset-flowers-yawn",
     "wet-crews-drum",
+    "wet-mammals-feel",
     "wet-terms-argue",
+    "wicked-starfishes-shout",
     "witty-chicken-leave",
     "young-dots-heal",
     "young-timers-accept"

.changeset/pretty-emus-cover.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+update FormControl ValidationIcon position

.changeset/sweet-islands-sleep.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Replace StateLabel color with new draft token

.changeset/sweet-results-smell.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Remove support for `sx` from the Dialog component and sub-components

.changeset/yummy-years-greet.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Removes usage of Box component from other components.

.github/workflows/graphql-test.yml

@@ -0,0 +1,80 @@
+name: Test GraphQL Queries
+on:
+  workflow_dispatch:
+
+jobs:
+  test-query:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Test GraphQL Query
+        run: |
+          echo "Testing GraphQL query against GitHub API..."
+
+          # Test query to get repository information
+          QUERY='query {
+            repository(owner: "primer", name: "react") {
+              name
+              description
+              stargazerCount
+              forkCount
+              defaultBranchRef {
+                name
+              }
+              languages(first: 5) {
+                nodes {
+                  name
+                  color
+                }
+              }
+            }
+          }'
+
+          # Make the GraphQL API call with detailed error logging
+          echo "Making GraphQL API call..."
+          HTTP_STATUS=$(curl -w "%{http_code}" -s -X POST \
+            -H "Authorization: Bearer ${{ secrets.GITHUB_TOKEN }}" \
+            -H "Content-Type: application/json" \
+            -d "{\"query\": \"$(echo $QUERY | tr '\n' ' ' | sed 's/"/\\"/g')\"}" \
+            -o response.json \
+            https://api.github.com/graphql)
+
+          RESPONSE=$(cat response.json)
+
+          echo "HTTP Status Code: $HTTP_STATUS"
+          echo "Full GraphQL Response:"
+          echo "$RESPONSE" | jq '.' || echo "Raw response (invalid JSON): $RESPONSE"
+
+          # Check HTTP status first
+          if [ "$HTTP_STATUS" != "200" ]; then
+            echo "❌ HTTP request failed with status code: $HTTP_STATUS"
+            echo "Full response body:"
+            echo "$RESPONSE"
+            exit 1
+          fi
+
+          # Check if the response contains GraphQL errors
+          if echo "$RESPONSE" | jq -e '.errors' > /dev/null 2>&1; then
+            echo "❌ GraphQL query returned errors:"
+            echo "$RESPONSE" | jq '.errors'
+            echo "Full error details:"
+            echo "$RESPONSE" | jq '.errors[] | {message: .message, type: .type, path: .path, locations: .locations}' || true
+            exit 1
+          fi
+
+          # Check if the query was successful and has expected data
+          if echo "$RESPONSE" | jq -e '.data.repository.name' > /dev/null 2>&1; then
+            echo "✅ GraphQL query executed successfully!"
+            echo "Repository name: $(echo "$RESPONSE" | jq -r '.data.repository.name')"
+            echo "Stars: $(echo "$RESPONSE" | jq -r '.data.repository.stargazerCount')"
+            echo "Default branch: $(echo "$RESPONSE" | jq -r '.data.repository.defaultBranchRef.name')"
+          else
+            echo "❌ GraphQL query failed - no valid data returned"
+            echo "Expected data.repository.name but got:"
+            echo "$RESPONSE" | jq '.data // "No data field found"'
+            exit 1
+          fi
+
+          # Cleanup
+          rm -f response.json
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/lock-release.yml

@@ -2,7 +2,9 @@ name: Toggle Release Lock
 
 on:
   release:
-    types: [released]
+    types:
+      - released
+      - prereleased
   workflow_dispatch:
     inputs:
       action:
@@ -78,7 +80,7 @@ jobs:
           GITHUB_TOKEN: ${{ steps.app-token.outputs.token }}
       - name: Update all PRs that are toggled merge when ready
         run: |
-          PR_NUMBERS=$(gh pr list -L 100 -R primer/react --state open --json number,baseRefName,autoMergeRequest,mergeStateStatus,reviewDecision -q '.[] | select(.autoMergeRequest != null) | select(.baseRefName == "main") | select(.mergeStateStatus == "BEHIND") | select(.reviewDecision == "APPROVED") | .number')
+          PR_NUMBERS=$(gh pr list -L 100 -R primer/react --state open --json number,baseRefName,autoMergeRequest,reviewDecision -q '.[] | select(.autoMergeRequest != null) | select(.baseRefName == "main") | select(.reviewDecision == "APPROVED") | .number')
           if [ -n "$PR_NUMBERS" ]; then
             echo "Updating $PR_NUMBERS"
             echo "$PR_NUMBERS" | xargs -I {} gh pr update-branch -R primer/react {}

e2e/components/Dialog.test.ts

@@ -27,18 +27,6 @@ const stories = [
     title: 'Position sidesheet',
     id: 'components-dialog-features--side-sheet',
   },
-  {
-    title: 'Dev: With Css',
-    id: 'components-dialog-dev--with-css',
-  },
-  {
-    title: 'Dev: With Sx',
-    id: 'components-dialog-dev--with-sx',
-  },
-  {
-    title: 'Dev: With Sx And Css',
-    id: 'components-dialog-dev--with-sx-and-css',
-  },
 ] as const
 
 test.describe('Dialog', () => {

examples/codesandbox/package.json

@@ -17,7 +17,7 @@
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.3",
-    "@primer/react": "38.0.0-rc.3",
+    "@primer/react": "38.0.0-rc.4",
     "styled-components": "5.x",
     "typescript": "^5.9.2",
     "vite": "^7.1.5"

examples/nextjs/package.json

@@ -10,7 +10,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@primer/react": "38.0.0-rc.3",
+    "@primer/react": "38.0.0-rc.4",
     "next": "^15.2.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",

examples/theming/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@primer/octicons-react": "^19.14.0",
-    "@primer/react": "38.0.0-rc.3",
+    "@primer/react": "38.0.0-rc.4",
     "clsx": "^2.1.1",
     "next": "^15.2.3",
     "react": "18.3.1",