From f0acfb68165f58fa84207b8984943126c51fc0bc Mon Sep 17 00:00:00 2001 From: Armagan Ersoz Date: Tue, 1 Nov 2022 20:59:43 +1000 Subject: [PATCH 1/5] update storybook links due to format change --- docs/content/ActionList.mdx | 2 +- docs/content/ActionMenu.mdx | 2 +- docs/content/AnchoredOverlay.mdx | 2 +- docs/content/Autocomplete.mdx | 2 +- docs/content/Button.mdx | 2 +- docs/content/Checkbox.mdx | 2 +- docs/content/CheckboxGroup.mdx | 2 +- docs/content/FormControl.mdx | 2 +- docs/content/IconButton.mdx | 2 +- docs/content/Label.mdx | 2 +- docs/content/NavList.mdx | 9 ++--- docs/content/Overlay.mdx | 2 +- docs/content/PageLayout.mdx | 4 +-- docs/content/Radio.mdx | 2 +- docs/content/RadioGroup.mdx | 2 +- docs/content/SegmentedControl.mdx | 2 ++ docs/content/Select.mdx | 2 +- docs/content/SplitPageLayout.mdx | 2 +- docs/content/TextInput.mdx | 2 +- docs/content/TextInputWithTokens.mdx | 2 +- docs/content/Textarea.mdx | 2 +- docs/content/ToggleSwitch.mdx | 2 +- docs/content/Token.mdx | 2 +- docs/content/deprecated/Buttons.mdx | 2 +- docs/content/deprecated/ChoiceFieldset.mdx | 2 +- docs/content/deprecated/ChoiceInputField.mdx | 2 +- docs/content/deprecated/InputField.mdx | 2 +- docs/content/drafts/InlineAutocomplete.mdx | 2 +- docs/content/drafts/MarkdownEditor.mdx | 35 ++++++-------------- docs/content/drafts/UnderlineNav2.mdx | 2 +- src/stories/ActionList/fixtures.stories.tsx | 9 ++--- 31 files changed, 46 insertions(+), 65 deletions(-) diff --git a/docs/content/ActionList.mdx b/docs/content/ActionList.mdx index 227be633698..1bf76758f5e 100644 --- a/docs/content/ActionList.mdx +++ b/docs/content/ActionList.mdx @@ -3,7 +3,7 @@ componentId: action_list title: ActionList status: Beta source: https://github.com/primer/react/tree/main/src/ActionList -storybook: '/react/storybook?path=/story/composite-components-actionlist' +storybook: 'https://primer.style/react/storybook?path=/story/components-actionlist' description: An ActionList is a list of items that can be activated or selected. ActionList is the base component for many menu-type components, including ActionMenu and SelectPanel. --- diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx index ac7a1630447..288f822e10f 100644 --- a/docs/content/ActionMenu.mdx +++ b/docs/content/ActionMenu.mdx @@ -4,7 +4,7 @@ title: ActionMenu status: Beta a11yReviewed: true source: https://github.com/primer/react/tree/main/src/ActionMenu.tsx -storybook: '/react/storybook?path=/story/composite-components-actionmenu' +storybook: 'https://primer.style/react/storybook?path=/story/components-actionmenu' description: An ActionMenu is an ActionList-based component for creating a menu of actions that expands through a trigger button. --- diff --git a/docs/content/AnchoredOverlay.mdx b/docs/content/AnchoredOverlay.mdx index d6e890619ed..c62cab8e7d7 100644 --- a/docs/content/AnchoredOverlay.mdx +++ b/docs/content/AnchoredOverlay.mdx @@ -3,7 +3,7 @@ componentId: anchored_overlay title: AnchoredOverlay status: Alpha source: https://github.com/primer/react/blob/main/src/AnchoredOverlay/AnchoredOverlay.tsx -storybook: https://primer.style/react/storybook?path=/story/generic-behaviors-anchoredoverlay--default-portal +storybook: https://primer.style/react/storybook?path=/story/behaviors-anchoredoverlay--default-portal --- An `AnchoredOverlay` provides an anchor that will open a floating overlay positioned relative to the anchor. diff --git a/docs/content/Autocomplete.mdx b/docs/content/Autocomplete.mdx index 17215ae9953..9b21a875871 100644 --- a/docs/content/Autocomplete.mdx +++ b/docs/content/Autocomplete.mdx @@ -4,7 +4,7 @@ title: Autocomplete status: Alpha description: Used to render a text input that allows a user to quickly filter through a list of options to pick one or more values. source: https://github.com/primer/react/tree/main/src/Autocomplete -storybook: '/react/storybook?path=/story/forms-form-controls-autocomplete' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-autocomplete' --- import {Autocomplete} from '@primer/react' diff --git a/docs/content/Button.mdx b/docs/content/Button.mdx index cae431cb378..eb1cfcc8e6a 100644 --- a/docs/content/Button.mdx +++ b/docs/content/Button.mdx @@ -3,7 +3,7 @@ componentId: button title: Button status: Alpha source: https://github.com/primer/react/tree/main/src/Button -storybook: '/react/storybook?path=/story/composite-components-button' +storybook: 'https://primer.style/react/storybook?path=/story/components-button' description: Use button for the main actions on a page or form. --- diff --git a/docs/content/Checkbox.mdx b/docs/content/Checkbox.mdx index 5d799d5373b..c3f982dacef 100644 --- a/docs/content/Checkbox.mdx +++ b/docs/content/Checkbox.mdx @@ -3,7 +3,7 @@ title: Checkbox description: Use checkboxes to toggle between checked and unchecked states in a list or as a standalone form field status: Alpha source: https://github.com/primer/react/blob/main/src/Checkbox.tsx -storybook: '/react/storybook?path=/story/forms-form-controls-checkbox' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-checkbox' componentId: checkbox --- diff --git a/docs/content/CheckboxGroup.mdx b/docs/content/CheckboxGroup.mdx index a78ea15a1bb..8db84411a0f 100644 --- a/docs/content/CheckboxGroup.mdx +++ b/docs/content/CheckboxGroup.mdx @@ -4,7 +4,7 @@ componentId: checkbox_group description: Renders a set of checkboxes to let users make one or more selections from a short list of options status: Alpha source: https://github.com/primer/react/blob/main/src/CheckboxGroup/CheckboxGroup.tsx -storybook: '/react/storybook/?path=/story/forms-checkboxgroup-examples' +storybook: 'https://primer.style/react/storybook/?path=/story/components-forms-checkboxgroup-examples' --- import {CheckboxGroup, Checkbox, Box} from '@primer/components' diff --git a/docs/content/FormControl.mdx b/docs/content/FormControl.mdx index ad6c69da4a2..9f0c342595e 100644 --- a/docs/content/FormControl.mdx +++ b/docs/content/FormControl.mdx @@ -4,7 +4,7 @@ title: FormControl status: Alpha description: Renders a labelled input and, optionally, associated validation text and/or hint text. source: https://github.com/primer/react/blob/main/src/FormControl/FormControl.tsx -storybook: '/react/storybook?path=/story/forms-form-controls-text-input--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-autocomplete' --- import { diff --git a/docs/content/IconButton.mdx b/docs/content/IconButton.mdx index b4dc32f0202..4d2032d4a29 100644 --- a/docs/content/IconButton.mdx +++ b/docs/content/IconButton.mdx @@ -3,7 +3,7 @@ title: IconButton componentId: icon_button status: Alpha source: https://github.com/primer/react/tree/main/src/Button -storybook: '/react/storybook?path=/story/composite-components-button--icon-button' +storybook: 'https://primer.style/react/storybook?path=/story/components-button--icon-button' description: An accessible button component with no text and only icon. --- diff --git a/docs/content/Label.mdx b/docs/content/Label.mdx index e02be0f6f27..f1b78ee8545 100644 --- a/docs/content/Label.mdx +++ b/docs/content/Label.mdx @@ -3,7 +3,7 @@ title: Label componentId: label status: Alpha source: https://github.com/primer/react/tree/main/src/Label -storybook: '/react/storybook?path=/story/labels-label--label' +storybook: 'https://primer.style/react/storybook?path=/story/components-label--label' description: Use Label components to add contextual metadata to a design. --- diff --git a/docs/content/NavList.mdx b/docs/content/NavList.mdx index 4cc7d78dc2b..9bee4692ee1 100644 --- a/docs/content/NavList.mdx +++ b/docs/content/NavList.mdx @@ -4,7 +4,7 @@ status: Alpha componentId: nav_list description: Use a nav list to render a vertical list of navigation links. source: https://github.com/primer/react/tree/main/src/NavList -storybook: '/react/storybook/?path=/story/composite-components-navlist--simple' +storybook: 'https://primer.style/react/storybook/?path=/story/components-navlist--simple' --- ```js @@ -210,10 +210,7 @@ import {NavList} from '@primer/react' function NavItem({href, children}) { const router = useRouter() - const isCurrent = - typeof href === 'string' - ? router.asPath === href - : router.pathname === href.pathname; + const isCurrent = typeof href === 'string' ? router.asPath === href : router.pathname === href.pathname return ( {children} @@ -230,7 +227,7 @@ function App() { Summary diff --git a/docs/content/Overlay.mdx b/docs/content/Overlay.mdx index 90a912e9dd0..eb8963488ca 100644 --- a/docs/content/Overlay.mdx +++ b/docs/content/Overlay.mdx @@ -4,7 +4,7 @@ description: Use Overlay to provide a flexible floating surface for displaying t componentId: overlay status: Alpha source: https://github.com/primer/react/blob/main/src/Overlay.tsx -storybook: '/react/storybook?path=/story/internal-components-overlay--dropdown-overlay' +storybook: 'https://primer.style/react/storybook?path=/story/private-components-overlay--dropdown-overlay' --- ```js diff --git a/docs/content/PageLayout.mdx b/docs/content/PageLayout.mdx index a69a135b3b3..255323d04be 100644 --- a/docs/content/PageLayout.mdx +++ b/docs/content/PageLayout.mdx @@ -4,7 +4,7 @@ componentId: page_layout status: Alpha # description: TODO source: https://github.com/primer/react/tree/main/src/PageLayout -storybook: https://primer.style/react/storybook?path=/story/layout-pagelayout--default +storybook: https://primer.style/react/storybook?path=/story/components-pagelayout--default a11yReviewed: true --- @@ -16,7 +16,7 @@ import {PageLayout} from '@primer/react' -See [storybook](https://primer.style/react/storybook?path=/story/layout-pagelayout) for fullscreen examples. +See [storybook](https://primer.style/react/storybook?path=/story/components-pagelayout) for fullscreen examples. diff --git a/docs/content/Radio.mdx b/docs/content/Radio.mdx index 4e93156591e..edab44e22c0 100644 --- a/docs/content/Radio.mdx +++ b/docs/content/Radio.mdx @@ -4,7 +4,7 @@ title: Radio description: Use radios when a user needs to select one option from a list status: Alpha source: https://github.com/primer/react/blob/main/src/Radio.tsx -storybook: '/react/storybook?path=/story/forms-form-controls-radio--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-radiogroup' --- ## Examples diff --git a/docs/content/RadioGroup.mdx b/docs/content/RadioGroup.mdx index 99d2ae75b79..6b24c0fc4fd 100644 --- a/docs/content/RadioGroup.mdx +++ b/docs/content/RadioGroup.mdx @@ -4,7 +4,7 @@ componentId: radio_group description: Renders a set of radio inputs to let users make a single selection from a short list of options status: Alpha source: https://github.com/primer/react/blob/main/src/RadioGroup/RadioGroup.tsx -storybook: '/react/storybook/?path=/story/forms-radiogroup-examples--basic' +storybook: 'https://primer.style/react/storybook/?path=/story/components-forms-radiogroup-examples' --- import {RadioGroup, Radio, Box} from '@primer/components' diff --git a/docs/content/SegmentedControl.mdx b/docs/content/SegmentedControl.mdx index c6b51cabb55..92e6988671a 100644 --- a/docs/content/SegmentedControl.mdx +++ b/docs/content/SegmentedControl.mdx @@ -3,6 +3,8 @@ componentId: segmented_control title: SegmentedControl description: Use a segmented control to let users select an option from a short list and immediately apply the selection status: Alpha +source: https://github.com/primer/react/tree/main/src/SegmentedControl +storybook: https://primer.style/react/storybook/?path=/story/components-segmentedcontrol --- ## Examples diff --git a/docs/content/Select.mdx b/docs/content/Select.mdx index a2ee1e296a2..298546d853f 100644 --- a/docs/content/Select.mdx +++ b/docs/content/Select.mdx @@ -5,7 +5,7 @@ description: Use a select input when a user needs to select one option from a lo status: Alpha a11yReviewed: true source: https://github.com/primer/react/blob/main/src/Select.tsx -storybook: '/react/storybook?path=/story/forms-form-controls-select--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-select--default' --- import {Select, Text} from '@primer/react' diff --git a/docs/content/SplitPageLayout.mdx b/docs/content/SplitPageLayout.mdx index 3b22b1af8d4..0344c6559d3 100644 --- a/docs/content/SplitPageLayout.mdx +++ b/docs/content/SplitPageLayout.mdx @@ -4,7 +4,7 @@ componentId: split_page_layout status: Alpha description: Provides structure for a split page layout, including independent scrolling for the pane and content regions. Useful for responsive list/detail patterns, when an item in the pane updates the page content on selection. source: https://github.com/primer/react/tree/main/src/SplitPageLayout -storybook: https://primer.style/react/storybook?path=/story/layout-splitpagelayout--default +storybook: https://primer.style/react/storybook?path=/story/components-splitpagelayout--default a11yReviewed: true --- diff --git a/docs/content/TextInput.mdx b/docs/content/TextInput.mdx index a8b322c3311..9aba55f898e 100644 --- a/docs/content/TextInput.mdx +++ b/docs/content/TextInput.mdx @@ -3,7 +3,7 @@ componentId: text_input title: TextInput status: Alpha source: https://github.com/primer/react/blob/main/src/TextInput.tsx -storybook: '/react/storybook?path=/story/forms-form-controls-text-input--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-textinput--default' --- TextInput is a form component to add default styling to the native text input. diff --git a/docs/content/TextInputWithTokens.mdx b/docs/content/TextInputWithTokens.mdx index 167aed4f83c..c849972d37f 100644 --- a/docs/content/TextInputWithTokens.mdx +++ b/docs/content/TextInputWithTokens.mdx @@ -4,7 +4,7 @@ title: TextInputWithTokens status: Alpha description: Used to show multiple values in one field source: https://github.com/primer/react/tree/main/src/TextInputWithTokens.tsx -storybook: '/react/storybook?path=/story/forms-form-controls-text-input-with-tokens--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-textinputwithtokens--default' --- import {TextInputWithTokens} from '@primer/react' diff --git a/docs/content/Textarea.mdx b/docs/content/Textarea.mdx index 89ee395bf4f..b766cae2cff 100644 --- a/docs/content/Textarea.mdx +++ b/docs/content/Textarea.mdx @@ -4,7 +4,7 @@ title: Textarea description: Use Textarea for multi-line text input form fields status: Alpha source: https://github.com/primer/react/blob/main/src/Textarea.tsx -storybook: '/react/storybook?path=/story/forms-form-controls--textarea-story' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-textarea--textarea-story' --- import {Textarea} from '@primer/react' diff --git a/docs/content/ToggleSwitch.mdx b/docs/content/ToggleSwitch.mdx index ae2764af93e..803dc3685f5 100644 --- a/docs/content/ToggleSwitch.mdx +++ b/docs/content/ToggleSwitch.mdx @@ -4,7 +4,7 @@ title: ToggleSwitch description: Toggles a setting on or off, and immediately saves the change status: Alpha source: https://github.com/primer/react/blob/main/src/ToggleSwitch.tsx -storybook: '/react/storybook?path=/story/toggleswitch-examples--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-toggleswitch-examples--default' --- ## Examples diff --git a/docs/content/Token.mdx b/docs/content/Token.mdx index b79fd627f47..3b2774ff363 100644 --- a/docs/content/Token.mdx +++ b/docs/content/Token.mdx @@ -4,7 +4,7 @@ title: Token status: Alpha description: A Token represents a piece of data. They are typically used to show a collection of related attributes. source: https://github.com/primer/react/tree/main/src/Token -storybook: '/react/storybook?path=/story/tokens-default--default-token' +storybook: 'https://primer.style/react/storybook?path=/story/components-token--default-token' --- import {AvatarToken, IssueLabelToken, Token} from '@primer/react' diff --git a/docs/content/deprecated/Buttons.mdx b/docs/content/deprecated/Buttons.mdx index f7b11b908d5..987844ff0b7 100644 --- a/docs/content/deprecated/Buttons.mdx +++ b/docs/content/deprecated/Buttons.mdx @@ -2,7 +2,7 @@ title: Button (legacy) status: Deprecated source: https://github.com/primer/react/blob/main/src/Button -storybook: '/react/storybook?path=/story/composite-components-button--default-button' +storybook: 'https://primer.style/react/storybook?path=/story/components-button--default-button' --- ## Deprecation diff --git a/docs/content/deprecated/ChoiceFieldset.mdx b/docs/content/deprecated/ChoiceFieldset.mdx index 431992cd82b..e5aa96ee428 100644 --- a/docs/content/deprecated/ChoiceFieldset.mdx +++ b/docs/content/deprecated/ChoiceFieldset.mdx @@ -2,7 +2,7 @@ title: ChoiceFieldset status: Deprecated source: https://github.com/primer/react/blob/main/src/ChoiceFieldset/ChoiceFieldset.tsx -storybook: '/react/storybook/?path=/story/forms-choicefieldset--radio-group' +storybook: 'https://primer.style/react/storybook/?path=/story/forms-choicefieldset--radio-group' --- import {ChoiceFieldset, Box} from '@primer/components' diff --git a/docs/content/deprecated/ChoiceInputField.mdx b/docs/content/deprecated/ChoiceInputField.mdx index 7ad92201e56..74f926e4959 100644 --- a/docs/content/deprecated/ChoiceInputField.mdx +++ b/docs/content/deprecated/ChoiceInputField.mdx @@ -3,7 +3,7 @@ title: ChoiceInputField status: Deprecated description: The ChoiceInputField component is used to render a labelled checkbox or radio inputs with optional hint text. source: https://github.com/primer/react/blob/main/src/ChoiceInputField.tsx -storybook: '/react/storybook?path=/story/forms-choiceinputfield--checkbox-input-field' +storybook: 'https://primer.style/react/storybook?path=/story/forms-choiceinputfield--checkbox-input-field' --- import {Checkbox, Radio} from '@primer/react' diff --git a/docs/content/deprecated/InputField.mdx b/docs/content/deprecated/InputField.mdx index 5a613bfa5bc..eaa2de4744a 100644 --- a/docs/content/deprecated/InputField.mdx +++ b/docs/content/deprecated/InputField.mdx @@ -3,7 +3,7 @@ title: InputField status: Deprecated description: The InputField component is used to render a labelled text input and, optionally, associated validation text and hint text. source: https://github.com/primer/react/blob/main/src/InputField/InputField.tsx -storybook: '/react/storybook?path=/story/forms-inputfield--text-input-field' +storybook: 'https://primer.style/react/storybook?path=/story/forms-inputfield--text-input-field' --- import {TextInputWithTokens, Autocomplete, Select} from '@primer/react' diff --git a/docs/content/drafts/InlineAutocomplete.mdx b/docs/content/drafts/InlineAutocomplete.mdx index 32fa20c9dcf..3602ef0b1b7 100644 --- a/docs/content/drafts/InlineAutocomplete.mdx +++ b/docs/content/drafts/InlineAutocomplete.mdx @@ -4,7 +4,7 @@ componentId: inline_autocomplete status: Draft description: Provides inline auto completion suggestions for an input or textarea. source: https://github.com/primer/react/tree/main/src/InlineAutocomplete -storybook: '/react/storybook?path=/story/forms-inlineautocomplete--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-inlineautocomplete--default' --- ```js diff --git a/docs/content/drafts/MarkdownEditor.mdx b/docs/content/drafts/MarkdownEditor.mdx index 3f45498ce9a..7b76ba489eb 100644 --- a/docs/content/drafts/MarkdownEditor.mdx +++ b/docs/content/drafts/MarkdownEditor.mdx @@ -3,7 +3,7 @@ componentId: markdown_editor title: MarkdownEditor status: Draft description: Full-featured Markdown input. -storybook: '/react/storybook?path=/story/forms-markdowneditor--default' +storybook: 'https://primer.style/react/storybook?path=/story/components-forms-markdowneditor--default' --- ```js @@ -27,20 +27,16 @@ import {MarkdownEditor} from '@primer/react/drafts' A `Label` is always required for accessibility: ```javascript live noinline drafts -const renderMarkdown = async (markdown) => { +const renderMarkdown = async markdown => { // In production code, this would make a query to some external API endpoint to render - return "Rendered Markdown." + return 'Rendered Markdown.' } const MinimalExample = () => { const [value, setValue] = React.useState('') return ( - + Minimal Example ) @@ -52,9 +48,9 @@ render(MinimalExample) ### Suggestions, File Uploads, and Saved Replies ```javascript live noinline drafts -const renderMarkdown = async (markdown) => "Rendered Markdown." +const renderMarkdown = async markdown => 'Rendered Markdown.' -const uploadFile = async (file) => ({ +const uploadFile = async file => ({ url: `https://example.com/${encodeURIComponent(file.name)}`, file }) @@ -107,13 +103,10 @@ const MinimalExample = () => { value={value} onChange={setValue} onRenderPreview={renderMarkdown} - onUploadFile={uploadFile} - emojiSuggestions={emojis} referenceSuggestions={references} mentionSuggestions={mentionables} - savedReplies={savedReplies} > Suggestions, File Uploads, and Saved Replies Example @@ -127,17 +120,13 @@ render(MinimalExample) ### Custom Buttons ```javascript live noinline drafts -const renderMarkdown = async (markdown) => "Rendered Markdown." +const renderMarkdown = async markdown => 'Rendered Markdown.' const MinimalExample = () => { const [value, setValue] = React.useState('') return ( - + Custom Buttons @@ -147,12 +136,8 @@ const MinimalExample = () => { - - Cancel - - - Submit - + Cancel + Submit ) diff --git a/docs/content/drafts/UnderlineNav2.mdx b/docs/content/drafts/UnderlineNav2.mdx index 8bfbf710140..fb4d5a40498 100644 --- a/docs/content/drafts/UnderlineNav2.mdx +++ b/docs/content/drafts/UnderlineNav2.mdx @@ -4,7 +4,7 @@ componentId: underline_nav_2 status: Draft description: Use an underlined nav to allow tab like navigation with overflow behaviour in your UI. source: https://github.com/primer/react/tree/main/src/UnderlineNav2 -storybook: https://primer.style/react/storybook/?path=/story/layout-underlinenav +storybook: https://primer.style/react/storybook/?path=/story/components-underlinenav --- ```js diff --git a/src/stories/ActionList/fixtures.stories.tsx b/src/stories/ActionList/fixtures.stories.tsx index 556b796b177..f1cbcf71064 100644 --- a/src/stories/ActionList/fixtures.stories.tsx +++ b/src/stories/ActionList/fixtures.stories.tsx @@ -469,16 +469,13 @@ export function LinkItemStory(): JSX.Element { ActionList.LinkItem with anchor attributes - + as ReactRouterLink - + @@ -486,7 +483,7 @@ export function LinkItemStory(): JSX.Element { NextJS style Link - + From 639b80cd474b3105330b1692e319fafbdd229b28 Mon Sep 17 00:00:00 2001 From: Armagan Ersoz Date: Wed, 2 Nov 2022 10:11:21 +1000 Subject: [PATCH 2/5] remove primer.style from the url --- docs/content/ActionList.mdx | 2 +- docs/content/ActionMenu.mdx | 2 +- docs/content/Autocomplete.mdx | 2 +- docs/content/Button.mdx | 2 +- docs/content/Checkbox.mdx | 2 +- docs/content/CheckboxGroup.mdx | 2 +- docs/content/FormControl.mdx | 2 +- docs/content/IconButton.mdx | 2 +- docs/content/Label.mdx | 2 +- docs/content/NavList.mdx | 2 +- docs/content/Overlay.mdx | 2 +- docs/content/Radio.mdx | 2 +- docs/content/RadioGroup.mdx | 2 +- docs/content/SegmentedControl.mdx | 2 +- docs/content/Select.mdx | 2 +- docs/content/TextInput.mdx | 2 +- docs/content/TextInputWithTokens.mdx | 2 +- docs/content/Textarea.mdx | 2 +- docs/content/ToggleSwitch.mdx | 2 +- docs/content/Token.mdx | 2 +- docs/content/deprecated/Buttons.mdx | 2 +- docs/content/deprecated/ChoiceFieldset.mdx | 2 +- docs/content/deprecated/ChoiceInputField.mdx | 2 +- docs/content/deprecated/InputField.mdx | 2 +- docs/content/drafts/InlineAutocomplete.mdx | 2 +- docs/content/drafts/MarkdownEditor.mdx | 2 +- docs/content/drafts/UnderlineNav2.mdx | 2 +- 27 files changed, 27 insertions(+), 27 deletions(-) diff --git a/docs/content/ActionList.mdx b/docs/content/ActionList.mdx index 1bf76758f5e..5445e99dbe5 100644 --- a/docs/content/ActionList.mdx +++ b/docs/content/ActionList.mdx @@ -3,7 +3,7 @@ componentId: action_list title: ActionList status: Beta source: https://github.com/primer/react/tree/main/src/ActionList -storybook: 'https://primer.style/react/storybook?path=/story/components-actionlist' +storybook: '/react/storybook?path=/story/components-actionlist' description: An ActionList is a list of items that can be activated or selected. ActionList is the base component for many menu-type components, including ActionMenu and SelectPanel. --- diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx index 288f822e10f..937a06a07d2 100644 --- a/docs/content/ActionMenu.mdx +++ b/docs/content/ActionMenu.mdx @@ -4,7 +4,7 @@ title: ActionMenu status: Beta a11yReviewed: true source: https://github.com/primer/react/tree/main/src/ActionMenu.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-actionmenu' +storybook: '/react/storybook?path=/story/components-actionmenu' description: An ActionMenu is an ActionList-based component for creating a menu of actions that expands through a trigger button. --- diff --git a/docs/content/Autocomplete.mdx b/docs/content/Autocomplete.mdx index 9b21a875871..cc4c7263247 100644 --- a/docs/content/Autocomplete.mdx +++ b/docs/content/Autocomplete.mdx @@ -4,7 +4,7 @@ title: Autocomplete status: Alpha description: Used to render a text input that allows a user to quickly filter through a list of options to pick one or more values. source: https://github.com/primer/react/tree/main/src/Autocomplete -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-autocomplete' +storybook: '/react/storybook?path=/story/components-forms-autocomplete' --- import {Autocomplete} from '@primer/react' diff --git a/docs/content/Button.mdx b/docs/content/Button.mdx index eb1cfcc8e6a..922ccba6aa8 100644 --- a/docs/content/Button.mdx +++ b/docs/content/Button.mdx @@ -3,7 +3,7 @@ componentId: button title: Button status: Alpha source: https://github.com/primer/react/tree/main/src/Button -storybook: 'https://primer.style/react/storybook?path=/story/components-button' +storybook: '/react/storybook?path=/story/components-button' description: Use button for the main actions on a page or form. --- diff --git a/docs/content/Checkbox.mdx b/docs/content/Checkbox.mdx index c3f982dacef..c748b01fdab 100644 --- a/docs/content/Checkbox.mdx +++ b/docs/content/Checkbox.mdx @@ -3,7 +3,7 @@ title: Checkbox description: Use checkboxes to toggle between checked and unchecked states in a list or as a standalone form field status: Alpha source: https://github.com/primer/react/blob/main/src/Checkbox.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-checkbox' +storybook: '/react/storybook?path=/story/components-forms-checkbox' componentId: checkbox --- diff --git a/docs/content/CheckboxGroup.mdx b/docs/content/CheckboxGroup.mdx index 8db84411a0f..484da1a6d04 100644 --- a/docs/content/CheckboxGroup.mdx +++ b/docs/content/CheckboxGroup.mdx @@ -4,7 +4,7 @@ componentId: checkbox_group description: Renders a set of checkboxes to let users make one or more selections from a short list of options status: Alpha source: https://github.com/primer/react/blob/main/src/CheckboxGroup/CheckboxGroup.tsx -storybook: 'https://primer.style/react/storybook/?path=/story/components-forms-checkboxgroup-examples' +storybook: '/react/storybook/?path=/story/components-forms-checkboxgroup-examples' --- import {CheckboxGroup, Checkbox, Box} from '@primer/components' diff --git a/docs/content/FormControl.mdx b/docs/content/FormControl.mdx index 9f0c342595e..a810169db59 100644 --- a/docs/content/FormControl.mdx +++ b/docs/content/FormControl.mdx @@ -4,7 +4,7 @@ title: FormControl status: Alpha description: Renders a labelled input and, optionally, associated validation text and/or hint text. source: https://github.com/primer/react/blob/main/src/FormControl/FormControl.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-autocomplete' +storybook: '/react/storybook?path=/story/components-forms-autocomplete' --- import { diff --git a/docs/content/IconButton.mdx b/docs/content/IconButton.mdx index 4d2032d4a29..49508bcd1f2 100644 --- a/docs/content/IconButton.mdx +++ b/docs/content/IconButton.mdx @@ -3,7 +3,7 @@ title: IconButton componentId: icon_button status: Alpha source: https://github.com/primer/react/tree/main/src/Button -storybook: 'https://primer.style/react/storybook?path=/story/components-button--icon-button' +storybook: '/react/storybook?path=/story/components-button--icon-button' description: An accessible button component with no text and only icon. --- diff --git a/docs/content/Label.mdx b/docs/content/Label.mdx index f1b78ee8545..8cead543c57 100644 --- a/docs/content/Label.mdx +++ b/docs/content/Label.mdx @@ -3,7 +3,7 @@ title: Label componentId: label status: Alpha source: https://github.com/primer/react/tree/main/src/Label -storybook: 'https://primer.style/react/storybook?path=/story/components-label--label' +storybook: '/react/storybook?path=/story/components-label--label' description: Use Label components to add contextual metadata to a design. --- diff --git a/docs/content/NavList.mdx b/docs/content/NavList.mdx index 9bee4692ee1..642b680c7f8 100644 --- a/docs/content/NavList.mdx +++ b/docs/content/NavList.mdx @@ -4,7 +4,7 @@ status: Alpha componentId: nav_list description: Use a nav list to render a vertical list of navigation links. source: https://github.com/primer/react/tree/main/src/NavList -storybook: 'https://primer.style/react/storybook/?path=/story/components-navlist--simple' +storybook: '/react/storybook/?path=/story/components-navlist--simple' --- ```js diff --git a/docs/content/Overlay.mdx b/docs/content/Overlay.mdx index eb8963488ca..a1ad6ca2b36 100644 --- a/docs/content/Overlay.mdx +++ b/docs/content/Overlay.mdx @@ -4,7 +4,7 @@ description: Use Overlay to provide a flexible floating surface for displaying t componentId: overlay status: Alpha source: https://github.com/primer/react/blob/main/src/Overlay.tsx -storybook: 'https://primer.style/react/storybook?path=/story/private-components-overlay--dropdown-overlay' +storybook: '/react/storybook?path=/story/private-components-overlay--dropdown-overlay' --- ```js diff --git a/docs/content/Radio.mdx b/docs/content/Radio.mdx index edab44e22c0..501e5ca0828 100644 --- a/docs/content/Radio.mdx +++ b/docs/content/Radio.mdx @@ -4,7 +4,7 @@ title: Radio description: Use radios when a user needs to select one option from a list status: Alpha source: https://github.com/primer/react/blob/main/src/Radio.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-radiogroup' +storybook: '/react/storybook?path=/story/components-forms-radiogroup' --- ## Examples diff --git a/docs/content/RadioGroup.mdx b/docs/content/RadioGroup.mdx index 6b24c0fc4fd..08c4439c5f5 100644 --- a/docs/content/RadioGroup.mdx +++ b/docs/content/RadioGroup.mdx @@ -4,7 +4,7 @@ componentId: radio_group description: Renders a set of radio inputs to let users make a single selection from a short list of options status: Alpha source: https://github.com/primer/react/blob/main/src/RadioGroup/RadioGroup.tsx -storybook: 'https://primer.style/react/storybook/?path=/story/components-forms-radiogroup-examples' +storybook: '/react/storybook/?path=/story/components-forms-radiogroup-examples' --- import {RadioGroup, Radio, Box} from '@primer/components' diff --git a/docs/content/SegmentedControl.mdx b/docs/content/SegmentedControl.mdx index 92e6988671a..a896812f635 100644 --- a/docs/content/SegmentedControl.mdx +++ b/docs/content/SegmentedControl.mdx @@ -4,7 +4,7 @@ title: SegmentedControl description: Use a segmented control to let users select an option from a short list and immediately apply the selection status: Alpha source: https://github.com/primer/react/tree/main/src/SegmentedControl -storybook: https://primer.style/react/storybook/?path=/story/components-segmentedcontrol +storybook: '/react/storybook/?path=/story/components-segmentedcontrol --- ## Examples diff --git a/docs/content/Select.mdx b/docs/content/Select.mdx index 298546d853f..924677c3cd8 100644 --- a/docs/content/Select.mdx +++ b/docs/content/Select.mdx @@ -5,7 +5,7 @@ description: Use a select input when a user needs to select one option from a lo status: Alpha a11yReviewed: true source: https://github.com/primer/react/blob/main/src/Select.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-select--default' +storybook: '/react/storybook?path=/story/components-forms-select--default' --- import {Select, Text} from '@primer/react' diff --git a/docs/content/TextInput.mdx b/docs/content/TextInput.mdx index 9aba55f898e..5725cebd021 100644 --- a/docs/content/TextInput.mdx +++ b/docs/content/TextInput.mdx @@ -3,7 +3,7 @@ componentId: text_input title: TextInput status: Alpha source: https://github.com/primer/react/blob/main/src/TextInput.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-textinput--default' +storybook: '/react/storybook?path=/story/components-forms-textinput--default' --- TextInput is a form component to add default styling to the native text input. diff --git a/docs/content/TextInputWithTokens.mdx b/docs/content/TextInputWithTokens.mdx index c849972d37f..c77b8fad2c4 100644 --- a/docs/content/TextInputWithTokens.mdx +++ b/docs/content/TextInputWithTokens.mdx @@ -4,7 +4,7 @@ title: TextInputWithTokens status: Alpha description: Used to show multiple values in one field source: https://github.com/primer/react/tree/main/src/TextInputWithTokens.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-textinputwithtokens--default' +storybook: '/react/storybook?path=/story/components-forms-textinputwithtokens--default' --- import {TextInputWithTokens} from '@primer/react' diff --git a/docs/content/Textarea.mdx b/docs/content/Textarea.mdx index b766cae2cff..4491f504ff9 100644 --- a/docs/content/Textarea.mdx +++ b/docs/content/Textarea.mdx @@ -4,7 +4,7 @@ title: Textarea description: Use Textarea for multi-line text input form fields status: Alpha source: https://github.com/primer/react/blob/main/src/Textarea.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-textarea--textarea-story' +storybook: '/react/storybook?path=/story/components-forms-textarea--textarea-story' --- import {Textarea} from '@primer/react' diff --git a/docs/content/ToggleSwitch.mdx b/docs/content/ToggleSwitch.mdx index 803dc3685f5..0c3998ecb2d 100644 --- a/docs/content/ToggleSwitch.mdx +++ b/docs/content/ToggleSwitch.mdx @@ -4,7 +4,7 @@ title: ToggleSwitch description: Toggles a setting on or off, and immediately saves the change status: Alpha source: https://github.com/primer/react/blob/main/src/ToggleSwitch.tsx -storybook: 'https://primer.style/react/storybook?path=/story/components-toggleswitch-examples--default' +storybook: '/react/storybook?path=/story/components-toggleswitch-examples--default' --- ## Examples diff --git a/docs/content/Token.mdx b/docs/content/Token.mdx index 3b2774ff363..a75d292255f 100644 --- a/docs/content/Token.mdx +++ b/docs/content/Token.mdx @@ -4,7 +4,7 @@ title: Token status: Alpha description: A Token represents a piece of data. They are typically used to show a collection of related attributes. source: https://github.com/primer/react/tree/main/src/Token -storybook: 'https://primer.style/react/storybook?path=/story/components-token--default-token' +storybook: '/react/storybook?path=/story/components-token--default-token' --- import {AvatarToken, IssueLabelToken, Token} from '@primer/react' diff --git a/docs/content/deprecated/Buttons.mdx b/docs/content/deprecated/Buttons.mdx index 987844ff0b7..b21816fb812 100644 --- a/docs/content/deprecated/Buttons.mdx +++ b/docs/content/deprecated/Buttons.mdx @@ -2,7 +2,7 @@ title: Button (legacy) status: Deprecated source: https://github.com/primer/react/blob/main/src/Button -storybook: 'https://primer.style/react/storybook?path=/story/components-button--default-button' +storybook: '/react/storybook?path=/story/components-button--default-button' --- ## Deprecation diff --git a/docs/content/deprecated/ChoiceFieldset.mdx b/docs/content/deprecated/ChoiceFieldset.mdx index e5aa96ee428..431992cd82b 100644 --- a/docs/content/deprecated/ChoiceFieldset.mdx +++ b/docs/content/deprecated/ChoiceFieldset.mdx @@ -2,7 +2,7 @@ title: ChoiceFieldset status: Deprecated source: https://github.com/primer/react/blob/main/src/ChoiceFieldset/ChoiceFieldset.tsx -storybook: 'https://primer.style/react/storybook/?path=/story/forms-choicefieldset--radio-group' +storybook: '/react/storybook/?path=/story/forms-choicefieldset--radio-group' --- import {ChoiceFieldset, Box} from '@primer/components' diff --git a/docs/content/deprecated/ChoiceInputField.mdx b/docs/content/deprecated/ChoiceInputField.mdx index 74f926e4959..7ad92201e56 100644 --- a/docs/content/deprecated/ChoiceInputField.mdx +++ b/docs/content/deprecated/ChoiceInputField.mdx @@ -3,7 +3,7 @@ title: ChoiceInputField status: Deprecated description: The ChoiceInputField component is used to render a labelled checkbox or radio inputs with optional hint text. source: https://github.com/primer/react/blob/main/src/ChoiceInputField.tsx -storybook: 'https://primer.style/react/storybook?path=/story/forms-choiceinputfield--checkbox-input-field' +storybook: '/react/storybook?path=/story/forms-choiceinputfield--checkbox-input-field' --- import {Checkbox, Radio} from '@primer/react' diff --git a/docs/content/deprecated/InputField.mdx b/docs/content/deprecated/InputField.mdx index eaa2de4744a..5a613bfa5bc 100644 --- a/docs/content/deprecated/InputField.mdx +++ b/docs/content/deprecated/InputField.mdx @@ -3,7 +3,7 @@ title: InputField status: Deprecated description: The InputField component is used to render a labelled text input and, optionally, associated validation text and hint text. source: https://github.com/primer/react/blob/main/src/InputField/InputField.tsx -storybook: 'https://primer.style/react/storybook?path=/story/forms-inputfield--text-input-field' +storybook: '/react/storybook?path=/story/forms-inputfield--text-input-field' --- import {TextInputWithTokens, Autocomplete, Select} from '@primer/react' diff --git a/docs/content/drafts/InlineAutocomplete.mdx b/docs/content/drafts/InlineAutocomplete.mdx index 3602ef0b1b7..00500149fd8 100644 --- a/docs/content/drafts/InlineAutocomplete.mdx +++ b/docs/content/drafts/InlineAutocomplete.mdx @@ -4,7 +4,7 @@ componentId: inline_autocomplete status: Draft description: Provides inline auto completion suggestions for an input or textarea. source: https://github.com/primer/react/tree/main/src/InlineAutocomplete -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-inlineautocomplete--default' +storybook: '/react/storybook?path=/story/components-forms-inlineautocomplete--default' --- ```js diff --git a/docs/content/drafts/MarkdownEditor.mdx b/docs/content/drafts/MarkdownEditor.mdx index 7b76ba489eb..1aae71fb45c 100644 --- a/docs/content/drafts/MarkdownEditor.mdx +++ b/docs/content/drafts/MarkdownEditor.mdx @@ -3,7 +3,7 @@ componentId: markdown_editor title: MarkdownEditor status: Draft description: Full-featured Markdown input. -storybook: 'https://primer.style/react/storybook?path=/story/components-forms-markdowneditor--default' +storybook: '/react/storybook?path=/story/components-forms-markdowneditor--default' --- ```js diff --git a/docs/content/drafts/UnderlineNav2.mdx b/docs/content/drafts/UnderlineNav2.mdx index fb4d5a40498..087116aa6e3 100644 --- a/docs/content/drafts/UnderlineNav2.mdx +++ b/docs/content/drafts/UnderlineNav2.mdx @@ -4,7 +4,7 @@ componentId: underline_nav_2 status: Draft description: Use an underlined nav to allow tab like navigation with overflow behaviour in your UI. source: https://github.com/primer/react/tree/main/src/UnderlineNav2 -storybook: https://primer.style/react/storybook/?path=/story/components-underlinenav +storybook: '/react/storybook/?path=/story/components-underlinenav --- ```js From 59ca99f9f82cf95cb7de4d3401ae0303711e7720 Mon Sep 17 00:00:00 2001 From: Armagan Ersoz Date: Wed, 2 Nov 2022 10:49:45 +1000 Subject: [PATCH 3/5] remove primer.style from the rest --- docs/content/AnchoredOverlay.mdx | 2 +- docs/content/PageLayout.mdx | 2 +- docs/content/SplitPageLayout.mdx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/content/AnchoredOverlay.mdx b/docs/content/AnchoredOverlay.mdx index c62cab8e7d7..dc4f9a3097f 100644 --- a/docs/content/AnchoredOverlay.mdx +++ b/docs/content/AnchoredOverlay.mdx @@ -3,7 +3,7 @@ componentId: anchored_overlay title: AnchoredOverlay status: Alpha source: https://github.com/primer/react/blob/main/src/AnchoredOverlay/AnchoredOverlay.tsx -storybook: https://primer.style/react/storybook?path=/story/behaviors-anchoredoverlay--default-portal +storybook: '/react/storybook?path=/story/behaviors-anchoredoverlay--default-portal --- An `AnchoredOverlay` provides an anchor that will open a floating overlay positioned relative to the anchor. diff --git a/docs/content/PageLayout.mdx b/docs/content/PageLayout.mdx index 255323d04be..9da85a61cf3 100644 --- a/docs/content/PageLayout.mdx +++ b/docs/content/PageLayout.mdx @@ -4,7 +4,7 @@ componentId: page_layout status: Alpha # description: TODO source: https://github.com/primer/react/tree/main/src/PageLayout -storybook: https://primer.style/react/storybook?path=/story/components-pagelayout--default +storybook: '/react/storybook?path=/story/components-pagelayout--default a11yReviewed: true --- diff --git a/docs/content/SplitPageLayout.mdx b/docs/content/SplitPageLayout.mdx index 0344c6559d3..8cddb2bba0f 100644 --- a/docs/content/SplitPageLayout.mdx +++ b/docs/content/SplitPageLayout.mdx @@ -4,7 +4,7 @@ componentId: split_page_layout status: Alpha description: Provides structure for a split page layout, including independent scrolling for the pane and content regions. Useful for responsive list/detail patterns, when an item in the pane updates the page content on selection. source: https://github.com/primer/react/tree/main/src/SplitPageLayout -storybook: https://primer.style/react/storybook?path=/story/components-splitpagelayout--default +storybook: '/react/storybook?path=/story/components-splitpagelayout--default a11yReviewed: true --- From 9e4ef08ced2dd320e32e66be21802883310ca373 Mon Sep 17 00:00:00 2001 From: Armagan Ersoz Date: Thu, 3 Nov 2022 10:14:07 +1000 Subject: [PATCH 4/5] forgotten quotation mark --- docs/content/AnchoredOverlay.mdx | 2 +- docs/content/PageLayout.mdx | 2 +- docs/content/SplitPageLayout.mdx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/content/AnchoredOverlay.mdx b/docs/content/AnchoredOverlay.mdx index dc4f9a3097f..2ebfaad8a0a 100644 --- a/docs/content/AnchoredOverlay.mdx +++ b/docs/content/AnchoredOverlay.mdx @@ -3,7 +3,7 @@ componentId: anchored_overlay title: AnchoredOverlay status: Alpha source: https://github.com/primer/react/blob/main/src/AnchoredOverlay/AnchoredOverlay.tsx -storybook: '/react/storybook?path=/story/behaviors-anchoredoverlay--default-portal +storybook: '/react/storybook?path=/story/behaviors-anchoredoverlay--default-portal' --- An `AnchoredOverlay` provides an anchor that will open a floating overlay positioned relative to the anchor. diff --git a/docs/content/PageLayout.mdx b/docs/content/PageLayout.mdx index 9da85a61cf3..1b3f6ba2a72 100644 --- a/docs/content/PageLayout.mdx +++ b/docs/content/PageLayout.mdx @@ -4,7 +4,7 @@ componentId: page_layout status: Alpha # description: TODO source: https://github.com/primer/react/tree/main/src/PageLayout -storybook: '/react/storybook?path=/story/components-pagelayout--default +storybook: '/react/storybook?path=/story/components-pagelayout--default' a11yReviewed: true --- diff --git a/docs/content/SplitPageLayout.mdx b/docs/content/SplitPageLayout.mdx index 8cddb2bba0f..aba9d27c29f 100644 --- a/docs/content/SplitPageLayout.mdx +++ b/docs/content/SplitPageLayout.mdx @@ -4,7 +4,7 @@ componentId: split_page_layout status: Alpha description: Provides structure for a split page layout, including independent scrolling for the pane and content regions. Useful for responsive list/detail patterns, when an item in the pane updates the page content on selection. source: https://github.com/primer/react/tree/main/src/SplitPageLayout -storybook: '/react/storybook?path=/story/components-splitpagelayout--default +storybook: '/react/storybook?path=/story/components-splitpagelayout--default' a11yReviewed: true --- From 4e50c505bb9a99769da70e7462dd406e5216881a Mon Sep 17 00:00:00 2001 From: Armagan Ersoz Date: Fri, 4 Nov 2022 09:34:30 +1000 Subject: [PATCH 5/5] another forgetten quotation mark - need better linting on mdx --- docs/content/SegmentedControl.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/SegmentedControl.mdx b/docs/content/SegmentedControl.mdx index a896812f635..df2e635e8bc 100644 --- a/docs/content/SegmentedControl.mdx +++ b/docs/content/SegmentedControl.mdx @@ -4,7 +4,7 @@ title: SegmentedControl description: Use a segmented control to let users select an option from a short list and immediately apply the selection status: Alpha source: https://github.com/primer/react/tree/main/src/SegmentedControl -storybook: '/react/storybook/?path=/story/components-segmentedcontrol +storybook: '/react/storybook/?path=/story/components-segmentedcontrol' --- ## Examples