colors storybook added

.eslintignore

@@ -0,0 +1 @@
+.storybook/webpack.config.js

.storybook/webpack.config.es6.js

@@ -0,0 +1,46 @@
+const path = require('path')
+
+module.exports = storybookBaseConfig => {
+ const loaders = [...storybookBaseConfig.module.loaders]
+ loaders.splice(
+ -1,
+ 0,
+ {
+ test: /\.(png\?.*|jpg\?.*|jpg|png)$/,
+ loader: 'url-loader',
+ },
+ {
+ test: /\.(blob)/,
+ loader: 'file-loader',
+ },
+ {
+ test: /\.(json)/,
+ loader: 'json-loader',
+ },
+ )
+
+ // Return the altered config
+ return {
+ ...storybookBaseConfig,
+ debug: true,
+ devtool: 'source-map',
+ resolve: {
+ ...storybookBaseConfig.resolve,
+ alias: {
+ react: path.join(
+ __dirname,
+ '../node_modules/react/dist/react-with-addons.js',
+ ),
+ 'react-dom': path.join(
+ __dirname,
+ '../node_modules/react-dom/dist/react-dom.js',
+ ),
+ },
+ fallback: [path.join(__dirname, '../packages')],
+ },
+ module: {
+ ...storybookBaseConfig.module,
+ loaders,
+ },
+ }
+}

.storybook/webpack.config.js

@@ -1,34 +1,5 @@
-const path = require('path')
-
-module.exports = function(storybookBaseConfig, configType) {
- storybookBaseConfig.debug = true
- storybookBaseConfig.devtool = 'source-map'
- storybookBaseConfig.resolve.alias = {
- react: path.join(
- __dirname,
- '../node_modules/react/dist/react-with-addons.js',
- ),
- 'react-dom': path.join(
- __dirname,
- '../node_modules/react-dom/dist/react-dom.js',
- ),
- }
-
- storybookBaseConfig.module.loaders.splice(
- -1,
- 0,
- {
- test: /\.(png\?.*|jpg\?.*|jpg|png)$/,
- loader: 'url-loader',
- },
- {
- test: /\.(blob)/,
- loader: 'file-loader',
- },
- )
-
- storybookBaseConfig.resolve.fallback = [path.join(__dirname, '../packages')]
-
- // Return the altered config
- return storybookBaseConfig
-}
+// Storybook config does not work with ES6 just yet.
+// This is a workaround.
+// https://github.com/storybooks/storybook/issues/155
+require('babel-register');
+module.exports = require('./webpack.config.es6.js');

package.json

@@ -30,7 +30,8 @@
  "lint": "eslint --cache --ignore-pattern coverage --ignore-pattern node_modules --ignore-pattern lib .",
  "storybook": "start-storybook -p 6006",
  "build-storybook": "build-storybook",
- "build:watch": "lerna exec --parallel -- babel src -d lib --ignore *.test.js -w"
+ "build:watch": "lerna exec --parallel -- babel src -d lib --ignore *.test.js -w",
+ "build": "lerna exec --parallel -- babel src -d lib --ignore *.test.js"
  },
  "dependencies": {
  "prop-types": "^15.5.10",

packages/evergreen-colors/package.json

@@ -0,0 +1,18 @@
+{
+ "name": "evergreen-colors",
+ "version": "1.0.0",
+ "description": "Colors",
+ "main": "lib/colors.json",
+ "keywords": [
+ "evergreen",
+ "segment",
+ "ui",
+ "colors",
+ "evergreen-colors"
+ ],
+ "author": "Segment",
+ "license": "MIT",
+ "devDependencies": {
+ "ui-box": "^0.3.2"
+ }
+}