feat(theme): new component to nest themable components

packages/theme/.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    "react",
+    "stage-2",
+    ["env", {
+      "targets": {
+        "browsers": ["last 2 versions", "ie >= 10"]
+      }
+    }]
+  ]
+}

packages/theme/.npmignore

@@ -0,0 +1,3 @@
+__specs__
+src
+.babelrc

packages/theme/.npmrc

@@ -0,0 +1 @@
+package-lock=false

packages/theme/index.js

@@ -0,0 +1,3 @@
+const React = require('./dist/react')
+
+module.exports = { React }

packages/theme/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@pluralsight/ps-design-system-theme",
+  "version": "1.0.0",
+  "description": "Design System component for theming",
+  "main": "index.js",
+  "scripts": {
+    "build": "babel src --out-dir dist --ignore spec.js --copy-files",
+    "build:watch": "npm run build -- --watch",
+    "prepublish": "npm run build",
+    "test": "jest",
+    "test:watch": "npm run test -- --watchAll",
+    "test:updateSnapshot": "npm run test -- --updateSnapshot"
+  },
+  "keywords": [],
+  "author": "jaketrent",
+  "license": "Apache-2.0",
+  "repository": "pluralsight/design-system",
+  "peerDependencies": {
+    "@pluralsight/ps-design-system-normalize": "^3.0.24",
+    "glamor": "^2.20.0",
+    "react": ">=0.15.0 < 17.0.0"
+  },
+  "dependencies": {
+    "prop-types": "^15.5.10"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.24.1",
+    "babel-preset-env": "^1.4.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "jest": "^20.0.4"
+  }
+}

packages/theme/react.js

@@ -0,0 +1 @@
+module.exports = require('./dist/react')

packages/theme/src/react/index.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+export const names = { dark: 'dark', light: 'light' }
+
+class Theme extends React.Component {
+  getChildContext() {
+    return { themeName: this.props.name }
+  }
+  render() {
+    return this.props.children
+  }
+}
+Theme.childContextTypes = {
+  themeName: PropTypes.string.isRequired
+}
+Theme.propTypes = {
+  name: PropTypes.string.isRequired
+}
+Theme.defaultProps = {
+  name: names.dark
+}
+
+Theme.names = names
+
+export default Theme