diff --git a/package-lock.json b/package-lock.json
index 5bc6a91..a0ab1fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3794,46 +3794,36 @@
"dev": true
},
"@blueprintjs/core": {
- "version": "3.26.1",
- "resolved": "https://registry.npmjs.org/@blueprintjs/core/-/core-3.26.1.tgz",
- "integrity": "sha512-f5U9RBvSMV/eLEXlBeaYbx+LRAcrsSrnK8gScM4Jwnuto6d9m6CeVxNe6YkQxvKOs4lhiC+UdPN2A9yJcXrGHA==",
+ "version": "3.36.0",
+ "resolved": "https://registry.npmjs.org/@blueprintjs/core/-/core-3.36.0.tgz",
+ "integrity": "sha512-7VUyF+qWelDysajK0Xowlou+iqbGAFfGaM3znpmm7OEEIli5XRWjG9rhNuEk3sP7zbdOJpyqh5PAPDQvm5Sxmg==",
"requires": {
- "@blueprintjs/icons": "^3.16.0",
+ "@blueprintjs/icons": "^3.23.0",
"@types/dom4": "^2.0.1",
"classnames": "^2.2",
"dom4": "^2.1.5",
"normalize.css": "^8.0.1",
- "popper.js": "^1.15.0",
+ "popper.js": "^1.16.1",
"react-lifecycles-compat": "^3.0.4",
"react-popper": "^1.3.7",
"react-transition-group": "^2.9.0",
"resize-observer-polyfill": "^1.5.1",
- "tslib": "~1.10.0"
+ "tslib": "~1.13.0"
},
"dependencies": {
- "loose-envify": {
- "version": "1.4.0",
- "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
- "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+ "@blueprintjs/icons": {
+ "version": "3.23.0",
+ "resolved": "https://registry.npmjs.org/@blueprintjs/icons/-/icons-3.23.0.tgz",
+ "integrity": "sha512-QOQ3P5bU1FiEwnMBl5Chn433ONSSTIMgC+zZJttyXV0m8R7D1bPBJJqIMuANXtRld/Fj+8IzoQ6jfaVUG16slA==",
"requires": {
- "js-tokens": "^3.0.0 || ^4.0.0"
- }
- },
- "react-transition-group": {
- "version": "2.9.0",
- "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
- "integrity": "sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==",
- "requires": {
- "dom-helpers": "^3.4.0",
- "loose-envify": "^1.4.0",
- "prop-types": "^15.6.2",
- "react-lifecycles-compat": "^3.0.4"
+ "classnames": "^2.2",
+ "tslib": "~1.13.0"
}
},
"tslib": {
- "version": "1.10.0",
- "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
- "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+ "version": "1.13.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
+ "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
}
}
},
@@ -10517,9 +10507,9 @@
"dev": true
},
"dom4": {
- "version": "2.1.5",
- "resolved": "https://registry.npmjs.org/dom4/-/dom4-2.1.5.tgz",
- "integrity": "sha512-gJbnVGq5zaBUY0lUh0LUEVGYrtN75Ks8ZwpwOYvnVFrKy/qzXK4R/1WuLIFExWj/tBxbRAkTzZUGJHXmqsBNjQ=="
+ "version": "2.1.6",
+ "resolved": "https://registry.npmjs.org/dom4/-/dom4-2.1.6.tgz",
+ "integrity": "sha512-JkCVGnN4ofKGbjf5Uvc8mmxaATIErKQKSgACdBXpsQ3fY6DlIpAyWfiBSrGkttATssbDCp3psiAKWXk5gmjycA=="
},
"domain-browser": {
"version": "1.2.0",
@@ -10680,9 +10670,9 @@
}
},
"elliptic": {
- "version": "6.5.2",
- "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
- "integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
+ "version": "6.5.3",
+ "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
+ "integrity": "sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==",
"dev": true,
"requires": {
"bn.js": "^4.4.0",
@@ -16929,9 +16919,9 @@
}
},
"lodash": {
- "version": "4.17.15",
- "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
- "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+ "version": "4.17.20",
+ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+ "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
"dev": true
},
"lodash._getnative": {
@@ -18193,9 +18183,9 @@
}
},
"node-fetch": {
- "version": "2.6.0",
- "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
- "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==",
+ "version": "2.6.1",
+ "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
+ "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==",
"dev": true
},
"node-gyp": {
@@ -21368,6 +21358,27 @@
"prop-types": "^15.6.0"
}
},
+ "react-transition-group": {
+ "version": "2.9.0",
+ "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
+ "integrity": "sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==",
+ "requires": {
+ "dom-helpers": "^3.4.0",
+ "loose-envify": "^1.4.0",
+ "prop-types": "^15.6.2",
+ "react-lifecycles-compat": "^3.0.4"
+ },
+ "dependencies": {
+ "loose-envify": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+ "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+ "requires": {
+ "js-tokens": "^3.0.0 || ^4.0.0"
+ }
+ }
+ }
+ },
"read-pkg": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -24408,10 +24419,13 @@
}
},
"serialize-javascript": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.0.0.tgz",
- "integrity": "sha512-skZcHYw2vEX4bw90nAr2iTTsz6x2SrHEnfxgKYmZlvJYBEZrvbKtobJWlQ20zczKb3bsHHXXTYt48zBA7ni9cw==",
- "dev": true
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.1.0.tgz",
+ "integrity": "sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==",
+ "dev": true,
+ "requires": {
+ "randombytes": "^2.1.0"
+ }
},
"source-map": {
"version": "0.6.1",
diff --git a/package.json b/package.json
index 4fa50cc..09624ba 100644
--- a/package.json
+++ b/package.json
@@ -114,7 +114,7 @@
"styled-components": "^4.1.3"
},
"dependencies": {
- "@blueprintjs/core": "^3.25.0",
+ "@blueprintjs/core": "^3.36.0",
"@blueprintjs/icons": "^3.15.0",
"@buttercup/generator": "^1.2.0",
"@buttercup/react-formatted-input": "^1.3.0",
diff --git a/src/components/vault/AddEntry.js b/src/components/vault/AddEntry.js
index b426186..afd78b8 100644
--- a/src/components/vault/AddEntry.js
+++ b/src/components/vault/AddEntry.js
@@ -28,9 +28,10 @@ const AddEntry = ({ disabled }) => {
text="New Entry"
onClick={() => onAddEntry(defaultEntryType)}
disabled={disabled}
+ fill
/>
-
+
);
diff --git a/src/components/vault/Pane.js b/src/components/vault/Pane.js
index ad42e79..776bdd4 100644
--- a/src/components/vault/Pane.js
+++ b/src/components/vault/Pane.js
@@ -56,7 +56,7 @@ export const PaneContainer = styled.div`
display: grid;
overflow: hidden;
background-color: ${props => props.primary && getThemeProp(props, 'colors.mainPaneBackground')};
- grid-template-rows: 55px 1fr 40px;
+ grid-template-rows: 55px 1fr 50px;
grid-template-areas:
'header'
'body'
diff --git a/src/styles/themes.js b/src/styles/themes.js
index 29c8d93..a36960a 100644
--- a/src/styles/themes.js
+++ b/src/styles/themes.js
@@ -1,6 +1,7 @@
import { Colors } from '@blueprintjs/core';
const light = {
+ dark: false,
vault: {
list: {
focusedBackgroundColor: Colors.LIGHT_GRAY5,
@@ -34,6 +35,7 @@ const light = {
};
const dark = {
+ dark: true,
vault: {
list: {
focusedBackgroundColor: Colors.DARK_GRAY5,
diff --git a/stories/vault.js b/stories/vault.js
index b858c8b..59cc516 100644
--- a/stories/vault.js
+++ b/stories/vault.js
@@ -254,8 +254,8 @@ function VaultRender({ formatB = false, dark = false, basic = true, icons = true
createVaultManager();
}, []);
return (
-
-
+
+
-
-
+
+
);
}