diff --git a/docs/markdown.js b/docs/markdown.js
index e2bbe019..d9a31c70 100644
--- a/docs/markdown.js
+++ b/docs/markdown.js
@@ -1,6 +1,6 @@
import React from 'react'
import {Heading, Link} from '@primer/components'
-import {CodeExample} from '@primer/blueprints'
+import {CodeExample} from '@primer/blueprints/dist/next-components.umd.js'
import Outline from './Outline'
export const H1 = props =>
diff --git a/package-lock.json b/package-lock.json
index 4b5e895c..961c189a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1366,17 +1366,15 @@
}
},
"@primer/blueprints": {
- "version": "3.0.4",
- "resolved": "https://registry.npmjs.org/@primer/blueprints/-/blueprints-3.0.4.tgz",
- "integrity": "sha512-jmIBWhadXR7rXZDaTxNDpPzD+G0TPwKXrx4cNOdAw55HVR/t3PRMjyvkJYuyYntcJG4fegZaqbtoxXYbPBYnEA==",
+ "version": "0.0.0-d6c952f",
+ "resolved": "https://registry.npmjs.org/@primer/blueprints/-/blueprints-0.0.0-d6c952f.tgz",
+ "integrity": "sha512-hwIo2x+iSFgOJaTX4ie1KI8vvfYFjW0m7E/BgW3zTWilPhl9gDdzFFK87gcu0ghivT1IXJAZE9YZvs40M5O96Q==",
"dev": true,
"requires": {
"@githubprimer/octicons-react": "^8.1.3",
- "@primer/components": "12.0.1",
+ "@primer/components": "12.0.2",
"@primer/next-pages": "0.0.3",
"downshift": "3.2.7",
- "globby": "9.1.0",
- "html-2-jsx": "^0.5.1-dev",
"lunr": "2.3.6",
"prism-github": "^1.1.0",
"prop-types": "^15.6.2",
@@ -1387,28 +1385,53 @@
"val-loader": "1.1.1"
},
"dependencies": {
+ "@primer/components": {
+ "version": "12.0.2",
+ "resolved": "https://registry.npmjs.org/@primer/components/-/components-12.0.2.tgz",
+ "integrity": "sha512-vgkJusHjiaO8Z8JEbKa3Wt30Aq1AlWDKPfeMaLuy773LkGC7i5pZVFYMp7zkO1RzG/5CgNw9+xobG9WkWj+puw==",
+ "dev": true,
+ "requires": {
+ "@githubprimer/octicons-react": "8.1.2",
+ "babel-plugin-macros": "2.4.2",
+ "classnames": "^2.2.5",
+ "d3-shape": "^1.2.0",
+ "nanoid": "2.0.0",
+ "primer-colors": "1.0.1",
+ "primer-markdown": "3.7.9",
+ "primer-typography": "1.0.1",
+ "react": "^16.8.0",
+ "react-bodymovin": "2.0.0",
+ "react-dom": "^16.8.1",
+ "styled-system": "3.1.3",
+ "system-components": "3.0.1"
+ },
+ "dependencies": {
+ "@githubprimer/octicons-react": {
+ "version": "8.1.2",
+ "resolved": "https://registry.npmjs.org/@githubprimer/octicons-react/-/octicons-react-8.1.2.tgz",
+ "integrity": "sha512-HMggynDdrNxlIm4B8V8e883+3Fwe1wXvvN+X57/ZDpkRv92bhsoK+4s3grbEpTtpzbYlAD/0X40IpUkZlZH4EQ==",
+ "dev": true,
+ "requires": {
+ "prop-types": "^15.6.1"
+ }
+ },
+ "styled-system": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/styled-system/-/styled-system-3.1.3.tgz",
+ "integrity": "sha512-ohDTJPC/MXJMUgfT0qE9syoTOmFculOkW30+AZDn+hbMGRg07V49MNMl5sA0Vi8gFEz6Xluoomvn5xZpaqRDyQ==",
+ "dev": true,
+ "requires": {
+ "prop-types": "^15.6.2"
+ }
+ }
+ }
+ },
"core-js": {
"version": "2.6.5",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.5.tgz",
"integrity": "sha512-klh/kDpwX8hryYL14M9w/xei6vrv6sE8gTHDG7/T/+SEovB/G4ejwcfE/CBzO6Edsu+OETZMZ3wcX/EjUkrl5A==",
"dev": true
},
- "globby": {
- "version": "9.1.0",
- "resolved": "https://registry.npmjs.org/globby/-/globby-9.1.0.tgz",
- "integrity": "sha512-VtYjhHr7ncls724Of5W6Kaahz0ag7dB4G62/2HsN+xEKG6SrPzM1AJMerGxQTwJGnN9reeyxdvXbuZYpfssCvg==",
- "dev": true,
- "requires": {
- "@types/glob": "^7.1.1",
- "array-union": "^1.0.2",
- "dir-glob": "^2.2.1",
- "fast-glob": "^2.2.6",
- "glob": "^7.1.3",
- "ignore": "^4.0.3",
- "pify": "^4.0.1",
- "slash": "^2.0.0"
- }
- },
"react-live": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/react-live/-/react-live-2.0.0.tgz",
@@ -10831,8 +10854,7 @@
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
- "dev": true,
- "optional": true
+ "dev": true
},
"aproba": {
"version": "1.2.0",
@@ -10856,15 +10878,13 @@
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
- "dev": true,
- "optional": true
+ "dev": true
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
"dev": true,
- "optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@@ -10881,22 +10901,19 @@
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
"integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
- "dev": true,
- "optional": true
+ "dev": true
},
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
- "dev": true,
- "optional": true
+ "dev": true
},
"console-control-strings": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
- "dev": true,
- "optional": true
+ "dev": true
},
"core-util-is": {
"version": "1.0.2",
@@ -11027,8 +11044,7 @@
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
- "dev": true,
- "optional": true
+ "dev": true
},
"ini": {
"version": "1.3.5",
@@ -11042,7 +11058,6 @@
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
"integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
"dev": true,
- "optional": true,
"requires": {
"number-is-nan": "^1.0.0"
}
@@ -11059,7 +11074,6 @@
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
"dev": true,
- "optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
@@ -11068,15 +11082,13 @@
"version": "0.0.8",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
- "dev": true,
- "optional": true
+ "dev": true
},
"minipass": {
"version": "2.3.5",
"resolved": "https://registry.npmjs.org/minipass/-/minipass-2.3.5.tgz",
"integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
"dev": true,
- "optional": true,
"requires": {
"safe-buffer": "^5.1.2",
"yallist": "^3.0.0"
@@ -11097,7 +11109,6 @@
"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
"dev": true,
- "optional": true,
"requires": {
"minimist": "0.0.8"
}
@@ -11186,8 +11197,7 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
"integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
- "dev": true,
- "optional": true
+ "dev": true
},
"object-assign": {
"version": "4.1.1",
@@ -11201,7 +11211,6 @@
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
"dev": true,
- "optional": true,
"requires": {
"wrappy": "1"
}
@@ -11297,8 +11306,7 @@
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
- "dev": true,
- "optional": true
+ "dev": true
},
"safer-buffer": {
"version": "2.1.2",
@@ -11340,7 +11348,6 @@
"resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
"integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
"dev": true,
- "optional": true,
"requires": {
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",
@@ -11362,7 +11369,6 @@
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
"dev": true,
- "optional": true,
"requires": {
"ansi-regex": "^2.0.0"
}
@@ -11411,15 +11417,13 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
- "dev": true,
- "optional": true
+ "dev": true
},
"yallist": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz",
"integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
- "dev": true,
- "optional": true
+ "dev": true
}
}
},
diff --git a/package.json b/package.json
index 3bcfd822..3c5ca704 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
"@githubprimer/octicons-react": "^8.1.3",
"@mdx-js/mdx": "^0.16.6",
"@mdx-js/tag": "0.15.0",
- "@primer/blueprints": "3.0.4",
+ "@primer/blueprints": "0.0.0-d6c952f",
"@primer/components": "12.0.1",
"@primer/next-pages": "0.0.3",
"@storybook/addon-viewport": "5.0.0",
diff --git a/pages/_app.js b/pages/_app.js
index d94beb94..38bb28ae 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -4,7 +4,8 @@ import {MDXProvider} from '@mdx-js/tag'
import Head from 'next/head'
import {BaseStyles, BorderBox, Box, Flex, theme} from '@primer/components'
import {PackageHeader} from '../docs/components'
-import {Header, JumpNav, Section, RouteMatch, SectionLink, SideNav} from '@primer/blueprints'
+import {Header, JumpNav, Section, Router, RouteMatch, SectionLink, SideNav} from '@primer/blueprints'
+import {NavList} from '@primer/blueprints/dist/next-components.umd.js'
import getComponents from '../docs/markdown'
import documents from '../searchIndex'
import {config, requirePage, rootPage} from '../docs/utils'
@@ -27,7 +28,6 @@ export default class MyApp extends App {
// strip the trailing slash
const pathname = this.props.router.pathname.replace(/\/$/, '')
const {Component, page} = this.props
-
const node = rootPage.first(node => node.path === pathname) || {}
const {file, meta = {}} = node || {}
const components = getComponents(node)
@@ -83,19 +83,13 @@ export default class MyApp extends App {
borderTop={[1, 1, 0, 0]}
>
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/pages/_error.js b/pages/_error.js
index d9b152b1..7d3332d0 100644
--- a/pages/_error.js
+++ b/pages/_error.js
@@ -1,6 +1,6 @@
import React from 'react'
import {Heading} from '@primer/components'
-import {redirectTrailingSlash} from '@primer/blueprints'
+import {redirectTrailingSlash} from '@primer/blueprints/dist/next-components.umd.js'
export default class extends React.Component {
static getInitialProps(context) {
diff --git a/pages/index.js b/pages/index.js
index 72f4a8a7..6c80fc5c 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,2 +1,2 @@
-import {redirect} from '@primer/blueprints'
+import {redirect} from '@primer/blueprints/dist/next-components.umd.js'
export default redirect('/css')