Promote PageHeader to Beta 🎉

.changeset/nice-forks-joke.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+PageHeader: Promote the component to Beta status and now it is available to import from "@primer/react"

packages/react/src/PageHeader/PageHeader.dev.stories.tsx

@@ -7,7 +7,7 @@ import {GitBranchIcon, PencilIcon, SidebarExpandIcon} from '@primer/octicons-rea
 import {PageHeader} from './PageHeader'
 
 const meta: Meta<typeof PageHeader> = {
-  title: 'Drafts/Components/PageHeader/DevOnly',
+  title: 'Components/PageHeader/DevOnly',
   parameters: {
     layout: 'fullscreen',
     controls: {expanded: true},

packages/react/src/PageHeader/PageHeader.docs.json

@@ -1,10 +1,10 @@
 {
   "id": "drafts_page_header",
   "name": "PageHeader",
-  "status": "draft",
+  "status": "alpha",
   "a11yReviewed": true,
   "stories": [],
-  "importPath": "@primer/react/experimental",
+  "importPath": "@primer/react",
   "props": [
     {
       "name": "aria-label",

packages/react/src/PageHeader/PageHeader.examples.stories.tsx

@@ -37,7 +37,7 @@ import {ActionMenu} from '../ActionMenu'
 import {ActionList} from '../ActionList'
 
 const meta: Meta = {
-  title: 'Drafts/Components/PageHeader/Examples',
+  title: 'Components/PageHeader/Examples',
   parameters: {
     layout: 'fullscreen',
     controls: {expanded: true},

packages/react/src/PageHeader/PageHeader.features.stories.tsx

@@ -21,7 +21,7 @@ import {PageHeader} from './PageHeader'
 import {Hidden} from '../Hidden'
 
 const meta: Meta = {
-  title: 'Drafts/Components/PageHeader/Features',
+  title: 'Components/PageHeader/Features',
   parameters: {
     layout: 'fullscreen',
     controls: {expanded: true},

packages/react/src/PageHeader/PageHeader.stories.tsx

@@ -23,7 +23,7 @@ import {PageHeader} from './PageHeader'
 import Hidden from '../Hidden'
 
 const meta: Meta<typeof PageHeader> = {
-  title: 'Drafts/Components/PageHeader',
+  title: 'Components/PageHeader',
   parameters: {
     layout: 'fullscreen',
     controls: {expanded: true},

packages/react/src/PageHeader/PageHeader.tsx

@@ -1,5 +1,5 @@
 import React, {useEffect} from 'react'
-import {Box} from '..'
+import Box from '../Box'
 import type {ResponsiveValue} from '../hooks/useResponsiveValue'
 import {useResponsiveValue} from '../hooks/useResponsiveValue'
 import type {SxProp, BetterSystemStyleObject, CSSCustomProperties} from '../sx'

packages/react/src/__tests__/__snapshots__/exports.test.ts.snap

@@ -101,6 +101,8 @@ exports[`@primer/react should not update exports without a semver change 1`] = `
   "Overlay",
   "type OverlayProps",
   "Pagehead",
+  "PageHeader",
+  "type PageHeaderProps",
   "type PageheadProps",
   "PageLayout",
   "type PageLayoutContentProps",

packages/react/src/index.ts

@@ -196,6 +196,9 @@ export type {UnderlineNavProps, UnderlineNavItemProps} from './UnderlineNav'
 export {ActionBar} from './ActionBar'
 export type {ActionBarProps} from './ActionBar'
 
+export {PageHeader} from './PageHeader'
+export type {PageHeaderProps} from './PageHeader'
+
 // eslint-disable-next-line no-restricted-imports
 export {SSRProvider, useSSRSafeId} from './utils/ssr'
 export {default as sx, merge} from './sx'

script/generate-e2e-tests.js

@@ -835,83 +835,83 @@ const components = new Map([
     {
       stories: [
         {
-          id: 'drafts-components-pageheader-examples--files-page',
+          id: 'components-pageheader-examples--files-page',
           name: 'Files Page',
         },
         {
-          id: 'drafts-components-pageheader-examples--files-page-on-narrow-viewport',
+          id: 'components-pageheader-examples--files-page-on-narrow-viewport',
           name: 'Files Page on Narrow Viewport',
         },
         {
-          id: 'drafts-components-pageheader-examples--pull-request-page',
+          id: 'components-pageheader-examples--pull-request-page',
           name: 'Pull Request Page',
         },
         {
-          id: 'drafts-components-pageheader-examples--pull-request-page-on-narrow-viewport',
+          id: 'components-pageheader-examples--pull-request-page-on-narrow-viewport',
           name: 'Pull Request Page on Narrow Viewport',
         },
         {
-          id: 'drafts-components-pageheader-examples--webhooks',
+          id: 'components-pageheader-examples--webhooks',
           name: 'Webhooks',
         },
         {
-          id: 'drafts-components-pageheader-examples--webhooks-on-narrow-viewport',
+          id: 'components-pageheader-examples--webhooks-on-narrow-viewport',
           name: 'Webhooks on Narrow Viewport',
         },
         {
-          id: 'drafts-components-pageheader-examples--with-page-layout',
+          id: 'components-pageheader-examples--with-page-layout',
           name: 'With Page Layout',
         },
         {
-          id: 'drafts-components-pageheader-features--has-large-title',
+          id: 'components-pageheader-features--has-large-title',
           name: 'Has Large Title',
         },
         {
-          id: 'drafts-components-pageheader-features--has-title-only',
+          id: 'components-pageheader-features--has-title-only',
           name: 'Has Title Only',
         },
         {
-          id: 'drafts-components-pageheader-features--with-actions',
+          id: 'components-pageheader-features--with-actions',
           name: 'With Actions',
         },
         {
-          id: 'drafts-components-pageheader-features--with-actions-that-have-responsive-content',
+          id: 'components-pageheader-features--with-actions-that-have-responsive-content',
           name: 'With Actions that have Responsive Content',
         },
         {
-          id: 'drafts-components-pageheader-features--with-context-bar-and-actions-of-context-area',
+          id: 'components-pageheader-features--with-context-bar-and-actions-of-context-area',
           name: 'With Context Bar and Actions of Context Area',
         },
         {
-          id: 'drafts-components-pageheader-features--with-custom-navigation',
+          id: 'components-pageheader-features--with-custom-navigation',
           name: 'With Custom Navigation',
         },
         {
-          id: 'drafts-components-pageheader-features--with-description-slot',
+          id: 'components-pageheader-features--with-description-slot',
           name: 'With Description Slot',
         },
         {
-          id: 'drafts-components-pageheader-features--with-leading-and-trailing-actions',
+          id: 'components-pageheader-features--with-leading-and-trailing-actions',
           name: 'With Leading and Trailing Actions',
         },
         {
-          id: 'drafts-components-pageheader-features--with-leading-and-trailing-visuals',
+          id: 'components-pageheader-features--with-leading-and-trailing-visuals',
           name: 'With Leading and Trailing Visuals',
         },
         {
-          id: 'drafts-components-pageheader-features--with-leading-visual-hidden-on-regular-viewport',
+          id: 'components-pageheader-features--with-leading-visual-hidden-on-regular-viewport',
           name: 'With Leading Visual Hidden on Regular Viewport',
         },
         {
-          id: 'drafts-components-pageheader-features--with-navigation-slot',
+          id: 'components-pageheader-features--with-navigation-slot',
           name: 'With Navigation Slot',
         },
         {
-          id: 'drafts-components-pageheader-features--with-parent-link-and-actions-of-context-area',
+          id: 'components-pageheader-features--with-parent-link-and-actions-of-context-area',
           name: 'With Parent Link and Actions of Context Area',
         },
         {
-          id: 'drafts-components-pageheader-devonly--large-variant-with-multiline-title',
+          id: 'components-pageheader-devonly--large-variant-with-multiline-title',
           name: 'Large Variant with Multiline Title',
         },
       ],