diff --git a/lib/gui/app/components/source-selector/source-selector.tsx b/lib/gui/app/components/source-selector/source-selector.tsx
index 2e8dc3d6..abd4a944 100644
--- a/lib/gui/app/components/source-selector/source-selector.tsx
+++ b/lib/gui/app/components/source-selector/source-selector.tsx
@@ -213,22 +213,25 @@ interface Flow {
}
const FlowSelector = styled(
- ({ flow, ...props }: { flow: Flow; props?: ButtonProps }) => {
- return (
- flow.onClick(evt)}
- icon={flow.icon}
- {...props}
- >
- {flow.label}
-
- );
- },
+ ({ flow, ...props }: { flow: Flow; props?: ButtonProps }) => (
+ flow.onClick(evt)}
+ icon={flow.icon}
+ {...props}
+ >
+ {flow.label}
+
+ ),
)`
border-radius: 24px;
color: rgba(255, 255, 255, 0.7);
+ :enabled:focus,
+ :enabled:focus svg {
+ color: ${colors.primary.foreground} !important;
+ }
+
:enabled:hover {
background-color: ${colors.primary.background};
color: ${colors.primary.foreground};
diff --git a/lib/gui/app/theme.ts b/lib/gui/app/theme.ts
index e6a4ae95..6c30e43e 100644
--- a/lib/gui/app/theme.ts
+++ b/lib/gui/app/theme.ts
@@ -1,18 +1,21 @@
/*
- * Copyright 2018 balena.io
- *
- * Licensed under the Apache License, Version 2.0 (the "License"),
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
+* Copyright 2018 balena.io
+*
+* Licensed under the Apache License, Version 2.0 (the "License"),
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import * as _ from "lodash";
+import { Theme } from "rendition";
export const colors = {
dark: {
@@ -67,9 +70,12 @@ export const colors = {
const font = 'SourceSansPro';
-export const theme = {
+export const theme = _.merge({}, Theme, {
colors,
font,
+ header: {
+ height: '40px',
+ },
global: {
font: {
family: font,
@@ -109,4 +115,4 @@ export const theme = {
}
`,
},
-};
+});
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
index 77e1b4d0..be7b814f 100644
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
@@ -1570,34 +1570,32 @@
}
},
"@react-google-maps/api": {
- "version": "1.9.12",
- "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-1.9.12.tgz",
- "integrity": "sha512-YpYZOMduxiQIt8+njdffoqD4fYdOugudoafnAD1N+mEUrVnFlslUPMQ+gOJwuYdlkTAR5NZUbCt80LJWEN+ZnA==",
+ "version": "1.10.1",
+ "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-1.10.1.tgz",
+ "integrity": "sha512-hb8urUcwZw99Cu3yQnZWUbXjR1Ym/8C21kSX6B02I29l6DXNxDbJ5Jo/T5swhnizPKY7TNhR1oTctC/HY7SQWA==",
"dev": true,
"requires": {
- "@react-google-maps/infobox": "1.9.11",
- "@react-google-maps/marker-clusterer": "1.9.11",
- "acorn": "7.4.0",
- "acorn-jsx": "^5.2.0",
+ "@react-google-maps/infobox": "1.10.0",
+ "@react-google-maps/marker-clusterer": "1.10.0",
"invariant": "2.2.4"
}
},
"@react-google-maps/infobox": {
- "version": "1.9.11",
- "resolved": "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-1.9.11.tgz",
- "integrity": "sha512-22ewm+OpOh69ikypG29idsdRz2OWeFsN+8zvYBzSETxKP782rmUGqhSIvXXmHa8TOcktm7EaEqOWWvZwaxymag==",
+ "version": "1.10.0",
+ "resolved": "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-1.10.0.tgz",
+ "integrity": "sha512-MhT2nMmjeG7TCxRv/JdylDyNd/n66ggSQQhTWVjJJTtdB/xqd0T8BHCkBWDN9uF0i0yCZzMFl2P2Y1zJ+xppBg==",
"dev": true
},
"@react-google-maps/marker-clusterer": {
- "version": "1.9.11",
- "resolved": "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-1.9.11.tgz",
- "integrity": "sha512-yIABKlkORju131efXUZs/tL7FCK9IXtvy2M9SQRZy/mwgoOIYeoJlPPaBjn81DQqZLRj6AdAocydk+MnjWqFiQ==",
+ "version": "1.10.0",
+ "resolved": "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-1.10.0.tgz",
+ "integrity": "sha512-3GLVgeXNStVcdiLMxzi3cBjr32ctlexLPPGQguwcYd6yPLaCcnVCwyzhV68KvL00xqOAD1c3aABV9EGgY8u6Qw==",
"dev": true
},
"@rjsf/core": {
- "version": "2.3.0",
- "resolved": "https://registry.npmjs.org/@rjsf/core/-/core-2.3.0.tgz",
- "integrity": "sha512-OZKYHt9tjKhzOH4CvsPiCwepuIacqI++cNmnL2fsxh1IF+uEWGlo3NLDWhhSaBbOv9jps6a5YQcLbLtjNuSwug==",
+ "version": "2.4.0",
+ "resolved": "https://registry.npmjs.org/@rjsf/core/-/core-2.4.0.tgz",
+ "integrity": "sha512-8zlydBkGldOxGXFEwNGFa1gzTxpcxaYn7ofegcu8XHJ7IKMCfpnU3ABg+H3eml1KZCX3FODmj1tHFJKuTmfynw==",
"dev": true,
"requires": {
"@babel/runtime-corejs2": "^7.8.7",
@@ -2180,9 +2178,9 @@
}
},
"@types/react-native": {
- "version": "0.63.9",
- "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.63.9.tgz",
- "integrity": "sha512-6ec/z9zjAkFH3rD1RYqbrA/Lj+jux6bumWCte4yRy3leyelTdqtmOd2Ph+86IXQQzsIArEMBwmraAbNQ0J3UAA==",
+ "version": "0.63.18",
+ "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.63.18.tgz",
+ "integrity": "sha512-WwEWqmHiqFn61M1FZR/+frj+E8e2o8i5cPqu9mjbjtZS/gBfCKVESF2ai/KAlaQECkkWkx/nMJeCc5eHMmLQgw==",
"dev": true,
"requires": {
"@types/react": "*"
@@ -2237,9 +2235,9 @@
"dev": true
},
"@types/styled-components": {
- "version": "5.1.2",
- "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.2.tgz",
- "integrity": "sha512-HNocYLfrsnNNm8NTS/W53OERSjRA8dx5Bn6wBd2rXXwt4Z3s+oqvY6/PbVt3e6sgtzI63GX//WiWiRhWur08qQ==",
+ "version": "5.1.3",
+ "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.3.tgz",
+ "integrity": "sha512-HGpirof3WOhiX17lb61Q/tpgqn48jxO8EfZkdJ8ueYqwLbK2AHQe/G08DasdA2IdKnmwOIP1s9X2bopxKXgjRw==",
"dev": true,
"requires": {
"@types/hoist-non-react-statics": "*",
@@ -2692,18 +2690,6 @@
"integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
"dev": true
},
- "acorn": {
- "version": "7.4.0",
- "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz",
- "integrity": "sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==",
- "dev": true
- },
- "acorn-jsx": {
- "version": "5.2.0",
- "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz",
- "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==",
- "dev": true
- },
"agent-base": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz",
@@ -5281,6 +5267,12 @@
"assert-plus": "^1.0.0"
}
},
+ "date-fns": {
+ "version": "2.16.1",
+ "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.16.1.tgz",
+ "integrity": "sha512-sAJVKx/FqrLYHAQeN7VpJrPhagZc9R4ImZIWYRFZaaohR3KzmuK88touwsSwSVT8Qcbd4zoDsnGfX4GFB4imyQ==",
+ "dev": true
+ },
"de-indent": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
@@ -5496,15 +5488,6 @@
"minimalistic-assert": "^1.0.0"
}
},
- "detab": {
- "version": "2.0.3",
- "resolved": "https://registry.npmjs.org/detab/-/detab-2.0.3.tgz",
- "integrity": "sha512-Up8P0clUVwq0FnFjDclzZsy9PadzRn5FFxrr47tQQvMHqyiFYVbpH8oXDzWtF0Q7pYy3l+RPmtBl+BsFF6wH0A==",
- "dev": true,
- "requires": {
- "repeat-string": "^1.5.4"
- }
- },
"detect-file": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
@@ -8939,9 +8922,9 @@
"dev": true
},
"json-e": {
- "version": "4.1.0",
- "resolved": "https://registry.npmjs.org/json-e/-/json-e-4.1.0.tgz",
- "integrity": "sha512-Jb8kMB1lICgjAAppv+q0EFFovOPdjE3htb7pt9+uE2j3J1W5ZCuBOmAdGi0OUetCZ4wqSO6qT/Np36XDRjHH7w==",
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/json-e/-/json-e-4.3.0.tgz",
+ "integrity": "sha512-E3zcmx6pHsBgQ4ZztQNG4OAZHreBZfGBrg68kv9nGOkRqAdKfs792asP/wp9Fayfx1THDiHKYStqWJj/N7Bb9A==",
"dev": true,
"requires": {
"json-stable-stringify-without-jsonify": "^1.0.1"
@@ -9749,18 +9732,15 @@
}
},
"mdast-util-to-hast": {
- "version": "9.1.0",
- "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-9.1.0.tgz",
- "integrity": "sha512-Akl2Vi9y9cSdr19/Dfu58PVwifPXuFt1IrHe7l+Crme1KvgUT+5z+cHLVcQVGCiNTZZcdqjnuv9vPkGsqWytWA==",
+ "version": "9.1.1",
+ "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-9.1.1.tgz",
+ "integrity": "sha512-vpMWKFKM2mnle+YbNgDXxx95vv0CoLU0v/l3F5oFAG5DV7qwkZVWA206LsAdOnEVyf5vQcLnb3cWJywu7mUxsQ==",
"dev": true,
"requires": {
"@types/mdast": "^3.0.0",
"@types/unist": "^2.0.3",
- "collapse-white-space": "^1.0.0",
- "detab": "^2.0.0",
"mdast-util-definitions": "^3.0.0",
"mdurl": "^1.0.0",
- "trim-lines": "^1.0.0",
"unist-builder": "^2.0.0",
"unist-util-generated": "^1.0.0",
"unist-util-position": "^3.0.0",
@@ -9842,9 +9822,9 @@
},
"dependencies": {
"crypto-random-string": {
- "version": "3.2.0",
- "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-3.2.0.tgz",
- "integrity": "sha512-8vPu5bsKaq2uKRy3OL7h1Oo7RayAWB8sYexLKAqvCXVib8SxgbmoF1IN4QMKjBv8uI8mp5gPPMbiRah25GMrVQ==",
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-3.3.0.tgz",
+ "integrity": "sha512-teWAwfMb1d6brahYyKqcBEb5Yp8PJPvPOdOonXDnvaKOTmKDFNVE8E3Y2XQuzjNV/3XMwHbrX9fHWvrhRKt4Gg==",
"dev": true,
"requires": {
"type-fest": "^0.8.1"
@@ -11897,9 +11877,9 @@
}
},
"polished": {
- "version": "3.6.5",
- "resolved": "https://registry.npmjs.org/polished/-/polished-3.6.5.tgz",
- "integrity": "sha512-VwhC9MlhW7O5dg/z7k32dabcAFW1VI2+7fSe8cE/kXcfL7mVdoa5UxciYGW2sJU78ldDLT6+ROEKIZKFNTnUXQ==",
+ "version": "3.6.6",
+ "resolved": "https://registry.npmjs.org/polished/-/polished-3.6.6.tgz",
+ "integrity": "sha512-yiB2ims2DZPem0kCD6V0wnhcVGFEhNh0Iw0axNpKU+oSAgFt6yx6HxIT23Qg0WWvgS379cS35zT4AOyZZRzpQQ==",
"dev": true,
"requires": {
"@babel/runtime": "^7.9.2"
@@ -12511,9 +12491,9 @@
}
},
"react-notifications-component": {
- "version": "2.4.0",
- "resolved": "https://registry.npmjs.org/react-notifications-component/-/react-notifications-component-2.4.0.tgz",
- "integrity": "sha512-0IhtgqAmsKSyjY1wBUxciUVXiYGRr5BRdn67pYDlkqq9ORF98NZekpG7/MNX0BzzfGvt9Wg7rFhT1BtwOvvLLg==",
+ "version": "2.4.1",
+ "resolved": "https://registry.npmjs.org/react-notifications-component/-/react-notifications-component-2.4.1.tgz",
+ "integrity": "sha512-RloHzm15egnuPihf8PvldIEvPQoT9+5BE9UxCNTt+GfsWeI3SEZKyaX9mq90v899boqteLiOI736Zd4tXtl7Tg==",
"dev": true,
"requires": {
"prop-types": "^15.6.2"
@@ -12660,6 +12640,21 @@
"integrity": "sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==",
"dev": true
},
+ "regexp-match-indices": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/regexp-match-indices/-/regexp-match-indices-1.0.2.tgz",
+ "integrity": "sha512-DwZuAkt8NF5mKwGGER1EGh2PRqyvhRhhLviH+R8y8dIuaQROlUfXjt4s9ZTXstIsSkptf06BSvwcEmmfheJJWQ==",
+ "dev": true,
+ "requires": {
+ "regexp-tree": "^0.1.11"
+ }
+ },
+ "regexp-tree": {
+ "version": "0.1.21",
+ "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.21.tgz",
+ "integrity": "sha512-kUUXjX4AnqnR8KRTCrayAo9PzYMRKmVoGgaz2tBuz0MF3g1ZbGebmtW0yFHfFK9CmBjQKeYIgoL22pFLBJY7sw==",
+ "dev": true
+ },
"regexpu-core": {
"version": "4.7.0",
"resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.0.tgz",
@@ -12827,9 +12822,9 @@
"optional": true
},
"rendition": {
- "version": "18.4.1",
- "resolved": "https://registry.npmjs.org/rendition/-/rendition-18.4.1.tgz",
- "integrity": "sha512-mV/0p+M8XR/Xa/ZFzgflZPHelpuONiTSa/CMMuHkmXR7vhF7tB2ORxLRc/DbymmdN6cWQwXAyA81t9TDAOhgVQ==",
+ "version": "18.8.3",
+ "resolved": "https://registry.npmjs.org/rendition/-/rendition-18.8.3.tgz",
+ "integrity": "sha512-kDuXFheXY9KlSvIMdB4Er2OeAnwgj9aya5Xu43hwpXxC4KlFlNKqQNmcOvKLc/Fk9dyw04TKOr1SbXyM148yRg==",
"dev": true,
"requires": {
"@fortawesome/fontawesome-svg-core": "^1.2.25",
@@ -12855,6 +12850,7 @@
"color": "^3.1.2",
"color-hash": "^1.0.3",
"copy-to-clipboard": "^3.0.8",
+ "date-fns": "^2.16.1",
"grommet": "^2.14.0",
"hast-util-sanitize": "^3.0.0",
"json-e": "^4.1.0",
@@ -12869,6 +12865,7 @@
"react-simplemde-editor": "^4.1.1",
"recompose": "0.26.0",
"regex-parser": "^2.2.7",
+ "regexp-match-indices": "^1.0.2",
"rehype-raw": "^4.0.2",
"rehype-react": "^6.1.0",
"rehype-sanitize": "^3.0.1",
@@ -12885,9 +12882,9 @@
},
"dependencies": {
"@types/node": {
- "version": "13.13.15",
- "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.15.tgz",
- "integrity": "sha512-kwbcs0jySLxzLsa2nWUAGOd/s21WU1jebrEdtzhsj1D4Yps1EOuyI1Qcu+FD56dL7NRNIJtDDjcqIG22NwkgLw==",
+ "version": "13.13.20",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.20.tgz",
+ "integrity": "sha512-1kx55tU3AvGX2Cjk2W4GMBxbgIz892V+X10S2gUreIAq8qCWgaQH+tZBOWc0bi2BKFhQt+CX0BTx28V9QPNa+A==",
"dev": true
},
"uuid": {
@@ -14745,12 +14742,6 @@
"integrity": "sha1-WFhUf2spB1fulczMZm+1AITEYN0=",
"dev": true
},
- "trim-lines": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-1.1.3.tgz",
- "integrity": "sha512-E0ZosSWYK2mkSu+KEtQ9/KqarVjA9HztOSX+9FDdNacRAq29RRV6ZQNgob3iuW8Htar9vAfEa6yyt5qBAHZDBA==",
- "dev": true
- },
"trim-trailing-lines": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.3.tgz",
@@ -15035,9 +15026,9 @@
"dev": true
},
"uglify-js": {
- "version": "3.10.2",
- "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.10.2.tgz",
- "integrity": "sha512-GXCYNwqoo0MbLARghYjxVBxDCnU0tLqN7IPLdHHbibCb1NI5zBkU2EPcy/GaVxc0BtTjqyGXJCINe6JMR2Dpow==",
+ "version": "3.10.4",
+ "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.10.4.tgz",
+ "integrity": "sha512-kBFT3U4Dcj4/pJ52vfjCSfyLyvG9VYYuGYPmrPvAxRw/i7xHiT4VvCev+uiEMcEEiu6UNB6KgWmGtSUYIWScbw==",
"dev": true
},
"unbzip2-stream": {
@@ -16466,9 +16457,9 @@
}
},
"whatwg-fetch": {
- "version": "3.4.0",
- "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.0.tgz",
- "integrity": "sha512-rsum2ulz2iuZH08mJkT0Yi6JnKhwdw4oeyMjokgxd+mmqYSd9cPpOQf01TIWgjxG/U4+QR+AwKq6lSbXVxkyoQ==",
+ "version": "3.4.1",
+ "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.1.tgz",
+ "integrity": "sha512-sofZVzE1wKwO+EYPbWfiwzaKovWiZXf4coEzjGP9b2GBVgQRLQUZ2QcuPpQExGDAW5GItpEm6Tl4OU5mywnAoQ==",
"dev": true
},
"which": {
@@ -16660,9 +16651,9 @@
"dev": true
},
"xterm": {
- "version": "4.8.1",
- "resolved": "https://registry.npmjs.org/xterm/-/xterm-4.8.1.tgz",
- "integrity": "sha512-ax91ny4tI5eklqIfH79OUSGE2PUX2rGbwONmB6DfqpyhSZO8/cf++sqiaMWEVCMjACyMfnISW7C3gGMoNvNolQ==",
+ "version": "4.9.0",
+ "resolved": "https://registry.npmjs.org/xterm/-/xterm-4.9.0.tgz",
+ "integrity": "sha512-wGfqufmioctKr8VkbRuZbVDfjlXWGZZ1PWHy1yqqpGT3Nm6yaJx8lxDbSEBANtgaiVPTcKSp97sxOy5IlpqYfw==",
"dev": true
},
"xterm-addon-fit": {
@@ -16774,4 +16765,4 @@
"dev": true
}
}
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 0d505dee..885929d5 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
"react": "^16.8.5",
"react-dom": "^16.8.5",
"redux": "^4.0.5",
- "rendition": "^18.4.1",
+ "rendition": "^18.8.3",
"resin-corvus": "^2.0.5",
"semver": "^7.3.2",
"simple-progress-webpack-plugin": "^1.1.2",