Merge remote-tracking branch 'origin/master' into caption-shortcode

Author: colebemis

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/master/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": ["@changesets/changelog-github", {"repo": "primer/doctocat"}],
+  "commit": false,
+  "linked": [],
+  "access": "public",
+  "baseBranch": "master",
+  "updateInternalDependencies": "patch",
+  "ignore": ["docs"]
+}

.changeset/lovely-beds-talk.md

@@ -0,0 +1,5 @@
+---
+'@primer/gatsby-theme-doctocat': patch
+---
+
+Make the navigation dropdown background color dark

.changeset/silent-schools-remember.md

@@ -0,0 +1,5 @@
+---
+'@primer/gatsby-theme-doctocat': patch
+---
+
+Update the navigation dropdown icon from a `chrevon` to a `caret` to follow our [progressive disclosure guidelines](https://primer.style/design/ui-patterns/progressive-disclosure#progressive-disclosure-ui-patterns)

.github/workflows/ci.yml

@@ -0,0 +1,20 @@
+name: CI
+on: [push]
+jobs:
+  ci:
+    name: CI
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@master
+
+      - name: Set up Node.js 10.x
+        uses: actions/setup-node@master
+        with:
+          node-version: 10
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Test
+        run: yarn workspace @primer/gatsby-theme-doctocat test

.github/workflows/main.yml

@@ -0,0 +1,32 @@
+name: Release
+on:
+  push:
+    branches:
+      - master
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@master
+        with:
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
+          fetch-depth: 0
+
+      - name: Set up Node.js 12.x
+        uses: actions/setup-node@master
+        with:
+          node-version: 12.x
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Create release pull request or publish to npm
+        id: changesets
+        uses: changesets/action@master
+        with:
+          publish: yarn release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

.github/workflows/release.yml

@@ -1,4 +1,5 @@
 {
+  "private": true,
   "name": "docs",
   "version": "1.0.0",
   "license": "MIT",

docs/package.json

@@ -1,10 +1,15 @@
 {
   "private": true,
   "scripts": {
-    "start": "yarn workspace docs develop"
+    "start": "yarn workspace docs develop",
+    "release": "changeset publish"
   },
   "workspaces": [
     "theme",
     "docs"
-  ]
+  ],
+  "dependencies": {
+    "@changesets/changelog-github": "^0.2.7",
+    "@changesets/cli": "^2.10.3"
+  }
 }

package.json

@@ -1,5 +1,11 @@
-import {Absolute, BorderBox, StyledOcticon, Text, themeGet} from '@primer/components'
-import {ChevronDownIcon} from '@primer/octicons-react'
+import {
+  Absolute,
+  BorderBox,
+  StyledOcticon,
+  Text,
+  themeGet,
+} from '@primer/components'
+import {TriangleDownIcon} from '@primer/octicons-react'
 import React from 'react'
 import styled from 'styled-components'
 import Details from './details'
@@ -11,15 +17,16 @@ function NavDropdown({title, children}) {
         <>
           <summary style={{cursor: 'pointer'}} onClick={toggle}>
             <Text>{title}</Text>
-            <StyledOcticon icon={ChevronDownIcon} ml={1} />
+            <StyledOcticon icon={TriangleDownIcon} ml={1} />
           </summary>
           <Absolute>
             <BorderBox
-              bg="white"
+              bg="gray.8"
               py={1}
               mt={2}
               boxShadow="medium"
-              color="gray.8"
+              borderColor="gray.7"
+              color="white"
             >
               {children}
             </BorderBox>