Merge branch 'next-major' into actionlist-br-hover

.changeset/cool-hornets-call.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': minor
+---
+
+Implement accessibility audit feedback for ToggleSwitch
+
+<!-- Changed components: ToggleSwitch -->

.changeset/early-timers-speak.md

@@ -0,0 +1,43 @@
+---
+'@primer/react': major
+---
+
+Remove components from draft bundle
+
+* Move UnderlineNav2 (draft) to the main bundle
+
+```diff 
+- import {UnderlineNav} from '@primer/react/drafts'
++ import {UnderlineNav} from '@primer/react'
+```
+
+....
+* Remove TreeView from drafts
+
+```diff
+- import {TreeView} from '@primer/react/drafts'
++ import {TreeView} from '@primer/react'
+```
+
+* Remove SegmentedControl from drafts
+
+```diff
+- import {SegmentedControl} from '@primer/react/drafts'
++ import {SegmentedControl} from '@primer/react'
+```
+
+* Remove NavList from drafts
+
+```diff
+- import {NavList} from '@primer/react/drafts'
++ import {NavList} from '@primer/react'
+```
+
+* Remove SplitPageLayout from drafts
+
+```diff
+- import {SplitPageLayout} from '@primer/react/drafts'
++ import {SplitPageLayout} from '@primer/react'
+```
+
+<!-- Changed components: UnderlineNav, TreeView, SegmentedControl, NavList, SplitPageLayout -->

.changeset/empty-guests-live.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+passthrough dom props on toggleswitch
+
+<!-- Changed components: ToggleSwitch -->

.changeset/green-rules-tickle.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': minor
+---
+
+The showPages prop on both Pagination components can now accept a responsive value.
+
+<!-- Changed components: DataTable, Pagination -->

.changeset/hot-planes-check.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Css styled block fixes
+
+<!-- Changed components: DataTable, Timeline -->

.changeset/hungry-spies-remember.md

@@ -0,0 +1,20 @@
+---
+"@primer/react": patch
+---
+
+Deprecates `position` prop for PageLayout.Pane and SplitPageLayout.Pane.
+
+```diff
+-<PageLayout>
+-    <PageLayout.Content />
+-    <PageLayout.Pane position="start" />
+-</PageLayout>
+
++<PageLayout>
++    <PageLayout.Pane />
++    <PageLayout.Content />
++</PageLayout>
+
+```
+
+<!-- Changed components: PageLayout, SplitPageLayout -->

.changeset/new-students-warn.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+UnderlineNav2: underline nav items' selected state can be managed by the app state
+
+<!-- Changed components: UnderlineNav -->

.changeset/new-timers-mix.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Changed div tag to HTML semantic tag header for Header (file Header.tsx) component.
+
+<!-- Changed components: _none_ -->

.changeset/plenty-bats-shop.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+ActionList: Fixes the width of items for the full variant
+
+<!-- Changed components: ActionList -->

.changeset/plenty-mangos-sniff.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Adding aria-attributes and role to the ProgressBar component
+
+<!-- Changed components: ProgressBar -->

.changeset/rotten-meals-obey.md

@@ -0,0 +1,7 @@
+---
+"@primer/react": patch
+---
+
+Adds 'display' text size to PRC theme. This size is described in our [typography documentation](https://primer.style/design/foundations/typography#headings), but was never added to our React theme.
+
+<!-- Changed components: _none_ -->

.changeset/silent-books-remain.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Make checkmark visible on reduced-motion
+
+<!-- Changed components: Checkbox -->

.changeset/strong-zoos-explain.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+[Bug] Leading & Trailing Visual Colors for Button

.changeset/tame-foxes-tan.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Fix `MarkdownEditor` file uploads inserting the URL into the wrong input when an overlay is open

.changeset/tidy-melons-type.md

@@ -0,0 +1,7 @@
+---
+"@primer/react": patch
+---
+
+Prevents body scroll when Dialog (the newer Dialog) is open
+
+<!-- Changed components: Dialog -->

.github/workflows/ci.yml

@@ -123,7 +123,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        shard: [1, 2]
+        shard: [1, 2, 3, 4]
     steps:
       - uses: actions/checkout@v3
       - name: Use Node.js 18.x
@@ -135,8 +135,6 @@ jobs:
         run: npm ci
       - name: Build storybook
         run: npx storybook build
-      - name: Install browsers
-        run: npx playwright install --with-deps
       - name: Run storybook
         id: storybook
         run: |
@@ -145,7 +143,11 @@ jobs:
           echo "pid=$pid" >> $GITHUB_OUTPUT
           sleep 5
       - name: Run VRT
-        run: npx playwright test --grep @vrt --shard="${{ matrix.shard }}/${{ strategy.job-total }}"
+        uses: docker://mcr.microsoft.com/playwright:v1.36.0-jammy
+        env:
+          STORYBOOK_URL: 'http://172.17.0.1:6006'
+        with:
+          args: npx playwright test --grep @vrt --shard="${{ matrix.shard }}/${{ strategy.job-total }}"
       - name: Stop storybook
         run: kill ${{ steps.storybook.outputs.pid }}
       - name: Upload report

.github/workflows/vrt.yml

@@ -43,8 +43,6 @@ jobs:
         run: npm ci
       - name: Build storybook
         run: npx storybook build
-      - name: Install browsers
-        run: npx playwright install --with-deps
       - name: Run storybook
         id: storybook
         run: |
@@ -53,7 +51,11 @@ jobs:
           echo "pid=$pid" >> $GITHUB_OUTPUT
           sleep 5
       - name: Run VRT
-        run: npx playwright test --grep @vrt --update-snapshots --shard="${{ matrix.shard }}/${{ strategy.job-total }}"
+        uses: docker://mcr.microsoft.com/playwright:v1.36.0-jammy
+        env:
+          STORYBOOK_URL: 'http://172.17.0.1:6006'
+        with:
+          args: npx playwright test --grep @vrt --update-snapshots --shard="${{ matrix.shard }}/${{ strategy.job-total }}"
       - name: Stop storybook
         if: ${{ always() }}
         run: kill ${{ steps.storybook.outputs.pid }}