primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-29 00:58:31 +03:00
Code Issues Projects Releases Wiki Activity

Add hero animation

Browse Source
This commit is contained in:
Cole Bemis 2019-08-12 11:15:19 -07:00
parent d2b9499653
commit 469390da1f
7 changed files with 282 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
gatsby-docs/gatsby-config.js
View File

@ -1,5 +1,3 @@
const path = require('path')
module.exports = {
siteMetadata: {
title: 'Primer CSS',
@ -11,9 +9,15 @@ module.exports = {
{
resolve: '@primer/gatsby-theme-doctocat',
options: {
repoRootPath: path.resolve(process.cwd(), '..')
repoRootPath: '..'
}
},
'gatsby-plugin-sass'
'gatsby-plugin-sass',
{
resolve: 'gatsby-plugin-svgr',
options: {
svgo: false
}
}
]
}

287
gatsby-docs/package-lock.json generated
View File

@ -954,31 +954,39 @@
"integrity": "sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q=="
},
"@mdx-js/mdx": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-1.1.6.tgz",
"integrity": "sha512-DyHEQ+17/XrzBOV+Jxt8PuzpJ5iZ1L7G7My7qtUrIjstQXu24emfo3E0/uIt/rizEXu4CuX/ryBVWrqUwcJPYQ==",
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-1.2.2.tgz",
"integrity": "sha512-o4b/1JFyhl8ep927JsAW3pQYQpnq2xJ/pO9/5SFp+W5ZygYTYI9Z5MFVvVkPKSDNv+nxPkQ4Lya7ecbNxSZlkg==",
"requires": {
"@babel/helper-plugin-utils": "7.0.0",
"@babel/core": "^7.5.5",
"@babel/plugin-syntax-jsx": "7.2.0",
"@babel/plugin-syntax-object-rest-spread": "7.2.0",
"@mdx-js/util": "^1.2.2",
"babel-plugin-apply-mdx-type-prop": "^1.2.2",
"babel-plugin-extract-import-names": "^1.2.2",
"camelcase-css": "2.0.1",
"detab": "2.0.2",
"hast-util-raw": "5.0.1",
"lodash.uniq": "4.5.0",
"mdast-util-to-hast": "6.0.1",
"remark-mdx": "^1.1.6",
"remark-parse": "7.0.0",
"remark-mdx": "^1.2.2",
"remark-parse": "7.0.1",
"remark-squeeze-paragraphs": "3.0.4",
"style-to-object": "0.2.3",
"unified": "8.3.2",
"unist-builder": "1.0.4",
"unist-util-visit": "1.4.1"
"unist-util-visit": "2.0.0"
}
},
"@mdx-js/react": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.1.6.tgz",
"integrity": "sha512-IQf5WIuInyk85liH1jXoK16pRr3ExQAuR4tzE1GnXK6IyuZoj3DBKMlwKZ93Fa5WF31o3Vc39CIkosuC/xIHhQ=="
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.2.2.tgz",
"integrity": "sha512-vmbZ8AttReR6krZjHBYsF+pN9Cikd/QpBUeP14inqwBKMXHYdOEdYzfm5uer3tkl3iwhxKWAVLxHTh8fwICEZw=="
},
"@mdx-js/util": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/@mdx-js/util/-/util-1.2.2.tgz",
"integrity": "sha512-hnf0SpGr1ckKWYQt7CHkocAyeh4u7UyYt8bRdILT94ypZ0piX+By6bnDZxYysMt8V+knl7ZM0MxaPFIdrhTh0g=="
},
"@mikaelkristiansson/domready": {
"version": "1.0.9",
@ -1103,9 +1111,9 @@
"integrity": "sha512-MyA2hoCY3UAmMKPHPN+LM1HrwGz5VR92fkEkIzAQgHBYMPstT77tjHkO8OPoWW//DShdYMYAgukZdMJ8lnsfbg=="
},
"@primer/gatsby-theme-doctocat": {
"version": "0.0.0-f8b7061",
"resolved": "https://registry.npmjs.org/@primer/gatsby-theme-doctocat/-/gatsby-theme-doctocat-0.0.0-f8b7061.tgz",
"integrity": "sha512-iTvwKuoWzmSZ5XNimgXMuwaP8B3lfT18SY2naEUYgJPxs/PJzYUUER5A99Uppg89Qyvn85NBLSfMopCHkLqp4A==",
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@primer/gatsby-theme-doctocat/-/gatsby-theme-doctocat-0.9.0.tgz",
"integrity": "sha512-q5kLcFIiu6G1OosqeNmuEffRosQq8CvjRWKzPt40Yo199i5mA8BBlr2UEtMbk3geuIsbgm6tqslXtYLT/Re3Jg==",
"requires": {
"@mdx-js/mdx": "^1.0.21",
"@mdx-js/react": "^1.0.21",
@ -1128,11 +1136,9 @@
"gatsby-transformer-yaml": "^2.2.0",
"get-pkg-repo": "^4.1.0",
"github-slugger": "^1.2.1",
"html-react-parser": "^0.9.1",
"pkg-up": "^3.1.0",
"prism-react-renderer": "^0.1.7",
"react-addons-text-content": "^0.0.4",
"react-element-to-jsx-string": "^14.0.3",
"react-focus-lock": "^2.0.5",
"react-frame-component": "^4.1.1",
"react-helmet": "^5.2.1",
@ -1193,9 +1199,9 @@
}
},
"@styled-system/layout": {
"version": "5.0.21",
"resolved": "https://registry.npmjs.org/@styled-system/layout/-/layout-5.0.21.tgz",
"integrity": "sha512-mcSusfrp5SquF1YSjdlvUk85kN8q4ozwNiC3E3VlB+IhK56TVEWSSB3dmTW6z9KqE6T4gun6Ah+yWNPOynejHw==",
"version": "5.0.23",
"resolved": "https://registry.npmjs.org/@styled-system/layout/-/layout-5.0.23.tgz",
"integrity": "sha512-lFSLMLamnpfEf3Gd7YvJp6US3BorX3hLRpqEnFrBOoqST2c4LT7WhGIQETgLikZpmGsa0sRYHDxIZD9G41Pgtg==",
"requires": {
"@styled-system/core": "^5.0.21"
}
@ -1261,9 +1267,9 @@
}
},
"styled-system": {
"version": "5.0.21",
"resolved": "https://registry.npmjs.org/styled-system/-/styled-system-5.0.21.tgz",
"integrity": "sha512-A6SlXe/WNk+Ucx4pQ2RWXp7mp/AsvJHTXrKtnEquNiyA4rBlUFQqIzpG5k9NPRvrqJ0XpMSecNpj/RKG0Xkd1A==",
"version": "5.0.23",
"resolved": "https://registry.npmjs.org/styled-system/-/styled-system-5.0.23.tgz",
"integrity": "sha512-qkpl/lazc/N9dwysWOYGw1Xp4AwZkQPV7zWPpDdL7B1bZnMbdSsmeP6AAcXNJC5yrDiznkyMt+kvgU4tH3sYDw==",
"requires": {
"@styled-system/background": "^5.0.21",
"@styled-system/border": "^5.0.21",
@ -1271,7 +1277,7 @@
"@styled-system/core": "^5.0.21",
"@styled-system/flexbox": "^5.0.21",
"@styled-system/grid": "^5.0.21",
"@styled-system/layout": "^5.0.21",
"@styled-system/layout": "^5.0.23",
"@styled-system/position": "^5.0.21",
"@styled-system/shadow": "^5.0.21",
"@styled-system/space": "^5.0.21",
@ -1464,11 +1470,6 @@
"resolved": "https://registry.npmjs.org/@types/debug/-/debug-0.0.29.tgz",
"integrity": "sha1-oeUUrfvZLwOiJLpU1pMRHb8fN1Q="
},
"@types/domhandler": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/@types/domhandler/-/domhandler-2.4.1.tgz",
"integrity": "sha512-cfBw6q6tT5sa1gSPFSRKzF/xxYrrmeiut7E0TxNBObiLSBTuFEHibcfEe3waQPEDbqBsq+ql/TOniw65EyDFMA=="
},
"@types/events": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",
@ -2241,6 +2242,15 @@
"resolved": "https://registry.npmjs.org/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-0.2.1.tgz",
"integrity": "sha1-mumh9KjcZ/DN7E9K7aHkOl/2XiU="
},
"babel-plugin-apply-mdx-type-prop": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/babel-plugin-apply-mdx-type-prop/-/babel-plugin-apply-mdx-type-prop-1.2.2.tgz",
"integrity": "sha512-AZxq05nVPnQjjOOzLYomIrpWIfHo9SBdWaimIC+HKK/pEe6RoL4N+Io22Bm6HWLbVQ91mgt9o0SwgBAQ1IC/og==",
"requires": {
"@babel/helper-plugin-utils": "^7.0.0",
"@mdx-js/util": "^1.2.2"
}
},
"babel-plugin-dynamic-import-node": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz",
@ -2249,6 +2259,14 @@
"object.assign": "^4.1.0"
}
},
"babel-plugin-extract-import-names": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.2.2.tgz",
"integrity": "sha512-aj5A/by2gI7sWT008mMfgSyvAAJhnnlfFl6dSISBbaXdbzjTSoy33OLw7pHNTpWnNmPzbfV4d5+qgjdp5XAI5g==",
"requires": {
"@babel/helper-plugin-utils": "^7.0.0"
}
},
"babel-plugin-macros": {
"version": "2.4.2",
"resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.4.2.tgz",
@ -4609,14 +4627,14 @@
"integrity": "sha1-hk7xN5rO1Vzm+V3r7NzhefegzR0="
},
"downshift": {
"version": "3.2.10",
"resolved": "https://registry.npmjs.org/downshift/-/downshift-3.2.10.tgz",
"integrity": "sha512-fEYNbV/qDLUHTxF9wALNe51Xe5zauUhy2sqgYG1CtmAfUFMI30UuSaisU8CD0DEsFSIsaEvsVgtabb6nTEhtaA==",
"version": "3.2.12",
"resolved": "https://registry.npmjs.org/downshift/-/downshift-3.2.12.tgz",
"integrity": "sha512-JV8aw9gR324GX1xi85hsHf5bf5Is8n/uLGr8BVReuhDLobIvLVl2I2Oqi0Og5bUvyyHmN9EOGmk2FuXpY9XcNg==",
"requires": {
"@babel/runtime": "^7.1.2",
"@babel/runtime": "^7.4.5",
"compute-scroll-into-view": "^1.0.9",
"prop-types": "^15.6.0",
"react-is": "^16.5.2"
"prop-types": "^15.7.2",
"react-is": "^16.8.6"
}
},
"duplexer": {
@ -5888,9 +5906,9 @@
}
},
"framer-motion": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-1.5.0.tgz",
"integrity": "sha512-lrdOjz9adZP/tLuo9EEIfNK3guwpmZ4gWt2PcRMO2CgBgL55sInwQV4PTGonyPc9A6bmXd8vwgN1mWUNfAPulQ==",
"version": "1.6.1",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-1.6.1.tgz",
"integrity": "sha512-dMkSZIv4ykUNeWbQewfqyMwgYnlpQohPv4ePMBSuRN8JaXbc/0f5+WcI2T3sh0EPPuPQAr/6jMRUTf4fxz8ojw==",
"requires": {
"@popmotion/easing": "^1.0.2",
"@popmotion/popcorn": "^0.4.2",
@ -7243,6 +7261,16 @@
"unist-util-map": "^1.0.4",
"unist-util-remove": "^1.0.1",
"unist-util-visit": "^1.4.0"
},
"dependencies": {
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
}
}
}
},
"gatsby-plugin-page-creator": {
@ -7292,6 +7320,11 @@
"@babel/runtime": "^7.0.0"
}
},
"gatsby-plugin-svgr": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/gatsby-plugin-svgr/-/gatsby-plugin-svgr-2.0.2.tgz",
"integrity": "sha512-54REIMe79qFBAwpcnWHBkvEE9CKoEVkefF9rDXai0k642r91SZ4UeWFuAmsegPG+sPVub7tHfHu/2LVXK1I9kg=="
},
"gatsby-react-router-scroll": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/gatsby-react-router-scroll/-/gatsby-react-router-scroll-2.1.3.tgz",
@ -7447,11 +7480,6 @@
"resolved": "https://registry.npmjs.org/get-node-dimensions/-/get-node-dimensions-1.2.1.tgz",
"integrity": "sha512-2MSPMu7S1iOTL+BOa6K1S62hB2zUAYNF/lV0gSVlOaacd087lc6nR1H1r0e3B1CerTo+RceOmi1iJW+vp21xcQ=="
},
"get-own-enumerable-property-symbols": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.0.tgz",
"integrity": "sha512-CIJYJC4GGF06TakLg8z4GQKvDsx9EMspVxOYih7LerEL/WosUnFIww45CGfxfeKHqlg3twgUrYRT1O3WQqjGCg=="
},
"get-pkg-repo": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/get-pkg-repo/-/get-pkg-repo-4.1.0.tgz",
@ -8030,55 +8058,11 @@
"resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
"integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ=="
},
"html-dom-parser": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-0.2.2.tgz",
"integrity": "sha512-8qWXUf0JY8k21oPZIWN9VddADoac+TeNTvFyF/ZJ5JgtzDIt2Fk9uwUHYKkGHnZb2LPj3SeB2V4WK0Hn/MEH/Q==",
"requires": {
"@types/domhandler": "2.4.1",
"domhandler": "2.3.0",
"htmlparser2": "3.9.1"
},
"dependencies": {
"domhandler": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.3.0.tgz",
"integrity": "sha1-LeWaCCLVAn+r/28DLCsloqir5zg=",
"requires": {
"domelementtype": "1"
}
},
"htmlparser2": {
"version": "3.9.1",
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.9.1.tgz",
"integrity": "sha1-Yht6WLyazQA/evCiyaAKpnyFBdI=",
"requires": {
"domelementtype": "^1.3.0",
"domhandler": "^2.3.0",
"domutils": "^1.5.1",
"entities": "^1.1.1",
"inherits": "^2.0.1",
"readable-stream": "^2.0.2"
}
}
}
},
"html-entities": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.2.1.tgz",
"integrity": "sha1-DfKTUfByEWNRXfueVUPl9u7VFi8="
},
"html-react-parser": {
"version": "0.9.1",
"resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-0.9.1.tgz",
"integrity": "sha512-hr5s4FvVeocxt9bZILNi/2571/JrxlLvyDzQr6WxOc2PeZXXF6s3r4UkXOHFHgFH3WV9DV7S75zNZfE78momsw==",
"requires": {
"@types/domhandler": "2.4.1",
"html-dom-parser": "0.2.2",
"react-property": "1.0.1",
"style-to-object": "0.2.3"
}
},
"html-void-elements": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-1.0.4.tgz",
@ -8851,11 +8835,6 @@
"has": "^1.0.1"
}
},
"is-regexp": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
"integrity": "sha1-/S2INUXEa6xaYz57mgnof6LLUGk="
},
"is-relative": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
@ -9675,6 +9654,16 @@
"integrity": "sha512-nRiU5GpNy62rZppDKbLwhhtw5DXoFMqw9UNZFmlPsNaQCZ//WLjGKUwWMdJrUH+Se7UvtO2gXtAMe0g/N+eI5w==",
"requires": {
"unist-util-visit": "^1.1.0"
},
"dependencies": {
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
}
}
}
},
"mdast-util-definitions": {
@ -9683,6 +9672,16 @@
"integrity": "sha512-HfUArPog1j4Z78Xlzy9Q4aHLnrF/7fb57cooTHypyGoe2XFNbcx/kWZDoOz+ra8CkUzvg3+VHV434yqEd1DRmA==",
"requires": {
"unist-util-visit": "^1.0.0"
},
"dependencies": {
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
}
}
}
},
"mdast-util-to-hast": {
@ -9701,6 +9700,16 @@
"unist-util-position": "^3.0.0",
"unist-util-visit": "^1.1.0",
"xtend": "^4.0.1"
},
"dependencies": {
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
}
}
}
},
"mdast-util-to-nlcst": {
@ -9734,6 +9743,14 @@
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-2.1.3.tgz",
"integrity": "sha512-4WbQX2iwfr/+PfM4U3zd2VNXY+dWtZsN1fLnWEi2QQXA4qyDYAZcDMfXUX0Cu6XZUHHAO9q4nyxxLT4Awk1qUA=="
},
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
}
}
}
},
@ -12476,30 +12493,6 @@
"scheduler": "^0.13.6"
}
},
"react-element-to-jsx-string": {
"version": "14.0.3",
"resolved": "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-14.0.3.tgz",
"integrity": "sha512-ziZAm7OwEfFtyhCmQiFNI87KFu+G9EP8qVW4XtDHdKNqqprYifLzqXkzHqC1vnVsPhyp2znoPm0bJHAf1mUBZA==",
"requires": {
"is-plain-object": "3.0.0",
"stringify-object": "3.3.0"
},
"dependencies": {
"is-plain-object": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.0.tgz",
"integrity": "sha512-tZIpofR+P05k8Aocp7UI/2UTa9lTJSebCXpFFoR9aibpokDj/uXBsJ8luUu0tTVYKkMU6URDUuOfJZ7koewXvg==",
"requires": {
"isobject": "^4.0.0"
}
},
"isobject": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz",
"integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA=="
}
}
},
"react-error-overlay": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-3.0.0.tgz",
@ -12595,11 +12588,6 @@
"resize-observer-polyfill": "^1.5.0"
}
},
"react-property": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/react-property/-/react-property-1.0.1.tgz",
"integrity": "sha512-1tKOwxFn3dXVomH6pM9IkLkq2Y8oh+fh/lYW3MJ/B03URswUTqttgckOlbxY2XHF3vPG6uanSc4dVsLW/wk3wQ=="
},
"react-reconciler": {
"version": "0.20.4",
"resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.20.4.tgz",
@ -13005,23 +12993,24 @@
}
},
"remark-mdx": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-1.1.6.tgz",
"integrity": "sha512-asKqUQbXgWvc8AUSGl/Pjlfv9wrVlItaWodeemVGp7xmC87QL9PdbiRpEerJrPQpEujG9iFEw4A4J1GVT12GiA==",
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-1.2.2.tgz",
"integrity": "sha512-jkDKV2FMmIzRftMFL6YDKijr12JxsgXWgG8Slb/IKV58F6846W8WuJRonQDCOQ5QL2+1GChB7hZ4QbnNvn4ktg==",
"requires": {
"@babel/core": "7.5.5",
"@babel/helper-plugin-utils": "7.0.0",
"@babel/plugin-proposal-object-rest-spread": "7.5.5",
"@babel/plugin-syntax-jsx": "7.2.0",
"@mdx-js/util": "^1.2.2",
"is-alphabetical": "1.0.3",
"remark-parse": "7.0.0",
"remark-parse": "7.0.1",
"unified": "8.3.2"
}
},
"remark-parse": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-7.0.0.tgz",
"integrity": "sha512-UlfoqASKUnwSrzOcLSa7fwYdkpbeWwAs49YYdQmoYXK1TUJ2CvDBb3v8Lkt2GQzdPW9dWbjhteOsJJ27p1rNFg==",
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-7.0.1.tgz",
"integrity": "sha512-WOZLa545jYXtSy+txza6ACudKWByQac4S2DmGk+tAGO/3XnVTOxwyCIxB7nTcLlk8Aayhcuf3cV1WV6U6L7/DQ==",
"requires": {
"collapse-white-space": "^1.0.2",
"is-alphabetical": "^1.0.0",
@ -14499,16 +14488,6 @@
"is-hexadecimal": "^1.0.0"
}
},
"stringify-object": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz",
"integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==",
"requires": {
"get-own-enumerable-property-symbols": "^3.0.0",
"is-obj": "^1.0.1",
"is-regexp": "^1.0.0"
}
},
"strip-ansi": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@ -15331,6 +15310,16 @@
"integrity": "sha512-CtszTlOjP2sBGYc2zcKA/CvNdTdEs3ozbiJ63IPBxh8iZg42SCCb8m04f8z2+V1aSk5a7BxbZKEdoDjadmBkWA==",
"requires": {
"unist-util-visit": "^1.1.0"
},
"dependencies": {
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
}
}
}
},
"unist-util-select": {
@ -15367,11 +15356,29 @@
}
},
"unist-util-visit": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
"integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.0.tgz",
"integrity": "sha512-kiTpWKsF54u/78L/UU/i7lxrnqGiEWBgqCpaIZBYP0gwUC+Akq0Ajm4U8JiNIoQNfAioBdsyarnOcTEAb9mLeQ==",
"requires": {
"unist-util-visit-parents": "^2.0.0"
"@types/unist": "^2.0.0",
"unist-util-is": "^4.0.0",
"unist-util-visit-parents": "^3.0.0"
},
"dependencies": {
"unist-util-is": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.0.tgz",
"integrity": "sha512-E5JLUKRQlAYiJmN2PVBdSz01R3rUKRSM00X+0DB/yLqxdLu6wZZkRdTIsxDp9X+bkxh8Eq+O2YYRbZvLZtQT1A=="
},
"unist-util-visit-parents": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.0.0.tgz",
"integrity": "sha512-H3K8d81S4V3XVXVwLvrLGk+R5VILryfUotD06/R/rLsTsPLGjkn6gIP8qEEVITcuIySNYj0ocJLsePjm9F/Vcg==",
"requires": {
"@types/unist": "^2.0.3",
"unist-util-is": "^4.0.0"
}
}
}
},
"unist-util-visit-children": {

4
gatsby-docs/package.json
View File

@ -10,17 +10,19 @@
"dependencies": {
"@primer/components": "^13.2.0",
"@primer/css": "^12.4.1",
"@primer/gatsby-theme-doctocat": "0.0.0-f8b7061",
"@primer/gatsby-theme-doctocat": "^0.9.0",
"@primer/octicons-react": "^9.1.1",
"chroma-js": "^2.0.4",
"css-loader": "^3.1.0",
"gatsby": "^2.10.4",
"gatsby-plugin-sass": "^2.1.0",
"gatsby-plugin-svgr": "^2.0.2",
"node-sass": "^4.12.0",
"primer-colors": "^1.0.1",
"prop-types": "^15.7.2",
"raw-loader": "^3.1.0",
"react": "^16.8.6",
"react-bodymovin": "^2.0.0",
"react-dom": "^16.8.6",
"react-frame-component": "^4.1.1",
"sass-loader": "^7.1.0",

6
gatsby-docs/src/@primer/gatsby-theme-doctocat/components/hero.js
View File

@ -2,17 +2,19 @@ import {Box, Heading, Text} from '@primer/components'
import {Container} from '@primer/gatsby-theme-doctocat'
import React from 'react'
import {version} from '../../../../../package.json'
import HeroAnimation from '../../../hero-animation'
function Hero() {
return (
<Box bg="black" py={4}>
<Box bg="black" py={6}>
<Container>
<Heading color="blue.4" fontSize={7} m={0}>
Primer CSS
</Heading>
<Text as="p" m={0} color="blue.2" fontSize={2}>
<Text as="p" fontFamily="mono" mt={0} mb={2} color="blue.3" fontSize={2}>
v{version}
</Text>
<HeroAnimation />
</Container>
</Box>
)

22
gatsby-docs/src/hero-animation.js Normal file
View File

@ -0,0 +1,22 @@
import React from 'react'
import heroAnimation from './hero-animation.json'
import {ReactComponent as HeroIllustration} from './hero-illustration.svg'
const ReactBodymovin = React.lazy(() => import('react-bodymovin'))
const bodymovinOptions = {
loop: true,
autoplay: true,
prerender: true,
animationData: heroAnimation
}
function HeroAnimation() {
return (
<React.Suspense fallback={<HeroIllustration />}>
<ReactBodymovin options={bodymovinOptions} />
</React.Suspense>
)
}
export default HeroAnimation

1
gatsby-docs/src/hero-animation.json Normal file
View File

File diff suppressed because one or more lines are too long

97
gatsby-docs/src/hero-illustration.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB