Fix links to new docsite (#4159)

* Fix links to new docsite * Revert unintentionally committed change
primer · Jan 18, 2024 · 099e915 · 099e915
1 parent b333286
commit 099e915
Show file tree

Hide file tree

Showing 60 changed files with 60 additions and 60 deletions.
diff --git a/docs/content/ActionList.mdx b/docs/content/ActionList.mdx
@@ -14,7 +14,7 @@ import {LinkIcon, AlertIcon, ArrowRightIcon} from '@primer/octicons-react'
 import InlineCode from '@primer/gatsby-theme-doctocat/src/components/inline-code'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/action-list/react'} />
+<DeprecationBanner replacementUrl={'/components/action-list/react/latest'} />
 
 <Box sx={{border: '1px solid', borderColor: 'border.default', borderRadius: 2, padding: 6, marginBottom: 3}}>
   <ActionList sx={{width: 320}}>

diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx
@@ -13,7 +13,7 @@ import data from '../../src/ActionMenu/ActionMenu.docs.json'
 import {Box, Avatar, ActionList, ActionMenu} from '@primer/react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/action-menu/react'} />
+<DeprecationBanner replacementUrl={'/components/action-menu/react/latest'} />
 
 <br />
 

diff --git a/docs/content/AnchoredOverlay.mdx b/docs/content/AnchoredOverlay.mdx
@@ -10,7 +10,7 @@ import data from '../../src/AnchoredOverlay/AnchoredOverlay.docs.json'
 
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/anchored-overlay/react'} />
+<DeprecationBanner replacementUrl={'/components/anchored-overlay/react/latest'} />
 
 An `AnchoredOverlay` provides an anchor that will open a floating overlay positioned relative to the anchor.
 The overlay can be opened and navigated using keyboard or mouse.

diff --git a/docs/content/Autocomplete.mdx b/docs/content/Autocomplete.mdx
@@ -11,7 +11,7 @@ import data from '../../src/Autocomplete/Autocomplete.docs.json'
 import {Autocomplete} from '@primer/react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/autocomplete/react'} />
+<DeprecationBanner replacementUrl={'/components/autocomplete/react/latest'} />
 
 The `Autocomplete` component is comprised of an `Autocomplete.Input` component that a user types into, and a `Autocomplete.Menu` component that displays the list of selectable values.
 

diff --git a/docs/content/Avatar.mdx b/docs/content/Avatar.mdx
@@ -9,7 +9,7 @@ import data from '../../src/Avatar/Avatar.docs.json'
 import {Avatar, Box} from '@primer/react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/avatar/react'} />
+<DeprecationBanner replacementUrl={'/components/avatar/react/latest'} />
 
 ```js
 import {Avatar} from '@primer/react'

diff --git a/docs/content/AvatarPair.mdx b/docs/content/AvatarPair.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/AvatarPair
 import data from '../../src/AvatarPair/AvatarPair.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/avatar-pair/react'} />
+<DeprecationBanner replacementUrl={'/components/avatar-pair/react/latest'} />
 
 ```js
 import {AvatarPair} from '@primer/react'

diff --git a/docs/content/AvatarStack.mdx b/docs/content/AvatarStack.mdx
@@ -11,7 +11,7 @@ import data from '../../src/AvatarStack/AvatarStack.docs.json'
 import {AvatarStack} from '@primer/react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/avatar-stack/react'} />
+<DeprecationBanner replacementUrl={'/components/avatar-stack/react/latest'} />
 
 ```js
 import {AvatarStack} from '@primer/react'

diff --git a/docs/content/Box.mdx b/docs/content/Box.mdx
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/blob/main/src/Box.tsx
 import data from '../../src/Box/Box.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/box/react'} />
+<DeprecationBanner replacementUrl={'/components/box/react/latest'} />
 
 ```js
 import {Box} from '@primer/react'

diff --git a/docs/content/BranchName.mdx b/docs/content/BranchName.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/BranchName/BranchName.tsx
 import data from '../../src/BranchName/BranchName.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/branch-name/react'} />
+<DeprecationBanner replacementUrl={'/components/branch-name/react/latest'} />
 
 ```js
 import {BranchName} from '@primer/react'

diff --git a/docs/content/Breadcrumbs.mdx b/docs/content/Breadcrumbs.mdx
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/blob/main/src/Breadcrumbs/Breadcrumbs.ts
 import data from '../../src/Breadcrumbs/Breadcrumbs.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/breadcrumbs/react'} />
+<DeprecationBanner replacementUrl={'/components/breadcrumbs/react/latest'} />
 
 ```js
 import {Breadcrumbs} from '@primer/react'

