Merge c61ef9c into 8bd6383

package.json

@@ -6,7 +6,7 @@
     "start:storybook": "start-storybook -p 9001 -c .storybook",
     "prebuild": "lerna bootstrap",
     "build": "lerna run build --ignore @sparkpost/matchbox-site",
-    "build:site": "npm run bootstrap && lerna exec --scope @sparkpost/matchbox-site -- npm run build",
+    "build:site": "lerna exec --scope @sparkpost/matchbox-site -- npm run build",
     "clean": "lerna clean --yes",
     "bootstrap": "lerna bootstrap",
     "pretest": "npm run build && npm run clean && lerna link",
@@ -25,7 +25,6 @@
     ]
   },
   "dependencies": {
-    "@sparkpost/design-tokens": "0.0.4",
     "downshift": "^3.2.10",
     "jest-in-case": "^1.0.2",
     "prop-types": "^15.6.1",

packages/matchbox-site/.eslintignore

@@ -0,0 +1,5 @@
+../matchbox/*
+!../matchbox/src
+
+../matchbox-icons/*
+!../matchbox-icons/src

packages/matchbox-site/.gitignore

@@ -1,8 +1,69 @@
-# Project dependencies
-.cache
-node_modules
-yarn-error.log
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
 
-# Build directory
-/public
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variables file
+.env
+
+# gatsby files
+.cache/
+public
+
+# Mac files
 .DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity

packages/matchbox-site/.prettierrc

@@ -1,5 +1,7 @@
 {
-  "semi": false,
+  "endOfLine": "lf",
+  "semi": true,
   "singleQuote": true,
-  "trailingComma": "es5"
+  "tabWidth": 2,
+  "trailingComma": "none"
 }

packages/matchbox-site/README.md

@@ -1,7 +1,6 @@
 # matchbox-site
 
-## Local Development
 ```bash
-# Runs gatsby at localhost:8000
-npm run start:site
+# Starts gatsby at localhost:8001
+npm run start
 ```

packages/matchbox-site/gatsby-browser.js

@@ -0,0 +1,7 @@
+/**
+ * Implement Gatsby's Browser APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/browser-apis/
+ */
+
+// You can delete this file if you're not using it

packages/matchbox-site/gatsby-config.js

@@ -1,34 +1,51 @@
-const path = require('path');
 module.exports = {
   siteMetadata: {
-    title: 'Matchbox'
+    title: 'Matchbox',
+    description: 'SparkPost Design System',
+    author: '@sparkpost'
   },
   plugins: [
-    'gatsby-plugin-react-next',
     'gatsby-plugin-react-helmet',
     'gatsby-plugin-sass',
-    'gatsby-transformer-react-docgen',
     {
-      resolve: 'gatsby-source-filesystem',
+      resolve: 'gatsby-plugin-mdx',
       options: {
-        name: 'components',
-        path: path.resolve(__dirname, '../matchbox/src/components')
+        defaultLayouts: {
+          default: require.resolve('./src/components/Layout/Layout.js')
+        }
       }
     },
     {
       resolve: 'gatsby-source-filesystem',
       options: {
-        name: 'icon',
-        path: path.resolve(__dirname, '../matchbox-icons/src/IconBase')
+        name: 'images',
+        path: `${__dirname}/src/images`
       }
     },
-    'gatsby-plugin-mdx',
+    'gatsby-transformer-json',
     {
       resolve: 'gatsby-source-filesystem',
       options: {
-        name: 'pages',
-        path: `${__dirname}/src/pages/`
+        name: 'routes',
+        path: `${__dirname}/src/routes`
+      }
+    },
+    'gatsby-transformer-sharp',
+    'gatsby-plugin-sharp',
+    {
+      resolve: 'gatsby-plugin-manifest',
+      options: {
+        name: 'gatsby-starter-default',
+        short_name: 'starter',
+        start_url: '/',
+        background_color: '#663399',
+        theme_color: '#663399',
+        display: 'minimal-ui',
+        icon: 'src/images/gatsby-icon.png' // This path is relative to the root of the site.
       }
     }
+    // this (optional) plugin enables Progressive Web App + Offline functionality
+    // To learn more, visit: https://gatsby.dev/offline
+    // `gatsby-plugin-offline`,
   ]
 };

packages/matchbox-site/gatsby-node.js

@@ -1,51 +1,5 @@
-const path = require('path');
-
-// Use this to create pages from mdx files
-// exports.createPages = ({ graphql, boundActionCreators }) => {
-//   const { createPage } = boundActionCreators
-//
-//   return new Promise((resolve, reject) => {
-//     graphql(`
-//       {
-//         allFile(filter: { extension: { eq: "mdx" } }) {
-//           edges {
-//             node {
-//               absolutePath
-//               relativeDirectory
-//               name
-//             }
-//           }
-//         }
-//       }
-//     `)
-//       .then(result => {
-//         if (result.errors) {
-//           return reject(result.errors)
-//         }
-//
-//         // Create markdown pages.
-//         result.data.allFile.edges.forEach(
-//           ({ node: { absolutePath, relativeDirectory, name } }) => {
-//             createPage({
-//               path: `${relativeDirectory}/${name}`,
-//               component: absolutePath,
-//             })
-//           }
-//         )
-//       })
-//       .then(resolve)
-//   })
-// }
-
-exports.modifyWebpackConfig = ({ config }) => {
-  config.merge({
-    resolve: {
-      alias: {
-        '@sparkpost/matchbox-icons': path.resolve(__dirname, '../matchbox-icons/src'),
-        '@sparkpost/matchbox': path.resolve(__dirname, '../matchbox/src')
-      }
-    }
-  });
-
-  return config;
-};
+/**
+ * Implement Gatsby's Node APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/node-apis/
+ */

packages/matchbox-site/gatsby-ssr.js

@@ -0,0 +1,7 @@
+/**
+ * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/ssr-apis/
+ */
+
+// You can delete this file if you're not using it