Merge branch 'master' into box-v2

Author: nicolasfont

CHANGELOG.md

@@ -6,6 +6,15 @@
 - Box: rename spacing props values from "default" to "medium".
 - Box: update Box docs.
 
+# 7.1.3
+- Update to CONTRIBUTING.md about installing lerna.
+- BlankSlate: Remove hard-coded / default icon graphic and white background Panel per UX.
+- Form: Remove 24px margin between fields per UX.
+- Modal: Remove header and footer boarder lines, push top down, add left & right padding of 25px, include a -md class which is not quite as wide as the default. All per UX.
+- DataTable: Change the thickness and color of the header row bottom border, remove the extra DataTable.css import which was causing issues, added alignment argument to header props. All per UX.
+- TopNav: Fixed some sizing and cursor issues.
+- Panel: Now passing down classnames onto the component.
+
 # 7.1.2
 
 ## New Component

CONTRIBUTING.md

@@ -26,6 +26,9 @@ For components from visual-stack that require state management, this library pro
 This is a microsite providing documentation and live examples of components. This package depends on the other two.
 
 ### Running locally
+Install lerna: `npm install -g lerna`
+
+Make sure you are using node 14 or below (`npm install -g n` can be helpful here)
 
 From a fresh clone of the repo, start by bootstrapping the project from the root with `npm run bootstrap`. This will install all external dependencies, create links between local dependent packages and build all three packages.
 

lerna.json

@@ -2,6 +2,6 @@
   "packages": [
     "packages/*"
   ],
-  "version": "7.1.2",
+  "version": "7.1.4",
   "lerna": "2.9.0"
 }

packages/visual-stack-docs/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@cjdev/visual-stack-docs",
-  "version": "7.1.2",
+  "version": "7.1.4",
   "private": true,
   "devDependencies": {
     "concurrently": "^4.1.0",
@@ -15,8 +15,8 @@
     "rimraf": "^2.6.3"
   },
   "dependencies": {
-    "@cjdev/visual-stack": "^7.1.2",
-    "@cjdev/visual-stack-redux": "^7.1.2",
+    "@cjdev/visual-stack": "^7.1.3",
+    "@cjdev/visual-stack-redux": "^7.1.4",
     "express": "^4.16.4",
     "luxon": "^1.13.2",
     "material-ui": "^1.0.0-beta.46",

packages/visual-stack-docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cjdev/visual-stack-redux",
-  "version": "7.1.2",
+  "version": "7.1.4",
   "main": "lib/index.js",
   "files": [
     "dist",
@@ -30,7 +30,7 @@
     ]
   },
   "peerDependencies": {
-    "@cjdev/visual-stack": "^4.0.0",
+    "@cjdev/visual-stack": "^7.0.0",
     "react": ">=15.3.1",
     "react-dom": ">=15.3.1",
     "redux": ">=3.3.1"
@@ -46,7 +46,7 @@
     "@babel/preset-env": "^7.3.1",
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.0.0",
-    "@cjdev/visual-stack": "^7.1.2",
+    "@cjdev/visual-stack": "^7.1.3",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.3.0",
     "babel-loader": "^8.0.5",

packages/visual-stack-redux/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@cjdev/visual-stack",
-  "version": "7.1.2",
+  "version": "7.1.3",
   "files": [
     "dist",
     "lib",

packages/visual-stack-redux/package.json

@@ -2,31 +2,27 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '../Button';
 import './BlankSlate.css';
-import IconExample from 'mdi-react/BlurIcon';
-import { Panel } from '../../../lib/components/Panel';
 
 export const BlankSlate = ({
   children,
   alignment = '',
   title = 'You do not have any content.',
-  headerGraphic = <IconExample />,
+  headerGraphic = '',
   className = '',
   ...restProps
 }) => {
   return (
-    <Panel>
-      <div
-        {...restProps}
-        className={`vs-bs-container ${alignment === 'left-side' &&
-          'vs-bs-leftalign'} ${className}`}
-      >
-        <div className="vs-bs-img">{headerGraphic}</div>
-        <div className="vs-bs-content">
-          <h1 className="vs-bs-title">{title}</h1>
-          {children}
-        </div>
+    <div
+      {...restProps}
+      className={`vs-bs-container ${alignment === 'left-side' &&
+        'vs-bs-leftalign'} ${className}`}
+    >
+      <div className="vs-bs-img">{headerGraphic}</div>
+      <div className="vs-bs-content">
+        <h1 className="vs-bs-title">{title}</h1>
+        {children}
       </div>
-    </Panel>
+    </div>
   );
 };