diff --git a/docs/content/Button.mdx b/docs/content/Button.mdx
@@ -10,7 +10,7 @@ description: Use button for the main actions on a page or form.
 import data from '../../src/Button/Button.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/button/react'} />
+<DeprecationBanner replacementUrl={'/components/button/react/latest'} />
 
 ```js
 import {Button} from '@primer/react'

diff --git a/docs/content/ButtonGroup.mdx b/docs/content/ButtonGroup.mdx
@@ -9,7 +9,7 @@ storybook: '/react/storybook?path=/story/components-buttongroup--default'
 import data from '../../src/ButtonGroup/ButtonGroup.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/button-group/react'} />
+<DeprecationBanner replacementUrl={'/components/button-group/react/latest'} />
 
 ```js
 import {ButtonGroup} from '@primer/react'

diff --git a/docs/content/Checkbox.mdx b/docs/content/Checkbox.mdx
@@ -10,7 +10,7 @@ componentId: checkbox
 import data from '../../src/Checkbox/Checkbox.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/checkbox/react'} />
+<DeprecationBanner replacementUrl={'/components/checkbox/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/CheckboxGroup.mdx b/docs/content/CheckboxGroup.mdx
@@ -13,7 +13,7 @@ import {CheckboxGroup, Checkbox, Box} from '@primer/components'
 import {CheckIcon, XIcon, AlertIcon} from '@primer/octicons-react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/checkbox-group/react'} />
+<DeprecationBanner replacementUrl={'/components/checkbox-group/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/CircleBadge.mdx b/docs/content/CircleBadge.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/CircleBadge
 import data from '../../src/CircleBadge/CircleBadge.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/circle-badge/react'} />
+<DeprecationBanner replacementUrl={'/components/circle-badge/react/latest'} />
 
 ```js
 import {CircleBadge} from '@primer/react'

diff --git a/docs/content/CounterLabel.mdx b/docs/content/CounterLabel.mdx
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/blob/main/src/CounterLabel/CounterLabel.
 import data from '../../src/CounterLabel/CounterLabel.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/counter-label/react'} />
+<DeprecationBanner replacementUrl={'/components/counter-label/react/latest'} />
 
 ## Example
 

diff --git a/docs/content/Details.mdx b/docs/content/Details.mdx
@@ -9,7 +9,7 @@ storybook: '/react/storybook/?path=/story/components-details--default'
 import data from '../../src/Details/Details.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/details/react'} />
+<DeprecationBanner replacementUrl={'/components/details/react/latest'} />
 
 `Details` is a styled `details` element for use with the `useDetails` hook. The `useDetails` hook returns the `open` state, a `setOpen` function to manually change the open state, and **`getDetailsProps` which must be spread onto your `Details` element in order for `Details` to get receive the proper behaviors provided by the hook**. See [Kent Dodd's article on this pattern](https://kentcdodds.com/blog/how-to-give-rendering-control-to-users-with-prop-getters).
 

diff --git a/docs/content/Dialog.mdx b/docs/content/Dialog.mdx
@@ -7,7 +7,7 @@ source: https://github.com/primer/react/blob/main/src/Dialog
 import data from '../../src/Dialog.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/dialog/react'} />
+<DeprecationBanner replacementUrl={'/components/dialog/react/latest'} />
 
 The dialog component is used for all modals. It renders on top of the rest of the app with an overlay.
 

diff --git a/docs/content/Flash.mdx b/docs/content/Flash.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/Flash
 import data from '../../src/Flash/Flash.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/flash/react'} />
+<DeprecationBanner replacementUrl={'/components/flash/react/latest'} />
 
 ```js
 import {Flash} from '@primer/react'

diff --git a/docs/content/FormControl.mdx b/docs/content/FormControl.mdx
@@ -24,7 +24,7 @@ import {
   Text,
 } from '@primer/react'
 
-<DeprecationBanner replacementUrl={'/design/components/form-control/react'} />
+<DeprecationBanner replacementUrl={'/components/form-control/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/Header.mdx b/docs/content/Header.mdx
@@ -9,7 +9,7 @@ componentId: header
 import data from '../../src/Header/Header.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/header/react'} />
