Collapse sidebar (#700)

* Collapse sidebar

* Collapse button is fixed

* Small updates (styling)

* Add small collapsed logos

gh-pages-refresh.sh

@@ -0,0 +1,24 @@
+#!/bin/bash
+
+exit 0
+
+# checkout latest
+git fetch
+git checkout gh-pages
+git pull
+git checkout --orphan gh-pages-temp
+
+# cleanup
+rm -rf node_modules
+rm -rf coverage
+rm -rf packages
+rm -rf test
+
+# add
+git add -A
+git commit -am "refresh history"
+
+# danger, force new
+git branch -D gh-pages
+git branch -m gh-pages
+git push -f origin gh-pages

packages/app-democracy/src/index.css

@@ -2,10 +2,6 @@
 /* This software may be modified and distributed under the terms
 /* of the Apache-2.0 license. See the LICENSE file for details. */
 
-.democracy--App {
-  margin-bottom: 1em;
-}
-
 .democracy--Item-header {
   display: flex;
   justify-content: space-between;

packages/apps/package.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@babel/runtime": "^7.2.0",
     "@polkadot/ui-app": "^0.23.14",
-    "@polkadot/ui-assets": "^0.25.9",
+    "@polkadot/ui-assets": "^0.25.11",
     "@polkadot/ui-signer": "^0.23.14"
   }
 }

packages/apps/src/SideBar/Item.tsx

@@ -35,7 +35,7 @@ class Item extends React.PureComponent<Props> {
           className='apps--SideBar-Item-NavLink'
           to={`/${name}`}
         >
-          <Icon name={icon} /> {t(`sidebar.${name}`, i18n)}
+          <Icon name={icon} /><span className='text'>{t(`sidebar.${name}`, i18n)}</span>
         </NavLink>
       </Menu.Item>
     );

packages/apps/src/SideBar/SideBar.css

@@ -8,33 +8,61 @@
 .apps--SideBar {
   background: #4e4e4e;
   flex-shrink: 0;
-  min-width: 10em;
   padding: 0.75em 0 0 0.75em;
   position: relative;
   text-align: left;
 
+  &.collapsed {
+    min-width: 3rem;
+  }
+
+  &.expanded {
+    min-width: 10em;
+  }
+
   .ui.vertical.menu {
     margin: 0;
     width: auto;
   }
-}
 
-.apps--SideBar-github {
-  position: absolute;
-  bottom: 1.5em;
-  left: 1.5em;
-}
+  .apps--SideBar-Item {
+    overflow-x: visible;
+    padding: 0 !important;
+    text-align: left;
 
-.apps--SideBar-logo {
-  width: 100%;
-  margin: .5rem 1.5rem 1.5rem .75rem;
-  width: 10rem;
-}
+    .text {
+      padding-left: 0.5rem;
+    }
+  }
 
