* Bump Doctocat to v4.2.0

* Use description in layout

* Relative time guidelines

"getting-started" link was leading to a 404

* s/getting-started/introduction

* Remove old doc

* add action button

* add img

* Update action-list.mdx

clarifies that segmented control touch target area only needs to be enlarged for coarse pointers (#307)

* Add Foundations/Getting started page

* Add getting-started link to foundations index

* Update content/foundations/getting-started.mdx

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>

* Apply suggestions from code review

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>

Remove an unnecessary preposition 'to' under the 'Do' section of `Effective visual cures`.

Error in CI is unrelated.

* Add Rails alpha link to the Dialog design doc

* Add Action bar component

* Add video poster

* Update heading

* Update content/components/action-bar.mdx

Co-authored-by: Katie Langerman <langermank@github.com>

* Update content/components/action-bar.mdx

Co-authored-by: Katie Langerman <langermank@github.com>

* Update content/components/action-bar.mdx

Co-authored-by: Katie Langerman <langermank@github.com>

* Update content/components/action-bar.mdx

Co-authored-by: Katie Langerman <langermank@github.com>

* Update spacing image

* Add ordering of overflow menu

* Update overflow menu

* Add ActionBar to index

* Update index image

* Update touch target image

Co-authored-by: Katie Langerman <langermank@github.com>

* first draft of tree view interface guidelines

* adds images and basic formatting

* content reorg

* first round of self-proofreading

* Missing fullstop

* addresses a11y feedback, and fixes minor mistakes

* adds tree view to sidebar nav

* Update content/components/treeview.mdx

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>

* Update content/components/treeview.mdx

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>

* Update content/components/treeview.mdx

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>

* temporarily comment out 'Handling loading errors' content until we figure out how to resolve a11y issues with the current approach

* fixes layout screenshot example images

* Update content/components/treeview.mdx

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Update content/components/treeview.mdx

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Update content/components/treeview.mdx

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* adds more detail to guidelines called out during review

* brings back guidance about loading error handling

Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>
Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Adding WebAIM contrast checker to tools section

I added the WebAIM contrast checker. I think this is the defacto standard (@ericwbailey ?) and we should define our standards of measurement for color contrast.

I also added a note on tools that use color pickers as I noticed huge divergence when using the "Contrast" menubar app to WebAIM or the figma plugin.

* updating content

* added component token description

* Update content/foundations/color.mdx

Co-authored-by: Katie Langerman <langermank@github.com>

Co-authored-by: Emily Brick <emilybrick@github.com>

* fresh branch

* fix imports

* uploading images

* add placement

* update img

* add body

* add images

* push for more images

* add videos

* video layout

* fix anatomy img

* remove alt

* Update content/components/dialog.mdx

Co-authored-by: Jon Rohan <yes@jonrohan.codes>

* Fixed minor typo (#282)

* Update content/components/dialog.mdx

* Update content/components/dialog.mdx

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* address feedback

* add accessibility section

* update banner img

* typos

* add new size guidelines

* address feedback

* esc/tab

* Update content/components/dialog.mdx

Co-authored-by: Mike Perrotti <mperrotti@github.com>

* add size images

* new size img

* add img

* fix index

* alert img

* img

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* Update content/components/dialog.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* fix size img

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
Co-authored-by: Lukas Oppermann <oppermann.lukas@gmail.com>
Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>
Co-authored-by: Mike Perrotti <mperrotti@github.com>

* Adding text for color accessibility

We should add some more info about a11y so that people who read this get a taste of what they need to consider.

* Make text easier to read

Rewrite to make text less complicated.

* Updated according to comments

* Adding images to section

* Added link to recipes

* Added link to accessible color combination

* changes: primer colors → functional colors

* Update content/foundations/color.mdx





Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Update content/foundations/color.mdx

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Update content/foundations/color.mdx

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Update content/foundations/color.mdx

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>

* Update content/foundations/color.mdx





Co-authored-by: Josep Martins <josepmartins@github.com>

* Re-phrase sentence

This makes it fit better with the requirements above

Co-authored-by: Eric Bailey <ericwbailey@users.noreply.github.com>
Co-authored-by: Josep Martins <josepmartins@github.com>

* Remove unused images and grid columns

* Bump @primer/gatsby-theme-doctocat from 3.1.1 to 4.0.0

* Update eslint and eslint-plugin-github packages

* Add @github/prettier-config

* Fix index pages to use Text & bolded Links

* Fix Video and Heading styles

* adds first draft of segmented control guidelines

* adds custom video player

* formats segmented control guidelines

* adds segmented control info to saving guidelines

* Update content/components/segmented-control.mdx

Co-authored-by: simurai <simurai@github.com>

* Update content/components/segmented-control.mdx

Co-authored-by: simurai <simurai@github.com>

* addresses PR feedback and fixes video player bug

* Update content/components/segmented-control.mdx

Co-authored-by: simurai <simurai@github.com>

* corrects keyboard navigation video example

Co-authored-by: simurai <simurai@github.com>

* WIP

* WIP

* adds interface guidelines for forms

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* Update content/ui-patterns/forms.mdx

Co-authored-by: Cameron Dutro <camertron@gmail.com>

* addresses feedback from design infrastructure teammates

* removes unnecessary heading

* updates action menu example image

* updates focus styles in supporting graphics

* Update content/ui-patterns/forms.mdx

* updates guidance about placeholder text

* adds guidance on error summaries, removes checkbox group validation example

* addresses feedback about unclear guidelines

* Update content/ui-patterns/forms.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* adds guidance about form control sizing

* shortens intro paragraph, removes guidance about hiding labels

* updates example images

* renders gifs as HTML video elements

* adds custom video player

* adds aria labels to icon buttons

* addresses feedback about formcontrol anatomy diagrams

Co-authored-by: Inayaili León <yaili@github.com>
Co-authored-by: Cameron Dutro <camertron@gmail.com>
Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

I updated everything except the actual page's title in https://github.com/primer/design/pull/274

* Some copy edits and do/dont updates

* update buttons title and url in index

* Update nav.yml

* Rename button-purpose.mdx to descriptive-buttons.mdx

* update generic link text guidance

* update examples

* update text

* Update content/accessibility/links.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/accessibility/links.mdx

Co-authored-by: Owen Niblock <owenniblock@github.com>

* Update content/accessibility/links.mdx

Co-authored-by: Inayaili León <yaili@github.com>

* Update content/accessibility/links.mdx

Co-authored-by: Chelsea Adelman <40274682+ichelsea@users.noreply.github.com>

* Use DoDont container

* Remove unnecessary text

Co-authored-by: Inayaili León <yaili@github.com>
Co-authored-by: Owen Niblock <owenniblock@github.com>
Co-authored-by: Chelsea Adelman <40274682+ichelsea@users.noreply.github.com>

* update content

* Update content/components/autocomplete.mdx

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* add vc logo

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

If I am not mistaking the headline: "Content hover on focus" should actually be "Content on hover or focus" (like the linked resource).

The current title got me slightly confused as I was expecting the section to talk about hover content that is disabled on focus. This hover does not quite fit to the content of the section.

* add deployment workflows for GitHub Pages

* add eslintignore for node_modules

* peg lint node version to 14

"without" is making the sentence contradictory.