+<DeprecationBanner replacementUrl={'/components/header/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/Heading.mdx b/docs/content/Heading.mdx
@@ -10,7 +10,7 @@ componentId: heading
 import data from '../../src/Heading/Heading.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/heading/react'} />
+<DeprecationBanner replacementUrl={'/components/heading/react/latest'} />
 
 The Heading component will render an html `h2` tag without any default styling. Other heading level elements `h1-h6` are available through use of the `as` prop (see [System Props](/system-props) for additional explanation). Please reference the [w3 recommendations for headings](https://www.w3.org/WAI/tutorials/page-structure/headings/) to ensure your headings provide an accessible experience for screen reader users.
 

diff --git a/docs/content/IconButton.mdx b/docs/content/IconButton.mdx
@@ -10,7 +10,7 @@ description: An accessible button component with no text and only icon.
 import data from '../../src/Button/IconButton.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/icon-button/react'} />
+<DeprecationBanner replacementUrl={'/components/icon-button/react/latest'} />
 
 ## Usage
 

diff --git a/docs/content/Label.mdx b/docs/content/Label.mdx
@@ -10,7 +10,7 @@ description: Use Label components to add contextual metadata to a design.
 import data from '../../src/Label/Label.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/label/react'} />
+<DeprecationBanner replacementUrl={'/components/label/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/LabelGroup.mdx b/docs/content/LabelGroup.mdx
@@ -9,7 +9,7 @@ componentId: label_group
 import data from '../../src/LabelGroup/LabelGroup.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/label-group/react'} />
+<DeprecationBanner replacementUrl={'/components/label-group/react/latest'} />
 
 ## Example
 

diff --git a/docs/content/Link.mdx b/docs/content/Link.mdx
@@ -9,7 +9,7 @@ storybook: '/react/storybook/?path=/story/components-link--default'
 import data from '../../src/Link/Link.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/link/react'} />
+<DeprecationBanner replacementUrl={'/components/link/react/latest'} />
 
 The Link component styles anchor tags with default hyperlink color cues and hover text decoration. `Link` is used for destinations, or moving from one page to another.
 

diff --git a/docs/content/NavList.mdx b/docs/content/NavList.mdx
@@ -10,7 +10,7 @@ storybook: '/react/storybook/?path=/story/components-navlist--simple'
 import data from '../../src/NavList/NavList.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/nav-list/react'} />
+<DeprecationBanner replacementUrl={'/components/nav-list/react/latest'} />
 
 ```js
 import {NavList} from '@primer/react'

diff --git a/docs/content/Overlay.mdx b/docs/content/Overlay.mdx
@@ -10,7 +10,7 @@ storybook: '/react/storybook?path=/story/private-components-overlay--dropdown-ov
 import data from '../../src/Overlay/Overlay.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/overlay/react'} />
+<DeprecationBanner replacementUrl={'/components/overlay/react/latest'} />
 
 ```js
 import {Overlay} from '@primer/react'

diff --git a/docs/content/PageLayout.mdx b/docs/content/PageLayout.mdx
@@ -11,7 +11,7 @@ a11yReviewed: true
 import data from '../../src/PageLayout/PageLayout.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/page-layout/react'} />
+<DeprecationBanner replacementUrl={'/components/page-layout/react/latest'} />
 
 ```js
 import {PageLayout} from '@primer/react'

diff --git a/docs/content/Pagehead.md b/docs/content/Pagehead.md
@@ -9,7 +9,7 @@ status: Alpha
 import data from '../../src/Pagehead/Pagehead.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/pagehead/react'} />
+<DeprecationBanner replacementUrl={'/components/pagehead/react/latest'} />
 
 ```js
 import {Pagehead} from '@primer/react'

diff --git a/docs/content/Pagination.md b/docs/content/Pagination.md
@@ -12,7 +12,7 @@ import data from '../../src/Pagination/Pagination.docs.json'
 import State from '../components/State'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/pagination/react'} />
+<DeprecationBanner replacementUrl={'/components/pagination/react/latest'} />
 
 ```js
 import {Pagination} from '@primer/react'

diff --git a/docs/content/PointerBox.mdx b/docs/content/PointerBox.mdx
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/blob/main/src/PointerBox
 import data from '../../src/PointerBox/PointerBox.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/pointer-box/react'} />
+<DeprecationBanner replacementUrl={'/components/pointer-box/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/Popover.md b/docs/content/Popover.md
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/blob/main/src/Popover
 import data from '../../src/Popover/Popover.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/popover/react'} />
+<DeprecationBanner replacementUrl={'/components/popover/react/latest'} />
 
 ```js
 import {Popover} from '@primer/react'