-.apps--SideBar-Item {
-  overflow-x: visible;
-  padding: 0 !important;
-  text-align: left;
+  .apps--SideBar-logo {
+    width: 100%;
+    margin: 0.5rem 1.5rem 1.5rem 0.75rem;
+    width: 10rem;
+  }
+
+  .apps--SideBar-collapse {
+    bottom: 0.75em;
+    position: fixed;
+    left: 0.75rem;
+
+    .ui.basic.secondary.button {
+      box-shadow: 0 0 0 1px #eee inset !important;
+      color: #eee !important;
+      margin: 0;
+    }
+  }
+
+  &.collapsed {
+    .apps--SideBar-Item .text {
+      display: none;
+    }
+
+    .apps--SideBar-logo {
+      margin: 0.5rem 0.75rem 1.5rem 0rem;
+      width: 3rem;
+    }
+  }
 }
 
 a.apps--SideBar-Item-NavLink {
@@ -45,13 +73,8 @@ a.apps--SideBar-Item-NavLink {
 }
 
 a.apps--SideBar-Item-NavLink-active {
-  background: #fafafa /* #fff */;
+  background: #fafafa;
   border-radius: 0.28571429rem 0 0 0.28571429rem;
-  /*
-  border: 1px solid rgba(34, 36, 38, 0.15);
-  border-right-color: white;
-  margin-right: -1px;
-  */
   color: inherit;
 
   &:hover {

packages/apps/src/SideBar/index.tsx

@@ -7,32 +7,41 @@ import { I18nProps } from '@polkadot/ui-app/types';
 import './SideBar.css';
 
 import React from 'react';
-import { Icon, Menu } from '@polkadot/ui-app/index';
-import polkadotLogo from '@polkadot/ui-assets/polkadot-white.svg';
-import substrateLogo from '@polkadot/ui-assets/parity-substrate-white.svg';
-import settings from '@polkadot/ui-settings';
+import store from 'store';
+import { Button, Icon, Menu } from '@polkadot/ui-app/index';
 
 import routing from '../routing';
 import translate from '../translate';
 import Item from './Item';
+import getLogo from './logos';
 
 type Props = I18nProps & {
   children?: React.ReactNode
 };
 
-const LOGOS: Map<string | undefined, any> = new Map([
-  ['polkadot', polkadotLogo],
-  ['substrate', substrateLogo]
-]);
+type State = {
+  isCollapsed: boolean
+};
+
+class SideBar extends React.PureComponent<Props, State> {
+  state: State;
 
-const LOGO = LOGOS.get(settings.uiTheme) || polkadotLogo;
+  constructor (props: Props) {
+    super(props);
+
+    const state = store.get('sidebar') || {};
+    this.state = {
+      isCollapsed: false,
+      ...state
+    };
+  }
 
-class SideBar extends React.PureComponent<Props> {
   render () {
     const { children } = this.props;
+    const { isCollapsed } = this.state;
 
     return (
-      <div className='apps--SideBar'>
+      <div className={`apps--SideBar ${isCollapsed ? 'collapsed' : 'expanded'}`}>
         <Menu
           secondary
           vertical
@@ -43,18 +52,49 @@ class SideBar extends React.PureComponent<Props> {
           {this.renderGithub()}
           {this.renderWiki()}
           <Menu.Divider hidden />
-          {children}
+          {
+            isCollapsed
+              ? null
+              : children
+          }
+          {this.renderCollapse()}
         </Menu>
       </div>
     );
   }
 
+  private collapse = (): void => {
+    this.setState(({ isCollapsed }: State) => ({
+      isCollapsed: !isCollapsed
+    }), () => {
+      store.set('sidebar', this.state);
+    });
+  }
+
+  private renderCollapse () {
+    const { isCollapsed } = this.state;
+
+    return (
+      <div className='apps--SideBar-collapse'>
+        <Button
+          icon={`angle double ${isCollapsed ? 'right' : 'left'}`}
+          isBasic
+          isCircular
+          onClick={this.collapse}
+        />
+      </div>
+    );
+  }
+
   private renderLogo () {
+    const { isCollapsed } = this.state;
+    const logo = getLogo(isCollapsed);
+
     return (
       <img
         alt='polkadot'
         className='apps--SideBar-logo'
-        src={LOGO}
+        src={logo}
       />
     );
   }
@@ -87,7 +127,7 @@ class SideBar extends React.PureComponent<Props> {
           className='apps--SideBar-Item-NavLink'
           href='https://github.com/polkadot-js/apps'
         >
-          <Icon name='github' /> GitHub
+          <Icon name='github' /><span className='text'>GitHub</span>
         </a>
       </Menu.Item>
     );

packages/apps/src/SideBar/logos.ts

@@ -0,0 +1,27 @@
+// Copyright 2017-2019 @polkadot/apps authors & contributors
+// This software may be modified and distributed under the terms
+// of the Apache-2.0 license. See the LICENSE file for details.
+
+import polkadotLogo from '@polkadot/ui-assets/polkadot-white.svg';
+import polkadotSmall from '@polkadot/ui-assets/notext-polkadot.svg';
+import substrateLogo from '@polkadot/ui-assets/parity-substrate-white.svg';
+import substrateSmall from '@polkadot/ui-assets/notext-parity-substrate-white.svg';
+import settings from '@polkadot/ui-settings';
+
+type LogoMap = Map<string, any>;
+
+const LOGOS_NORMAL: LogoMap = new Map([
+  ['polkadot', polkadotLogo],
+  ['substrate', substrateLogo]
+]);
+
+const LOGOS_SMALL: LogoMap = new Map([
+  ['polkadot', polkadotSmall],
+  ['substrate', substrateSmall]
+]);
+
+export default function getLogo (isSmall: boolean) {
+  return isSmall
+    ? (LOGOS_SMALL.get(settings.uiTheme) || polkadotSmall)
+    : (LOGOS_NORMAL.get(settings.uiTheme) || polkadotLogo);
+}

packages/apps/src/routing/extrinsics.ts

@@ -16,7 +16,7 @@ export default ([
     i18n: {
       defaultValue: 'Extrinsics'
     },
-    icon: 'send',
+    icon: 'sync',
     name: 'extrinsics'
   }
 ] as Routes);

packages/apps/src/routing/transfer.ts

@@ -18,7 +18,7 @@ export default ([
     i18n: {
       defaultValue: 'Transfer'
     },
-    icon: 'angle double right',
+    icon: 'send',
     name: 'transfer'
   }
 ] as Routes);

packages/ui-api/package.json

@@ -31,7 +31,7 @@
   "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-reactive#readme",
   "dependencies": {
     "@babel/runtime": "^7.2.0",
-    "@polkadot/api": "^0.42.11",
+    "@polkadot/api": "^0.42.12",
     "rxjs-compat": "^6.3.2"
   }
 }

packages/ui-app/package.json

@@ -11,15 +11,15 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@babel/runtime": "^7.2.0",
-    "@polkadot/extrinsics": "^0.42.11",
+    "@polkadot/extrinsics": "^0.42.12",
     "@polkadot/keyring": "^0.33.36",
-    "@polkadot/storage": "^0.42.11",
-    "@polkadot/types": "^0.42.11",
+    "@polkadot/storage": "^0.42.12",
+    "@polkadot/types": "^0.42.12",
     "@polkadot/ui-api": "^0.23.14",
-    "@polkadot/ui-identicon": "^0.25.9",
-    "@polkadot/ui-keyring": "^0.25.9",
+    "@polkadot/ui-identicon": "^0.25.11",
+    "@polkadot/ui-keyring": "^0.25.11",
     "@polkadot/ui-reactive": "^0.23.14",
-    "@polkadot/ui-settings": "^0.25.9",
+    "@polkadot/ui-settings": "^0.25.11",
     "@polkadot/util": "^0.33.36",
     "@polkadot/util-crypto": "^0.33.36",
     "@types/chart.js": "^2.7.42",

packages/ui-reactive/package.json

@@ -31,7 +31,7 @@
   "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-reactive#readme",
   "dependencies": {
     "@babel/runtime": "^7.2.0",
-    "@polkadot/api": "^0.42.11",
+    "@polkadot/api": "^0.42.12",
     "rxjs-compat": "^6.3.2"
   }
 }

yarn.lock

@@ -1462,31 +1462,31 @@
     universal-user-agent "^2.0.0"
     url-template "^2.0.8"
 
-"@polkadot/api-derive@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/api-derive/-/api-derive-0.42.11.tgz#c17be13db904a2a35c4b343976ef7742392f9d24"
-  integrity sha512-8Fp8w3Pk/zs9r7vYoq6+nRS17vgQunafQ5UzoRpOZRBsI1o0Q3YYujgI3PwrfCh62IhD/zansrDg65UU2CYGHw==
+"@polkadot/api-derive@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/api-derive/-/api-derive-0.42.12.tgz#4061a1b5d0952916c7a734e76fc312cf94518a77"
+  integrity sha512-pjgoljzob22lq0qdes+scqoYZRD+VjtubPfpXVkTKGc/pnZP4/HUcsDSrOxauwkKifb+dpX4MSGP3CSWKg9TKQ==
   dependencies:
     "@babel/runtime" "^7.2.0"
-    "@polkadot/api" "^0.42.11"
-    "@polkadot/types" "^0.42.11"
+    "@polkadot/api" "^0.42.12"
+    "@polkadot/types" "^0.42.12"
     "@types/memoizee" "^0.4.2"
     "@types/rx" "^4.1.1"
     memoizee "^0.4.14"
     rxjs "^6.3.3"
 
-"@polkadot/api@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/api/-/api-0.42.11.tgz#ddd2e94fc5f913917041eadddd6c9f1147530963"
-  integrity sha512-vFRT/nmykIBIKCd38BLOxjMfDicD5yc0YS/vmeu1A5jEnawENyFtj+sGnpziyhOCBfnvWz8mn47dQk6ZtkIfpQ==
+"@polkadot/api@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/api/-/api-0.42.12.tgz#8b389e255e373561d6434cc4f4f9fc56e4d32917"
+  integrity sha512-zNfSEk2xYvPCQya89nfea++hdA/Vz8lMlnYJ3VR54R7rH6VFpeKSGoqd7mnzugzvzoeHT8LdawWaLCLqX/p6hQ==
   dependencies:
     "@babel/runtime" "^7.2.0"
-    "@polkadot/api-derive" "^0.42.11"
-    "@polkadot/extrinsics" "^0.42.11"
-    "@polkadot/rpc-provider" "^0.42.11"
-    "@polkadot/rpc-rx" "^0.42.11"
-    "@polkadot/storage" "^0.42.11"
-    "@polkadot/types" "^0.42.11"
+    "@polkadot/api-derive" "^0.42.12"
+    "@polkadot/extrinsics" "^0.42.12"
+    "@polkadot/rpc-provider" "^0.42.12"
+    "@polkadot/rpc-rx" "^0.42.12"
+    "@polkadot/storage" "^0.42.12"
+    "@polkadot/types" "^0.42.12"
     "@types/rx" "^4.1.1"
     rxjs "^6.3.3"
 
@@ -1566,19 +1566,19 @@
     typedoc-plugin-no-inherit "^1.1.2"
     typescript "^3.2.2"
 
-"@polkadot/extrinsics@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/extrinsics/-/extrinsics-0.42.11.tgz#f249bb73f34dc4ae87bdddc977d294c85ab80505"
-  integrity sha512-xrfRa96T2Qy1VIFvEV0yOJz+LzBbjVfWuJJFTdgOGIp4TgRiYj005kIaHpobh9lNgLNfVJD1PF8uHhQj0CdtTA==
+"@polkadot/extrinsics@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/extrinsics/-/extrinsics-0.42.12.tgz#6afe7fa8977180eb4329d6f31ee6852e5997479c"
+  integrity sha512-wQWoqItwPha2VScXm4A/V3AUM/UiVmBe4jnfLf7M8ioXXj6wHChsJLedziHr8S5vRmE6jD7S2DxyDtJmG8qa4w==
   dependencies:
     "@babel/runtime" "^7.2.0"
-    "@polkadot/types" "^0.42.11"
+    "@polkadot/types" "^0.42.12"
     "@polkadot/util" "^0.33.36"
 
-"@polkadot/jsonrpc@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/jsonrpc/-/jsonrpc-0.42.11.tgz#e0a80fa577c4b6f3b1a1cfe01dc3dff1f556a664"
-  integrity sha512-x0v6An0Y+m1uTcUBZ1eerZoXzQSKMMSnhuuzA3reWOWWIhgU7O8ndfrYPo3GFZXc6lNgRLWzayO5YlAZdIGe6Q==
+"@polkadot/jsonrpc@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/jsonrpc/-/jsonrpc-0.42.12.tgz#bd138d63166f9337e72582f4981922e3d5060ffb"
+  integrity sha512-VTzYiS3l/Pm9u47F+AnQtipUgBP6BeqQb7EUSEMMcYRdIlYQo2sWGYDi26nJnABnkk0ibai7THmM0mq8msOQHg==
   dependencies:
     "@babel/runtime" "^7.2.0"
 
@@ -1593,25 +1593,25 @@
     "@types/bs58" "^4.0.0"
     bs58 "^4.0.1"
 
-"@polkadot/rpc-core@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/rpc-core/-/rpc-core-0.42.11.tgz#d29119615018c9aea62420fa1e875c14229bc63a"
-  integrity sha512-sC8xSNbeWSgV3lfOwXXAMdmNBg+jLr3Y+zULt4THBzhtc5KHAjh4WJ/mLXkdbQKr2HVHPjcTMwQXqwR1wIPMoA==
+"@polkadot/rpc-core@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/rpc-core/-/rpc-core-0.42.12.tgz#b9129d5d1edca112edbcd3b3882c01abf31ad8cd"
+  integrity sha512-kj9TddeUDWIBqeeJVGOnXjQonugjUO9u8Q5dEBfyKyXHkkSHUQrBqwctiZQqXi3lpIWB6kZF/8CzGx/Rxyecqw==
   dependencies:
     "@babel/runtime" "^7.2.0"
-    "@polkadot/jsonrpc" "^0.42.11"
-    "@polkadot/rpc-provider" "^0.42.11"
-    "@polkadot/types" "^0.42.11"
+    "@polkadot/jsonrpc" "^0.42.12"
+    "@polkadot/rpc-provider" "^0.42.12"
+    "@polkadot/types" "^0.42.12"
     "@polkadot/util" "^0.33.36"
 
-"@polkadot/rpc-provider@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/rpc-provider/-/rpc-provider-0.42.11.tgz#09b8a1a05fce45359a0e4322b39bfe87843a80a0"
-  integrity sha512-ABOvHdvtW1RbUMieYtZ08Eh/1hIhqNa/fDVq/Am8tOlaUuLwu3jVfLR/kX9JsYvLPcgXhE0WaVf6RxQT89XxHA==
+"@polkadot/rpc-provider@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/rpc-provider/-/rpc-provider-0.42.12.tgz#1409880022640f8e65cfb47320607a8a6175827c"
+  integrity sha512-x5x0LD+Xxxx7yTMD7KckxAxJGsvATQhk76FSpdK6LyYfmr+PBuQHNUb1sMsp2UcPveVU7YsV6QCGtmCSmwbqew==
   dependencies:
     "@babel/runtime" "^7.2.0"
     "@polkadot/keyring" "^0.33.36"
-    "@polkadot/storage" "^0.42.11"
+    "@polkadot/storage" "^0.42.12"
     "@polkadot/util" "^0.33.36"
     "@polkadot/util-crypto" "^0.33.36"
     "@types/nock" "^9.3.0"
@@ -1619,27 +1619,27 @@
     isomorphic-fetch "^2.2.1"
     websocket "^1.0.28"
 
-"@polkadot/rpc-rx@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/rpc-rx/-/rpc-rx-0.42.11.tgz#62ceb6b9191870bec5bed9eab75a4f488aa7326a"
-  integrity sha512-lXTZyz8chsXgoQAlToc23lvdZdwxThk8Eyj8/mmzN+Jb1r7Cuqo9p0qshoANsVmOsC4Uq7+Gruj1jfjOc/IIHw==
+"@polkadot/rpc-rx@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/rpc-rx/-/rpc-rx-0.42.12.tgz#b52d2265088772f259f0fe605bb33ee8b307992f"
+  integrity sha512-lZeUo9ED9uz7nxOMZkwcDaAkp9VawHYQTkwj0OwrPovZvnbD4EbHBCLARS1GwVjj9m8LbZXC/LXbq/3vEXvDmQ==
   dependencies:
     "@babel/runtime" "^7.2.0"
-    "@polkadot/rpc-core" "^0.42.11"
-    "@polkadot/rpc-provider" "^0.42.11"
+    "@polkadot/rpc-core" "^0.42.12"
+    "@polkadot/rpc-provider" "^0.42.12"
     "@types/memoizee" "^0.4.2"
     "@types/rx" "^4.1.1"
     memoizee "^0.4.14"
     rxjs "^6.3.3"
 
-"@polkadot/storage@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/storage/-/storage-0.42.11.tgz#ccbb3f06c78d8ed654fcd2dd8c56babe26928506"
-  integrity sha512-xmax72FExy10i9fjRWI8IVssMeaSJplF4PHbP45pce0RiZoz9C2gEI2bxPPZ7EKUfTZU9gZ0BuDBmFaS7BwkDQ==
+"@polkadot/storage@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/storage/-/storage-0.42.12.tgz#4bdd7e1d81738962768d81c1c4e55145f1a2c569"
+  integrity sha512-w5gyiv0fZvQX1PiVR/Zs+KkZGdLuAz4m6FpgvB6kzWVG3ZnncFS+zTTjIJi63MXxBcP/qbUeRUi/nKzfXFlNzg==
   dependencies:
     "@babel/runtime" "^7.2.0"
     "@polkadot/keyring" "^0.33.36"
-    "@polkadot/types" "^0.42.11"
+    "@polkadot/types" "^0.42.12"
     "@polkadot/util" "^0.33.36"
     "@polkadot/util-crypto" "^0.33.36"
 
@@ -1648,49 +1648,49 @@
   resolved "https://registry.yarnpkg.com/@polkadot/ts/-/ts-0.1.52.tgz#6fb09e494d244dad4b3a9ca581bfe13beec66565"
   integrity sha512-sij1O0x4CY51A394RYD4/aQwDPwIxIeTOpYI4AZgdF/vq5nvF14b4XFq9vAcSnblaIosf0sYKoz1f3dkN3QqLw==
 
-"@polkadot/types@^0.42.11":
-  version "0.42.11"
-  resolved "https://registry.yarnpkg.com/@polkadot/types/-/types-0.42.11.tgz#2fa8d632adbb791e38c039b11bb514cf0978058c"
-  integrity sha512-kN3qnNWdCcn5DpLJRnY3hkhHhfatxjmfJAniVxPktGiTZQJz5rZy1NJXZa910ylGk6ahkjlYQ6wbLFqQzXE0GA==
+"@polkadot/types@^0.42.12":
+  version "0.42.12"
+  resolved "https://registry.yarnpkg.com/@polkadot/types/-/types-0.42.12.tgz#883dd8a315bea49993ec3316a959141d492cfa12"
+  integrity sha512-+gLHg9BE9B0RrWf2ivu9woZP500VjMGfOrNYSa0tyHv3IJL6j9FzlZp61HWU/sdEo12RrEEGx8WDRzeqtyZgIg==
   dependencies:
     "@babel/runtime" "^7.2.0"
     "@polkadot/keyring" "^0.33.36"
     "@polkadot/util" "^0.33.36"
     core-js "^2.6.2"
 
-"@polkadot/ui-assets@^0.25.9":
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-assets/-/ui-assets-0.25.9.tgz#976ecd75867d333430d36feb0fc1035d2e9aab3a"
-  integrity sha512-agfVfYRCv/V8LmP3nEClX2i3RsUJHq6W0kXGjpo7VYMGuANo2W9XK+2Pnu1eSqyXkZuLtg31di8lIFGX89NVZw==
+"@polkadot/ui-assets@^0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-assets/-/ui-assets-0.25.11.tgz#08663f2790b15fbe25c5203792f0f271b7a76e70"
+  integrity sha512-zLdKM9gwB021Cvkl9Omvd46iWJwYAAX45TluG1PzZH4Z+Ppj6pDAwJV+Bv9r5/63f5E7mFjnMSyvHBq3QJIYog==
   dependencies:
     "@babel/runtime" "^7.2.0"
 
-"@polkadot/ui-identicon@^0.25.9":
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-identicon/-/ui-identicon-0.25.9.tgz#d26bc56557d26db58cb138e9adec99115dc476b0"
-  integrity sha512-xqncB8XIK6jelWt2CQ+XgyR/8A/uRuKz4laZ1bB3cl3H03tyRDc83oQBQJ6esFejG3VMreZ3wN0QEDMvCMNAFQ==
+"@polkadot/ui-identicon@^0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-identicon/-/ui-identicon-0.25.11.tgz#f5dd99fc1649e879054208d1bda6869226176cfe"
+  integrity sha512-h5TRO+sfwRuZeqjIMJw49veKogrWB5gnE5Y1ytNuSipYQ79DIfxHTSYzSm9jtnQsMacTM+aVX24x2NYiOquRhw==
   dependencies:
     "@babel/runtime" "^7.2.0"
-    "@polkadot/ui-settings" "^0.25.9"
+    "@polkadot/ui-settings" "^0.25.11"
     "@types/color" "^3.0.0"
     "@types/react-copy-to-clipboard" "^4.2.6"
     color "^3.0.0"
     react-copy-to-clipboard "^5.0.1"
 
-"@polkadot/ui-keyring@^0.25.9":
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-keyring/-/ui-keyring-0.25.9.tgz#abd77949e5f6a6de53cc7cd63c4e6db51e3ea244"
-  integrity sha512-13Q+KupcCm9sioji+pEf/cyt+4dQyeZwXDCPNpx0Dg7g8HkPUjB87Wtk+KTE7eoI+cdfxPQkfbSpyIyce3wWfw==
+"@polkadot/ui-keyring@^0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-keyring/-/ui-keyring-0.25.11.tgz#466d5bd956a76f52f322b2262474de992b540b20"
+  integrity sha512-q1Mlp5zF6j8VWXA84bicCKspX+Ria1BN0WO4PSHgjfzO5ehoCHtzNzU266hQPyv+QRdZZ+TtBq11gjQg/yyeZQ==
   dependencies:
     "@babel/runtime" "^7.2.0"
     "@types/store" "^2.0.1"
     rxjs "^6.3.3"
     store "^2.0.12"
 
-"@polkadot/ui-settings@^0.25.9":
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-settings/-/ui-settings-0.25.9.tgz#3f0c73e2bdadb541495c4c8b65c0a66d5c0aab93"
-  integrity sha512-HuHyj9f+n3zQtH9UojK+7GxVWavWaLxWBPZ3YcxvFlevsGXK3/it051ckbC2Me5oOYGDzhEtapeFTMLma9V66w==
+"@polkadot/ui-settings@^0.25.11":
+  version "0.25.11"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-settings/-/ui-settings-0.25.11.tgz#5f9a15bb43ff954f61834a535ad920eaee314c72"
+  integrity sha512-5rDkw0awPNQWerIiWQCF8TLBzhTjWzZXjig2vJp/1YoN9pD3kQnQ9zu7D3lBFet4LIqzl2XKfXGm0EGyxdQAhA==
   dependencies:
     "@babel/runtime" "^7.2.0"
     "@types/store" "^2.0.1"