diff --git a/docs/content/ProgressBar.mdx b/docs/content/ProgressBar.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/ProgressBar
 import data from '../../src/ProgressBar/ProgressBar.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/progress-bar/react'} />
+<DeprecationBanner replacementUrl={'/components/progress-bar/react/latest'} />
 
 ```js
 import {ProgressBar} from '@primer/react'

diff --git a/docs/content/Radio.mdx b/docs/content/Radio.mdx
@@ -10,7 +10,7 @@ storybook: '/react/storybook?path=/story/components-forms-radiogroup'
 import data from '../../src/Radio/Radio.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/radio/react'} />
+<DeprecationBanner replacementUrl={'/components/radio/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/RadioGroup.mdx b/docs/content/RadioGroup.mdx
@@ -13,7 +13,7 @@ import {RadioGroup, Radio, Box} from '@primer/components'
 import {CheckIcon, XIcon, AlertIcon} from '@primer/octicons-react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/radio-group/react'} />
+<DeprecationBanner replacementUrl={'/components/radio-group/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/RelativeTime.mdx b/docs/content/RelativeTime.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/RelativeTime
 import data from '../../src/RelativeTime/RelativeTime.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/relative-time/react'} />
+<DeprecationBanner replacementUrl={'/components/relative-time/react/latest'} />
 
 ```js
 import {RelativeTime} from '@primer/react'

diff --git a/docs/content/SegmentedControl.mdx b/docs/content/SegmentedControl.mdx
@@ -10,7 +10,7 @@ storybook: '/react/storybook/?path=/story/components-segmentedcontrol'
 import data from '../../src/SegmentedControl/SegmentedControl.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/segmented-control/react'} />
+<DeprecationBanner replacementUrl={'/components/segmented-control/react/latest'} />
 
 <Note variant="warning">
 

diff --git a/docs/content/Select.mdx b/docs/content/Select.mdx
@@ -13,7 +13,7 @@ import data from '../../src/Select/Select.docs.json'
 import {Select, Text} from '@primer/react'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/select/react'} />
+<DeprecationBanner replacementUrl={'/components/select/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/SelectPanel.mdx b/docs/content/SelectPanel.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/SelectPanel
 import data from '../../src/SelectPanel/SelectPanel.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/selectpanel/react'} />
+<DeprecationBanner replacementUrl={'/components/selectpanel/react/latest'} />
 
 A `SelectPanel` provides an anchor that will open an overlay with a list of selectable items, and a text input to filter the selectable items
 

diff --git a/docs/content/Spinner.mdx b/docs/content/Spinner.mdx
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/blob/main/src/Spinner/Spinner.tsx
 import data from '../../src/Spinner/Spinner.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/spinner/react'} />
+<DeprecationBanner replacementUrl={'/components/spinner/react/latest'} />
 
 ```jsx live
 <Spinner />

diff --git a/docs/content/SplitPageLayout.mdx b/docs/content/SplitPageLayout.mdx
@@ -11,7 +11,7 @@ a11yReviewed: true
 import data from '../../src/SplitPageLayout/SplitPageLayout.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/split-page-layout/react'} />
+<DeprecationBanner replacementUrl={'/components/split-page-layout/react/latest'} />
 
 ```js
 import {SplitPageLayout} from '@primer/react'

diff --git a/docs/content/StateLabel.mdx b/docs/content/StateLabel.mdx
@@ -9,7 +9,7 @@ source: https://github.com/primer/react/tree/main/src/StateLabel
 import data from '../../src/StateLabel/StateLabel.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/state-label/react'} />
+<DeprecationBanner replacementUrl={'/components/state-label/react/latest'} />
 
 ## Examples
 

diff --git a/docs/content/SubNav.mdx b/docs/content/SubNav.mdx
@@ -8,7 +8,7 @@ source: https://github.com/primer/react/blob/main/src/SubNav
 import data from '../../src/SubNav/SubNav.docs.json'
 import DeprecationBanner from '../components/DeprecationBanner'
 
-<DeprecationBanner replacementUrl={'/design/components/subnav/react'} />
+<DeprecationBanner replacementUrl={'/components/subnav/react/latest'} />
 
 **Attention:** Make sure to properly label your `SubNav` with an `aria-label` to provide context about the type of navigation contained in `SubNav`.