diff --git a/.eslintrc.js b/.eslintrc.js
index f4dd8b2a6b..b7309d31b6 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -11,6 +11,9 @@ module.exports = {
   },
   rules: {
     ...base.rules,
+    // needs to be switched on at some point
     '@typescript-eslint/no-explicit-any': 'off',
+    // this seems very broken atm, false positives
+    '@typescript-eslint/unbound-method': 'off'
   }
 };
diff --git a/package.json b/package.json
index 4ec9cee06a..61528c4da4 100644
--- a/package.json
+++ b/package.json
@@ -33,13 +33,13 @@
     "afterSign": "electron-builder-notarize"
   },
   "resolutions": {
-    "@polkadot/api": "^1.30.1",
-    "@polkadot/api-contract": "^1.30.1",
-    "@polkadot/keyring": "^3.3.1",
-    "@polkadot/types": "^1.30.1",
-    "@polkadot/util": "^3.3.1",
-    "@polkadot/util-crypto": "^3.3.1",
-    "@polkadot/wasm-crypto": "^1.3.1",
+    "@polkadot/api": "^1.31.0-beta.7",
+    "@polkadot/api-contract": "^1.31.0-beta.7",
+    "@polkadot/keyring": "^3.4.0-beta.1",
+    "@polkadot/types": "^1.31.0-beta.7",
+    "@polkadot/util": "^3.4.0-beta.1",
+    "@polkadot/util-crypto": "^3.4.0-beta.1",
+    "@polkadot/wasm-crypto": "^1.4.0-beta.7",
     "babel-core": "^7.0.0-bridge.0"
   },
   "scripts": {
@@ -82,8 +82,8 @@
     "@babel/register": "^7.10.5",
     "@babel/runtime": "^7.11.2",
     "@pinata/sdk": "^1.1.11",
-    "@polkadot/dev": "^0.55.39",
-    "@polkadot/ts": "^0.3.39",
+    "@polkadot/dev": "^0.55.43",
+    "@polkadot/ts": "^0.3.40",
     "@types/bn.js": "^4.11.6",
     "@types/chart.js": "^2.9.24",
     "@types/file-saver": "^2.0.1",
diff --git a/packages/apps-electron/package.json b/packages/apps-electron/package.json
index b30103d948..bab068942e 100644
--- a/packages/apps-electron/package.json
+++ b/packages/apps-electron/package.json
@@ -6,7 +6,7 @@
   "dependencies": {
     "@babel/core": "^7.11.4",
     "@babel/polyfill": "^7.10.4",
-    "@polkadot/dev": "^0.55.39",
+    "@polkadot/dev": "^0.55.43",
     "@polkadot/react-components": "0.56.0-beta.10",
     "electron-log": "^4.2.4",
     "electron-updater": "^4.3.5"
diff --git a/packages/apps/package.json b/packages/apps/package.json
index 7b60e25670..ae6cdead09 100644
--- a/packages/apps/package.json
+++ b/packages/apps/package.json
@@ -16,7 +16,7 @@
     "@babel/core": "^7.11.4",
     "@babel/polyfill": "^7.10.4",
     "@babel/runtime": "^7.11.2",
-    "@polkadot/dev": "^0.55.39",
+    "@polkadot/dev": "^0.55.43",
     "@polkadot/react-components": "0.56.0-beta.10",
     "@polkadot/react-signer": "0.56.0-beta.10",
     "punycode": "^2.1.1",
diff --git a/packages/page-accounts/src/Accounts/BannerDOT.tsx b/packages/page-accounts/src/Accounts/BannerDOT.tsx
deleted file mode 100644
index 5275d36c0c..0000000000
--- a/packages/page-accounts/src/Accounts/BannerDOT.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-// Copyright 2017-2020 @polkadot/app-accounts 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 BN from 'bn.js';
-import React, { useState } from 'react';
-import { Trans } from 'react-i18next';
-import { POLKADOT_DENOM_BLOCK, POLKADOT_GENESIS } from '@polkadot/apps-config/api/constants';
-import { useApi, useCall } from '@polkadot/react-hooks';
-import { BlockToTime } from '@polkadot/react-query';
-import { formatNumber } from '@polkadot/util';
-
-import Banner from './Banner';
-
-function BannerDOT (): React.ReactElement | null {
-  const { api } = useApi();
-  const bestNumber = useCall<BN>(api.derive.chain.bestNumber);
-  const [isPolkadot] = useState(api.genesisHash.eq(POLKADOT_GENESIS));
-
-  if (!isPolkadot || !bestNumber) {
-    return null;
-  }
-
-  const remaining = POLKADOT_DENOM_BLOCK.sub(bestNumber);
-  const endDate = remaining.gtn(0)
-    ? new Date(Date.now() + (remaining.toNumber() * 6000))
-      .toUTCString()
-      .replace('GMT', 'UTC')
-      .replace(/^[a-zA-Z]{3}, /, '')
-      .replace(/:[0-9]{2} UTC/, ' UTC')
-    : null;
-
-  return (
-    <Banner type='warning'>
-      <p>{
-        endDate
-          ? <Trans key='dotRenomGoing'>On approximately {endDate} (block number {formatNumber(POLKADOT_DENOM_BLOCK)} in <BlockToTime
-            blocks={remaining}
-            isInline
-          />), the DOT token will undergo a redenomination from its original sale.</Trans>
-          : <Trans key='dotRenomDone'>At block number {formatNumber(POLKADOT_DENOM_BLOCK)} the DOT token underwent a redenomination from its original sale.</Trans>
-      }</p>
-      <p>{
-        endDate
-          ? <Trans key='dotRenomSizeGoing'>New DOT will be 100x smaller than DOT (old). Therefore, your DOT balance will be 100x higher and the price per DOT will be 100x lower. The percentage of the DOT you own relative to total supply will be unchanged. This will not affect the total value of your position.</Trans>
-          : <Trans key='dotRenomSizeDone'>New DOT are 100x smaller than DOT (old). Therefore, your DOT balance is 100x higher and the price per DOT is 100x lower. The percentage of the DOT you own relative to total supply is unchanged. This does not affect the total value of your position.</Trans>
-      }</p>
-      <p><Trans key='dotRenomLink'>See the <a
-        href='https://polkadot.network/the-results-are-in/'
-        rel='noopener noreferrer'
-        target='_blank'
-      >Polkadot blog post</a> for more information.</Trans></p>
-    </Banner>
-  );
-}
-
-export default React.memo(BannerDOT);
diff --git a/packages/page-accounts/src/Accounts/index.tsx b/packages/page-accounts/src/Accounts/index.tsx
index 7166fb503f..7ed106d15e 100644
--- a/packages/page-accounts/src/Accounts/index.tsx
+++ b/packages/page-accounts/src/Accounts/index.tsx
@@ -24,7 +24,6 @@ import Proxy from '../modals/ProxiedAdd';
 import Qr from '../modals/Qr';
 import Account from './Account';
 import BannerClaims from './BannerClaims';
-import BannerDOT from './BannerDOT';
 import BannerExtension from './BannerExtension';
 import { sortAccounts } from '../util';
 
@@ -170,7 +169,6 @@ function Overview ({ className = '', onStatusChange }: Props): React.ReactElemen
 
   return (
     <div className={className}>
-      <BannerDOT />
       <BannerExtension />
       <BannerClaims />
       {isCreateOpen && (
diff --git a/packages/page-accounts/src/modals/Create.tsx b/packages/page-accounts/src/modals/Create.tsx
index 629b0d97db..785acbdad2 100644
--- a/packages/page-accounts/src/modals/Create.tsx
+++ b/packages/page-accounts/src/modals/Create.tsx
@@ -316,10 +316,16 @@ function Create ({ className = '', onClose, onStatusChange, seed: propsSeed, typ
         <PasswordInput
           onChange={_onPasswordChange}
           onEnter={_onCommit}
-          password={password}/>
+          password={password}
+        />
+        {!isElectron && (
+          <article className='warning'>
+            <p>{t<string>('Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.')}&nbsp;{t<string>('Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.')}</p>
+          </article>
+        )}
         <Expander
           className='accounts--Creator-advanced'
-          isOpen
+          isPadded
           summary={t<string>('Advanced creation options')}
         >
           <Modal.Columns>
@@ -364,11 +370,6 @@ function Create ({ className = '', onClose, onStatusChange, seed: propsSeed, typ
             </Modal.Column>
           </Modal.Columns>
         </Expander>
-        {!isElectron && (
-          <article className='warning'>
-            <p>{t<string>('Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.')}&nbsp;{t<string>('Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.')}</p>
-          </article>
-        )}
       </Modal.Content>
       <Modal.Actions onCancel={onClose}>
         <Button
diff --git a/packages/page-contracts/package.json b/packages/page-contracts/package.json
index 3c9e9594c8..3f3004673b 100644
--- a/packages/page-contracts/package.json
+++ b/packages/page-contracts/package.json
@@ -12,6 +12,6 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@babel/runtime": "^7.11.2",
-    "@polkadot/api-contract": "^1.30.1"
+    "@polkadot/api-contract": "^1.31.0-beta.7"
   }
 }
diff --git a/packages/page-council/src/Motions/Voting.tsx b/packages/page-council/src/Motions/Voting.tsx
index c37ec11d3f..6c6a41308b 100644
--- a/packages/page-council/src/Motions/Voting.tsx
+++ b/packages/page-council/src/Motions/Voting.tsx
@@ -4,10 +4,9 @@
 
 import { AccountId, Hash, Proposal, ProposalIndex } from '@polkadot/types/interfaces';
 
-import React, { useCallback, useEffect, useState } from 'react';
-import { Button, Modal, ProposedAction, VoteAccount, VoteActions, VoteToggle } from '@polkadot/react-components';
+import React, { useState } from 'react';
+import { Button, Modal, ProposedAction, TxButton, VoteAccount } from '@polkadot/react-components';
 import { useAccounts, useToggle } from '@polkadot/react-hooks';
-import { isBoolean } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 
@@ -25,16 +24,6 @@ function Voting ({ hash, idNumber, isDisabled, members, prime, proposal }: Props
   const { hasAccounts } = useAccounts();
   const [isVotingOpen, toggleVoting] = useToggle();
   const [accountId, setAccountId] = useState<string | null>(null);
-  const [voteValue, setVoteValue] = useState(true);
-
-  useEffect((): void => {
-    isVotingOpen && setVoteValue(true);
-  }, [isVotingOpen]);
-
-  const _onChangeVote = useCallback(
-    (vote?: boolean) => setVoteValue(isBoolean(vote) ? vote : true),
-    []
-  );
 
   if (!hasAccounts) {
     return null;
@@ -72,30 +61,32 @@ function Voting ({ hash, idNumber, isDisabled, members, prime, proposal }: Props
                 <p>{t<string>('The council account for this vote. The selection is filtered by the current members.')}</p>
               </Modal.Column>
             </Modal.Columns>
-            <Modal.Columns>
-              <Modal.Column>
-                <VoteToggle
-                  onChange={_onChangeVote}
-                  value={voteValue}
-                />
-              </Modal.Column>
-              <Modal.Column>
-                <p>{t<string>('The vote to record for this proposal, either for or against.')}</p>
-              </Modal.Column>
-            </Modal.Columns>
             {isPrime && (
               <article className='warning'>
                 <div>{t<string>('You are voting with this collective\'s prime account. The vote will be the default outcome in case of any abstentions.')}</div>
               </article>
             )}
           </Modal.Content>
-          <VoteActions
-            accountId={accountId}
-            aye={voteValue}
-            onClick={toggleVoting}
-            params={[hash, idNumber, voteValue]}
-            tx='council.vote'
-          />
+          <Modal.Actions onCancel={toggleVoting}>
+            <TxButton
+              accountId={accountId}
+              icon='ban'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Nay')}
+              onStart={toggleVoting}
+              params={[hash, idNumber, false]}
+              tx='council.vote'
+            />
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Aye')}
+              onStart={toggleVoting}
+              params={[hash, idNumber, true]}
+              tx='council.vote'
+            />
+          </Modal.Actions>
         </Modal>
       )}
       <Button
diff --git a/packages/page-democracy/src/Overview/Voting.tsx b/packages/page-democracy/src/Overview/Voting.tsx
index ca568034ff..12479fae96 100644
--- a/packages/page-democracy/src/Overview/Voting.tsx
+++ b/packages/page-democracy/src/Overview/Voting.tsx
@@ -5,10 +5,9 @@
 import { PropIndex, Proposal } from '@polkadot/types/interfaces';
 
 import BN from 'bn.js';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button, ConvictionDropdown, Modal, ProposedAction, VoteAccount, VoteActions, VoteToggle, VoteValue } from '@polkadot/react-components';
+import React, { useMemo, useState } from 'react';
+import { Button, ConvictionDropdown, Modal, ProposedAction, TxButton, VoteAccount, VoteValue } from '@polkadot/react-components';
 import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
-import { isBoolean } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 
@@ -25,26 +24,18 @@ function Voting ({ proposal, referendumId }: Props): React.ReactElement<Props> |
   const [balance, setBalance] = useState<BN | undefined>();
   const [conviction, setConviction] = useState(0);
   const [isVotingOpen, toggleVoting] = useToggle();
-  const [aye, setVoteValue] = useState(true);
-
-  useEffect((): void => {
-    isVotingOpen && setVoteValue(true);
-  }, [isVotingOpen]);
 
   const isCurrentVote = useMemo(
     () => !!api.query.democracy.votingOf,
     [api]
   );
 
-  const _onChangeVote = useCallback(
-    (vote?: boolean): void => setVoteValue(isBoolean(vote) ? vote : true),
-    []
-  );
-
   if (!hasAccounts) {
     return null;
   }
 
+  const isDisabled = isCurrentVote ? !balance : false;
+
   return (
     <>
       {isVotingOpen && (
@@ -93,29 +84,35 @@ function Voting ({ proposal, referendumId }: Props): React.ReactElement<Props> |
                 <p>{t<string>('Conviction locks do overlap and is additive, meaning that funds locked during a previous vote can be locked again.')}</p>
               </Modal.Column>
             </Modal.Columns>
-            <Modal.Columns>
-              <Modal.Column>
-                <VoteToggle
-                  onChange={_onChangeVote}
-                  value={aye}
-                />
-              </Modal.Column>
-              <Modal.Column>
-                <p>{t<string>('Register the vote for or against the proposal.')}</p>
-              </Modal.Column>
-            </Modal.Columns>
           </Modal.Content>
-          <VoteActions
-            accountId={accountId}
-            aye={aye}
-            isDisabled={isCurrentVote ? !balance : false}
-            onClick={toggleVoting}
-            params={
-              isCurrentVote
-                ? [referendumId, { Standard: { balance, vote: { aye, conviction } } }]
-                : [referendumId, { aye, conviction }]}
-            tx='democracy.vote'
-          />
+          <Modal.Actions onCancel={toggleVoting}>
+            <TxButton
+              accountId={accountId}
+              icon='ban'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Nay')}
+              onStart={toggleVoting}
+              params={
+                isCurrentVote
+                  ? [referendumId, { Standard: { balance, vote: { aye: false, conviction } } }]
+                  : [referendumId, { aye: false, conviction }]
+              }
+              tx='democracy.vote'
+            />
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Aye')}
+              onStart={toggleVoting}
+              params={
+                isCurrentVote
+                  ? [referendumId, { Standard: { balance, vote: { aye: true, conviction } } }]
+                  : [referendumId, { aye: true, conviction }]
+              }
+              tx='democracy.vote'
+            />
+          </Modal.Actions>
         </Modal>
       )}
       <Button
diff --git a/packages/page-tech-comm/src/Proposals/Voting.tsx b/packages/page-tech-comm/src/Proposals/Voting.tsx
index ffc262efa9..264caac5bc 100644
--- a/packages/page-tech-comm/src/Proposals/Voting.tsx
+++ b/packages/page-tech-comm/src/Proposals/Voting.tsx
@@ -5,10 +5,9 @@
 import { AccountId, Hash } from '@polkadot/types/interfaces';
 
 import BN from 'bn.js';
-import React, { useCallback, useEffect, useState } from 'react';
-import { Button, Modal, VoteAccount, VoteActions, VoteToggle } from '@polkadot/react-components';
+import React, { useState } from 'react';
+import { Button, Modal, TxButton, VoteAccount } from '@polkadot/react-components';
 import { useAccounts, useToggle } from '@polkadot/react-hooks';
-import { isBoolean } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 
@@ -23,16 +22,6 @@ function Voting ({ hash, prime, proposalId }: Props): React.ReactElement<Props>
   const { hasAccounts } = useAccounts();
   const [accountId, setAccountId] = useState<string | null>(null);
   const [isVotingOpen, toggleVoting] = useToggle();
-  const [voteValue, setVoteValue] = useState(true);
-
-  useEffect((): void => {
-    isVotingOpen && setVoteValue(true);
-  }, [isVotingOpen]);
-
-  const _onChangeVote = useCallback(
-    (vote?: boolean): void => setVoteValue(isBoolean(vote) ? vote : true),
-    []
-  );
 
   if (!hasAccounts) {
     return null;
@@ -49,23 +38,30 @@ function Voting ({ hash, prime, proposalId }: Props): React.ReactElement<Props>
         >
           <Modal.Content>
             <VoteAccount onChange={setAccountId} />
-            <VoteToggle
-              onChange={_onChangeVote}
-              value={voteValue}
-            />
             {isPrime && (
               <article className='warning'>
                 <div>{t<string>('You are voting with this collective\'s prime account. The vote will be the default outcome in case of any abstentions.')}</div>
               </article>
             )}
           </Modal.Content>
-          <VoteActions
-            accountId={accountId}
-            aye={voteValue}
-            onClick={toggleVoting}
-            params={[hash, proposalId, voteValue]}
-            tx='technicalCommittee.vote'
-          />
+          <Modal.Actions onCancel={toggleVoting}>
+            <TxButton
+              accountId={accountId}
+              icon='ban'
+              label={t<string>('Vote Nay')}
+              onStart={toggleVoting}
+              params={[hash, proposalId, false]}
+              tx='technicalCommittee.vote'
+            />
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              label={t<string>('Vote Aye')}
+              onStart={toggleVoting}
+              params={[hash, proposalId, true]}
+              tx='technicalCommittee.vote'
+            />
+          </Modal.Actions>
         </Modal>
       )}
       <Button
diff --git a/packages/react-api/package.json b/packages/react-api/package.json
index 5ab6ff6c2f..511b4a6c19 100644
--- a/packages/react-api/package.json
+++ b/packages/react-api/package.json
@@ -31,7 +31,7 @@
   "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-reactive#readme",
   "dependencies": {
     "@babel/runtime": "^7.11.2",
-    "@polkadot/api": "^1.30.1",
+    "@polkadot/api": "^1.31.0-beta.7",
     "@polkadot/extension-dapp": "^0.33.0-beta.6",
     "rxjs-compat": "^6.6.2"
   }
diff --git a/packages/react-api/src/Api.tsx b/packages/react-api/src/Api.tsx
index ac021353ba..1f9f6449f4 100644
--- a/packages/react-api/src/Api.tsx
+++ b/packages/react-api/src/Api.tsx
@@ -98,7 +98,7 @@ async function retrieve (api: ApiPromise): Promise<ChainData> {
   // HACK Horrible hack to try and give some window to the DOT denomination
   const properties = api.genesisHash.eq(POLKADOT_GENESIS)
     ? bestHeader.number.toBn().gte(POLKADOT_DENOM_BLOCK)
-      ? registry.createType('ChainProperties', { ...chainProperties, tokenDecimals: 10, tokenSymbol: 'New DOT' })
+      ? registry.createType('ChainProperties', { ...chainProperties, tokenDecimals: 10, tokenSymbol: 'DOT' })
       : registry.createType('ChainProperties', { ...chainProperties, tokenDecimals: 12, tokenSymbol: 'DOT (old)' })
     : chainProperties;
 
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
index 3f1651af61..af64451954 100644
--- a/packages/react-components/package.json
+++ b/packages/react-components/package.json
@@ -14,15 +14,15 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.30",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
-    "@polkadot/keyring": "^3.3.1",
+    "@polkadot/keyring": "^3.4.0-beta.1",
     "@polkadot/react-api": "0.56.0-beta.10",
     "@polkadot/react-identicon": "^0.58.0-beta.7",
     "@polkadot/react-qr": "^0.58.0-beta.7",
     "@polkadot/react-query": "0.56.0-beta.10",
     "@polkadot/ui-keyring": "^0.58.0-beta.7",
     "@polkadot/ui-settings": "^0.58.0-beta.7",
-    "@polkadot/util": "^3.3.1",
-    "@polkadot/util-crypto": "^3.3.1",
+    "@polkadot/util": "^3.4.0-beta.1",
+    "@polkadot/util-crypto": "^3.4.0-beta.1",
     "chart.js": "^2.9.3",
     "codeflask": "^1.4.1",
     "i18next": "^19.6.3",
diff --git a/packages/react-components/src/Expander.tsx b/packages/react-components/src/Expander.tsx
index eb616938a2..f63edb0dad 100644
--- a/packages/react-components/src/Expander.tsx
+++ b/packages/react-components/src/Expander.tsx
@@ -20,6 +20,7 @@ export interface Props {
   className?: string;
   help?: string;
   isOpen?: boolean;
+  isPadded?: boolean;
   summary?: React.ReactNode;
   summaryMeta?: Meta;
   summarySub?: React.ReactNode;
@@ -42,7 +43,7 @@ function formatMeta (meta?: Meta): React.ReactNode | null {
   ).join(' ');
 }
 
-function Expander ({ children, className = '', help, isOpen, summary, summaryMeta, summarySub, withDot, withHidden }: Props): React.ReactElement<Props> {
+function Expander ({ children, className = '', help, isOpen, isPadded, summary, summaryMeta, summarySub, withDot, withHidden }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
   const [isExpanded, toggleExpanded] = useToggle(isOpen);
   const headerMain = useMemo(
@@ -59,7 +60,7 @@ function Expander ({ children, className = '', help, isOpen, summary, summaryMet
   );
 
   return (
-    <div className={`ui--Expander ${isExpanded ? 'isExpanded' : ''} ${hasContent ? 'hasContent' : ''} ${className}`}>
+    <div className={`ui--Expander${isExpanded ? ' isExpanded' : ''}${isPadded ? ' isPadded' : ''}${hasContent ? ' hasContent' : ''} ${className}`}>
       <div
         className='ui--Expander-summary'
         onClick={toggleExpanded}
@@ -105,6 +106,12 @@ export default React.memo(styled(Expander)`
     cursor: pointer;
   }
 
+  &.isPadded {
+    .ui--Expander-summary {
+      margin-left: 2.25rem;
+    }
+  }
+
   .ui--Expander-summary {
     margin: 0;
     min-width: 13.5rem;
diff --git a/packages/react-components/src/VoteActions.tsx b/packages/react-components/src/VoteActions.tsx
deleted file mode 100644
index a24f568d1b..0000000000
--- a/packages/react-components/src/VoteActions.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-// Copyright 2017-2020 @polkadot/react-components 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 React from 'react';
-
-import Modal from './Modal';
-import TxButton from './TxButton';
-import { useTranslation } from './translate';
-
-interface Props {
-  accountId: string | null;
-  aye: boolean;
-  className?: string;
-  isDisabled?: boolean;
-  onClick: () => void;
-  params: any[];
-  tx: string;
-}
-
-function VoteActions ({ accountId, aye, className = '', isDisabled, onClick, params, tx }: Props): React.ReactElement<Props> {
-  const { t } = useTranslation();
-
-  return (
-    <Modal.Actions
-      className={className}
-      onCancel={onClick}
-    >
-      <TxButton
-        accountId={accountId}
-        icon='check'
-        isDisabled={!accountId || isDisabled}
-        label={aye
-          ? t<string>('Vote Aye')
-          : t<string>('Vote Nay')}
-        onStart={onClick}
-        params={params}
-        tx={tx}
-      />
-    </Modal.Actions>
-  );
-}
-
-export default React.memo(VoteActions);
diff --git a/packages/react-components/src/VoteToggle.tsx b/packages/react-components/src/VoteToggle.tsx
deleted file mode 100644
index 41f2f1d26e..0000000000
--- a/packages/react-components/src/VoteToggle.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright 2017-2020 @polkadot/react-components 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 React from 'react';
-import styled from 'styled-components';
-
-import Toggle from './Toggle';
-import { useTranslation } from './translate';
-
-interface Props {
-  className?: string;
-  onChange: (value: boolean) => void;
-  value: boolean;
-}
-
-function VoteToggle ({ className = '', onChange, value }: Props): React.ReactElement<Props> {
-  const { t } = useTranslation();
-
-  return (
-    <Toggle
-      className={`${className}`}
-      label={
-        value
-          ? t<string>('Aye, I approve')
-          : t<string>('Nay, I do not approve')
-      }
-      onChange={onChange}
-      value={value}
-    />
-  );
-}
-
-export default React.memo(styled(VoteToggle)`
-  margin: 0.5rem;
-  text-align: right;
-`);
diff --git a/packages/react-components/src/index.tsx b/packages/react-components/src/index.tsx
index 598e19ca70..026c83373e 100644
--- a/packages/react-components/src/index.tsx
+++ b/packages/react-components/src/index.tsx
@@ -96,8 +96,6 @@ export { default as TxComponent } from './TxComponent';
 export { default as TxModal } from './TxModal';
 export { default as TxModalNew } from './TxModalNew';
 export { default as VoteAccount } from './VoteAccount';
-export { default as VoteActions } from './VoteActions';
-export { default as VoteToggle } from './VoteToggle';
 export { default as VoteValue } from './VoteValue';
 
 export { default as media } from './media';
diff --git a/yarn.lock b/yarn.lock
index a95c08d3b5..550b38d8bf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3055,57 +3055,57 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/api-contract@npm:^1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/api-contract@npm:1.30.1"
+"@polkadot/api-contract@npm:^1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/api-contract@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/api": 1.30.1
-    "@polkadot/rpc-core": 1.30.1
-    "@polkadot/types": 1.30.1
-    "@polkadot/util": ^3.3.1
+    "@polkadot/api": 1.31.0-beta.7
+    "@polkadot/rpc-core": 1.31.0-beta.7
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
     bn.js: ^5.1.3
     rxjs: ^6.6.2
-  checksum: cd174c268574e685e7481a48d021eb7cb990e4396089f37031e49a95ea70b6d51834f78dbac244b26cf08126fcbc0944ea6652c8f5f33c8c1f07bbf6db44b630
+  checksum: 2c7ab9ab3e9c9c45c881822f7b53b4358b1f90a169f47a81b784d31b3c1ae35f91c907c73b4179910e78bbad383839e753a05ac9cef256e01bab0338c41bc307
   languageName: node
   linkType: hard
 
-"@polkadot/api-derive@npm:1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/api-derive@npm:1.30.1"
+"@polkadot/api-derive@npm:1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/api-derive@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/api": 1.30.1
-    "@polkadot/rpc-core": 1.30.1
-    "@polkadot/rpc-provider": 1.30.1
-    "@polkadot/types": 1.30.1
-    "@polkadot/util": ^3.3.1
-    "@polkadot/util-crypto": ^3.3.1
+    "@polkadot/api": 1.31.0-beta.7
+    "@polkadot/rpc-core": 1.31.0-beta.7
+    "@polkadot/rpc-provider": 1.31.0-beta.7
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
+    "@polkadot/util-crypto": ^3.4.0-beta.1
     bn.js: ^5.1.3
     memoizee: ^0.4.14
     rxjs: ^6.6.2
-  checksum: f7d01fae61f8e3edb4b253ba62a2d335113128d512e026f895ca1836c5df82f850e83a5ca45d579ad6598a25be4404cd901b4efa5e1de60a64e368f2995de97b
+  checksum: e3b5f8109b4d7cf3fb95fd27e18b893feb00bb23694fa3ae1c69335d8b95263cc65415f1bac810d1dc640faa100088f183fa249517a903a639dbb31b86b8d210
   languageName: node
   linkType: hard
 
-"@polkadot/api@npm:^1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/api@npm:1.30.1"
+"@polkadot/api@npm:^1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/api@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/api-derive": 1.30.1
-    "@polkadot/keyring": ^3.3.1
-    "@polkadot/metadata": 1.30.1
-    "@polkadot/rpc-core": 1.30.1
-    "@polkadot/rpc-provider": 1.30.1
-    "@polkadot/types": 1.30.1
-    "@polkadot/types-known": 1.30.1
-    "@polkadot/util": ^3.3.1
-    "@polkadot/util-crypto": ^3.3.1
+    "@polkadot/api-derive": 1.31.0-beta.7
+    "@polkadot/keyring": ^3.4.0-beta.1
+    "@polkadot/metadata": 1.31.0-beta.7
+    "@polkadot/rpc-core": 1.31.0-beta.7
+    "@polkadot/rpc-provider": 1.31.0-beta.7
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/types-known": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
+    "@polkadot/util-crypto": ^3.4.0-beta.1
     bn.js: ^5.1.3
-    eventemitter3: ^4.0.5
+    eventemitter3: ^4.0.6
     rxjs: ^6.6.2
-  checksum: c5105e2ed86613d5e2c4ac0ac2ea4e0bf85de2088a92d84fe2c591a242d62f9bebb4c5eebf91efdc3cff19391864f2e03c88fdd3e2f8d87bcb3e977cdc34915b
+  checksum: 4999cb22c624fb780f74067623be7c608e2e2eff0f6d5f30991f5be4077831a24b42ed76e15f55158d96be07a1f7d7a4a96c1d13cb205e9e1969805b449bfc34
   languageName: node
   linkType: hard
 
@@ -3161,7 +3161,7 @@ __metadata:
   resolution: "@polkadot/app-contracts@workspace:packages/page-contracts"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/api-contract": ^1.30.1
+    "@polkadot/api-contract": ^1.31.0-beta.7
   languageName: unknown
   linkType: soft
 
@@ -3358,7 +3358,7 @@ __metadata:
   dependencies:
     "@babel/core": ^7.11.4
     "@babel/polyfill": ^7.10.4
-    "@polkadot/dev": ^0.55.39
+    "@polkadot/dev": ^0.55.43
     "@polkadot/react-components": 0.56.0-beta.10
     "@types/react": ^16.9.46
     "@types/react-dom": ^16.9.8
@@ -3391,7 +3391,7 @@ __metadata:
     "@babel/core": ^7.11.4
     "@babel/polyfill": ^7.10.4
     "@babel/runtime": ^7.11.2
-    "@polkadot/dev": ^0.55.39
+    "@polkadot/dev": ^0.55.43
     "@polkadot/react-components": 0.56.0-beta.10
     "@polkadot/react-signer": 0.56.0-beta.10
     "@types/punycode": ^2.1.0
@@ -3414,12 +3414,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@polkadot/dev@npm:^0.55.39":
-  version: 0.55.39
-  resolution: "@polkadot/dev@npm:0.55.39"
+"@polkadot/dev@npm:^0.55.43":
+  version: 0.55.43
+  resolution: "@polkadot/dev@npm:0.55.43"
   dependencies:
     "@babel/cli": ^7.10.5
-    "@babel/core": ^7.11.1
+    "@babel/core": ^7.11.4
     "@babel/plugin-proposal-class-properties": ^7.10.4
     "@babel/plugin-proposal-decorators": ^7.10.5
     "@babel/plugin-proposal-nullish-coalescing-operator": ^7.10.4
@@ -3438,8 +3438,8 @@ __metadata:
     "@babel/preset-typescript": ^7.10.4
     "@babel/register": ^7.10.5
     "@babel/runtime": ^7.11.2
-    "@typescript-eslint/eslint-plugin": 3.9.1
-    "@typescript-eslint/parser": 3.9.1
+    "@typescript-eslint/eslint-plugin": 3.10.1
+    "@typescript-eslint/parser": 3.10.1
     "@vue/component-compiler-utils": ^3.2.0
     babel-core: ^7.0.0-bridge.0
     babel-jest: ^26.3.0
@@ -3463,21 +3463,21 @@ __metadata:
     fs-extra: ^9.0.1
     gh-pages: ^3.1.0
     gh-release: ^3.5.0
-    jest: ^26.4.0
-    jest-cli: ^26.4.0
-    jest-config: ^26.4.0
+    jest: ^26.4.2
+    jest-cli: ^26.4.2
+    jest-config: ^26.4.2
     jest-haste-map: ^26.3.0
     jest-resolve: ^26.4.0
     lerna: ^3.22.1
     madge: ^3.9.2
     mkdirp: ^1.0.4
-    prettier: ^2.0.5
+    prettier: ^2.1.1
     rimraf: ^3.0.2
     typedoc: ^0.18.0
-    typedoc-plugin-markdown: ^2.4.1
+    typedoc-plugin-markdown: 2.4.1
     typedoc-plugin-no-inherit: ^1.1.10
-    typescript: ^3.9.7
-    vuepress: ^1.5.3
+    typescript: ^4.0.2
+    vuepress: ^1.5.4
     webpack: ^4.44.1
     webpack-cli: ^3.3.12
     yargs: ^15.4.1
@@ -3503,7 +3503,7 @@ __metadata:
     polkadot-exec-typedoc: scripts/polkadot-exec-typedoc.js
     polkadot-exec-vuepress: scripts/polkadot-exec-vuepress.js
     polkadot-exec-webpack: scripts/polkadot-exec-webpack.js
-  checksum: da43b9126ba1da0839b91363dfdfbaf435425c1afebfb5b98964c012447b2a99ecd53e5c92df3b2c4964669176ad209cfafdb34bfe368e19a62d3c3d9d2d173e
+  checksum: 4a52bc3ea351e61a98b565dbd3c5e1d9403194c527b973534f3b4f2ff1b9e11f6c302ba570525f22a9ed1bff67e8b313891d9800e680a713e895c4ae24f81136
   languageName: node
   linkType: hard
 
@@ -3532,28 +3532,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/keyring@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "@polkadot/keyring@npm:3.3.1"
+"@polkadot/keyring@npm:^3.4.0-beta.1":
+  version: 3.4.0-beta.1
+  resolution: "@polkadot/keyring@npm:3.4.0-beta.1"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/util": 3.3.1
-    "@polkadot/util-crypto": 3.3.1
-  checksum: c1e8513164e6708991e1ca93de401fcc87627b7b0f2ad2f45df22e7187940bcd745b6407cda7d57a5b52c41f6eafdf5e5209c20d38a50c11307a2ea3b00ace6e
+    "@polkadot/util": 3.4.0-beta.1
+    "@polkadot/util-crypto": 3.4.0-beta.1
+  checksum: b4fa44783e43bf2aa559bcf7ed3ed4d80b1f6fc94f7c97fc564a12a6547582ed4ac1846ecf66c6e1e5cf34a62964e7e54d6be6f5690b7f9736f82fd31a5d058c
   languageName: node
   linkType: hard
 
-"@polkadot/metadata@npm:1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/metadata@npm:1.30.1"
+"@polkadot/metadata@npm:1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/metadata@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/types": 1.30.1
-    "@polkadot/types-known": 1.30.1
-    "@polkadot/util": ^3.3.1
-    "@polkadot/util-crypto": ^3.3.1
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/types-known": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
+    "@polkadot/util-crypto": ^3.4.0-beta.1
     bn.js: ^5.1.3
-  checksum: bc169f2b404e5b43c7d8f277fa2cb51eb89e24c8a93c3047ef334370a94bf8d89809e58b66b9302e4aa0bfa480605cf1bfa19e62bd5bc0b5b5363d4b8270a1dc
+  checksum: 681dec75c5b4cf11e4f290e7ade5d65745cf763d6a590b86af4a777d5f578567ad86fa48e8314199a7ba3ac32b982b930167bdba95c4c37b45b7aeb767da3818
   languageName: node
   linkType: hard
 
@@ -3562,7 +3562,7 @@ __metadata:
   resolution: "@polkadot/react-api@workspace:packages/react-api"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/api": ^1.30.1
+    "@polkadot/api": ^1.31.0-beta.7
     "@polkadot/extension-dapp": ^0.33.0-beta.6
     rxjs-compat: ^6.6.2
   languageName: unknown
@@ -3576,15 +3576,15 @@ __metadata:
     "@fortawesome/fontawesome-svg-core": ^1.2.30
     "@fortawesome/free-solid-svg-icons": ^5.14.0
     "@fortawesome/react-fontawesome": ^0.1.11
-    "@polkadot/keyring": ^3.3.1
+    "@polkadot/keyring": ^3.4.0-beta.1
     "@polkadot/react-api": 0.56.0-beta.10
     "@polkadot/react-identicon": ^0.58.0-beta.7
     "@polkadot/react-qr": ^0.58.0-beta.7
     "@polkadot/react-query": 0.56.0-beta.10
     "@polkadot/ui-keyring": ^0.58.0-beta.7
     "@polkadot/ui-settings": ^0.58.0-beta.7
-    "@polkadot/util": ^3.3.1
-    "@polkadot/util-crypto": ^3.3.1
+    "@polkadot/util": ^3.4.0-beta.1
+    "@polkadot/util-crypto": ^3.4.0-beta.1
     "@types/codeflask": ^1.4.1
     chart.js: ^2.9.3
     codeflask: ^1.4.1
@@ -3685,72 +3685,72 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@polkadot/rpc-core@npm:1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/rpc-core@npm:1.30.1"
+"@polkadot/rpc-core@npm:1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/rpc-core@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/metadata": 1.30.1
-    "@polkadot/rpc-provider": 1.30.1
-    "@polkadot/types": 1.30.1
-    "@polkadot/util": ^3.3.1
+    "@polkadot/metadata": 1.31.0-beta.7
+    "@polkadot/rpc-provider": 1.31.0-beta.7
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
     memoizee: ^0.4.14
     rxjs: ^6.6.2
-  checksum: deb5a799ace0d9f060973c46eda2fc940ac969ce0b44939fbb17b84e97813af54d26333d68730e51954f20cf2d670cbd1f54ea5ed5fd81d037a703bffe450ac2
+  checksum: c523391ea94ca59ee7c6052602528c9160d3709d03f42c8ade9e59fea316468a47e375201162944d4701b7e08f1db41bdb44a91c631bc4feb58e049d2fc43d46
   languageName: node
   linkType: hard
 
-"@polkadot/rpc-provider@npm:1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/rpc-provider@npm:1.30.1"
+"@polkadot/rpc-provider@npm:1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/rpc-provider@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/metadata": 1.30.1
-    "@polkadot/types": 1.30.1
-    "@polkadot/util": ^3.3.1
-    "@polkadot/util-crypto": ^3.3.1
+    "@polkadot/metadata": 1.31.0-beta.7
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
+    "@polkadot/util-crypto": ^3.4.0-beta.1
     bn.js: ^5.1.3
-    eventemitter3: ^4.0.5
+    eventemitter3: ^4.0.6
     isomorphic-fetch: ^2.2.1
     websocket: ^1.0.31
-  checksum: c8dc5a62eb66b1c82234a431facb9a874537bbadab52857ac19bbf0c03631a1b8bdf8fa2c8eda87222837ad1c6d1b3c371158903e1a416a61e19e8f55e9031e5
+  checksum: 62b4a262d225d7228ab6601903f67c9880f4ad55dd7857042040e84259aaec6e0cf8d0993080d93ef79972e2ed311c0b418931e860f27c628234d0641a51facc
   languageName: node
   linkType: hard
 
-"@polkadot/ts@npm:^0.3.39":
-  version: 0.3.39
-  resolution: "@polkadot/ts@npm:0.3.39"
+"@polkadot/ts@npm:^0.3.40":
+  version: 0.3.40
+  resolution: "@polkadot/ts@npm:0.3.40"
   dependencies:
     "@types/chrome": ^0.0.122
-  checksum: 622cfb95b497bc4bf0878f22d140c7311851c56ac7e5ea41b54c5a160c1094c8e69c07ec81b0008629680f28df847555fe9a73dd86732a5aa6fd38cabeee9571
+  checksum: 6b1eb5217341c7f3e52221624db57eb385ab5216bd9b61129a652d784fab59895bcfadb878d35572ec816a9f3d6754e96658c0b8346cf6dcce71c42856eafb94
   languageName: node
   linkType: hard
 
-"@polkadot/types-known@npm:1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/types-known@npm:1.30.1"
+"@polkadot/types-known@npm:1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/types-known@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/types": 1.30.1
-    "@polkadot/util": ^3.3.1
+    "@polkadot/types": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
     bn.js: ^5.1.3
-  checksum: c65ddc9333e6facd0570597f645d366a09239a7cd5a1943c9da888caa8bcef2c3d29c76d6143602a554b1099b202147cfa987e421b6446d0b36a8f705117cc00
+  checksum: 42358682df0b45ed1a1681e5658700e10b9e69bce0d3a42cd1b1ccc2e1527a9a757a5d19cd17fae3a2f1209150b747f5d08e6cd0f77c10086d16d5fca97f3224
   languageName: node
   linkType: hard
 
-"@polkadot/types@npm:^1.30.1":
-  version: 1.30.1
-  resolution: "@polkadot/types@npm:1.30.1"
+"@polkadot/types@npm:^1.31.0-beta.7":
+  version: 1.31.0-beta.7
+  resolution: "@polkadot/types@npm:1.31.0-beta.7"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/metadata": 1.30.1
-    "@polkadot/util": ^3.3.1
-    "@polkadot/util-crypto": ^3.3.1
+    "@polkadot/metadata": 1.31.0-beta.7
+    "@polkadot/util": ^3.4.0-beta.1
+    "@polkadot/util-crypto": ^3.4.0-beta.1
     "@types/bn.js": ^4.11.6
     bn.js: ^5.1.3
     memoizee: ^0.4.14
     rxjs: ^6.6.2
-  checksum: 1e15cd62dfeaf76e1468c1d0622a31920fbbff2608570ec2401ccdcbebeafbf6fa20e5adde1856a3b81aa0dd175ab931061041ce7392ed6344110ed7804b4b93
+  checksum: 4a9c98fd6d6aa24644822f29322ffb86d395f706488d921c900972399a145138761ffad45129eb662c3f31e382c9e686e6f091f753c818a54a2c4d5da612700c
   languageName: node
   linkType: hard
 
@@ -3802,13 +3802,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/util-crypto@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "@polkadot/util-crypto@npm:3.3.1"
+"@polkadot/util-crypto@npm:^3.4.0-beta.1":
+  version: 3.4.0-beta.1
+  resolution: "@polkadot/util-crypto@npm:3.4.0-beta.1"
   dependencies:
     "@babel/runtime": ^7.11.2
-    "@polkadot/util": 3.3.1
-    "@polkadot/wasm-crypto": ^1.3.1
+    "@polkadot/util": 3.4.0-beta.1
+    "@polkadot/wasm-crypto": ^1.4.0-beta.7
     base-x: ^3.0.8
     bip39: ^3.0.2
     blakejs: ^1.1.0
@@ -3819,13 +3819,13 @@ __metadata:
     scryptsy: ^2.1.0
     tweetnacl: ^1.0.3
     xxhashjs: ^0.2.2
-  checksum: 2fa73eee6d7b7fa66589f68ab8f5f5c7fd2bd2935dc958349c6df7c591b8ac5321e638e9ebde113b8e41d6ca3517af08ad72da86a83cde725da9481212a87d21
+  checksum: 47f5e27f96159e7e23bd9d39877802a44dc78b1693aad49559be419b0de738d7edfd6da6f46218a2dde3aab4c0d4c0362f29819e6e08b27248e56b9164183f47
   languageName: node
   linkType: hard
 
-"@polkadot/util@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "@polkadot/util@npm:3.3.1"
+"@polkadot/util@npm:^3.4.0-beta.1":
+  version: 3.4.0-beta.1
+  resolution: "@polkadot/util@npm:3.4.0-beta.1"
   dependencies:
     "@babel/runtime": ^7.11.2
     "@types/bn.js": ^4.11.6
@@ -3833,7 +3833,7 @@ __metadata:
     camelcase: ^5.3.1
     chalk: ^4.1.0
     ip-regex: ^4.1.0
-  checksum: 6b472b96f9f4797450e3183532237b91c7795f4a2c7b22e69ea4c2d3269a271f78ac6473542d6d878508ffacb175c32a062e4e5829e910d51f5fe2579dae2e07
+  checksum: 5f915963950827641c4e06f7aa95c21e1bafcf43f4ef9d3ae55a4375f2f338fc452194bf29dbf72b2d0cfa8ccada3eac0e959d62e8ac960875f90414e6dcf3be
   languageName: node
   linkType: hard
 
@@ -3853,12 +3853,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/wasm-crypto@npm:^1.3.1":
-  version: 1.3.1
-  resolution: "@polkadot/wasm-crypto@npm:1.3.1"
+"@polkadot/wasm-crypto@npm:^1.4.0-beta.7":
+  version: 1.4.0-beta.7
+  resolution: "@polkadot/wasm-crypto@npm:1.4.0-beta.7"
   peerDependencies:
     "@polkadot/util": "*"
-  checksum: 033a434ccfd882737fd3952c4a587e4eb0220730dca9397a16255336a40e58f6102a8c0baee8d5e0aa5c6b240357e1bacd67705da6d52938df4fbd7fc4827fce
+  checksum: c0ef227876ac80933ce17e89804c1938299760ec970820aec83fc39dad4af7669f2ae5fb2c2f62e9688cee2076e6baddaed28e60a9d0949d08e4d45735b20c09
   languageName: node
   linkType: hard
 
@@ -4602,11 +4602,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:3.9.1":
-  version: 3.9.1
-  resolution: "@typescript-eslint/eslint-plugin@npm:3.9.1"
+"@typescript-eslint/eslint-plugin@npm:3.10.1":
+  version: 3.10.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:3.10.1"
   dependencies:
-    "@typescript-eslint/experimental-utils": 3.9.1
+    "@typescript-eslint/experimental-utils": 3.10.1
     debug: ^4.1.1
     functional-red-black-tree: ^1.0.1
     regexpp: ^3.0.0
@@ -4619,33 +4619,33 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 252bab346c02c78f97bc389686230ba0260409f1471c1bea91764ea1ff0aa30d941294c4ae59a4d3f5ca2f8e73311a080709f0d0e5923b9dd4c013b0d9a1f583
+  checksum: c50fefc3dfdc5ed6a6bbeb589a9e30d8df2329aac1a6b4a54b7f405c98a3262db34a7d7e6108a3eb67b90b3fdcd87724143be3a5ecf95c6f3e5c432795fdac87
   languageName: node
   linkType: hard
 
-"@typescript-eslint/experimental-utils@npm:3.9.1":
-  version: 3.9.1
-  resolution: "@typescript-eslint/experimental-utils@npm:3.9.1"
+"@typescript-eslint/experimental-utils@npm:3.10.1":
+  version: 3.10.1
+  resolution: "@typescript-eslint/experimental-utils@npm:3.10.1"
   dependencies:
     "@types/json-schema": ^7.0.3
-    "@typescript-eslint/types": 3.9.1
-    "@typescript-eslint/typescript-estree": 3.9.1
+    "@typescript-eslint/types": 3.10.1
+    "@typescript-eslint/typescript-estree": 3.10.1
     eslint-scope: ^5.0.0
     eslint-utils: ^2.0.0
   peerDependencies:
     eslint: "*"
-  checksum: 8092e411ad2b8c57bb848507f9feffd7c305ca469b494b3d97b4176b73f0d9dbff20715a66537e9916a17b9aff9d76c446a0849967712bac2fba9b237f3df395
+  checksum: b1be2620f017cc325a36903c946b0828c9857e17410083e6d3396c48121ca6e4b8c30475426b39895ac253b8ffd0b08cb10e9c6786c2237ac014a37aac4b6c7f
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:3.9.1":
-  version: 3.9.1
-  resolution: "@typescript-eslint/parser@npm:3.9.1"
+"@typescript-eslint/parser@npm:3.10.1":
+  version: 3.10.1
+  resolution: "@typescript-eslint/parser@npm:3.10.1"
   dependencies:
     "@types/eslint-visitor-keys": ^1.0.0
-    "@typescript-eslint/experimental-utils": 3.9.1
-    "@typescript-eslint/types": 3.9.1
-    "@typescript-eslint/typescript-estree": 3.9.1
+    "@typescript-eslint/experimental-utils": 3.10.1
+    "@typescript-eslint/types": 3.10.1
+    "@typescript-eslint/typescript-estree": 3.10.1
     eslint-visitor-keys: ^1.1.0
   peerDependencies:
     eslint: ^5.0.0 || ^6.0.0 || ^7.0.0
@@ -4653,23 +4653,23 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: ed9a4829697cb02b18d47b83d8bb5678f37a5eb996e47ded58387dda22f0b6e51800f0a3ecf6136f23827bfc654cd0f38d5082ca66a93c593ee0afa370edcc10
+  checksum: 17289e48d281a04b1a43d09a8098acf86a1fef06297533cf7f54863cb1cf897b3b5f0b050c4eb1fc5c26bd3ab723cae0ac3ac9ecfafb16eccea63279c7bf299e
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:3.9.1":
-  version: 3.9.1
-  resolution: "@typescript-eslint/types@npm:3.9.1"
-  checksum: 0591ff76919fb8d19af26f0657329d8fa499484f64e073a76ae2f846ea39074c3cd888ae185d16aa2974eb1ca3a0aa6083040c13872a2aaafb8a10e1b8a38a9e
+"@typescript-eslint/types@npm:3.10.1":
+  version: 3.10.1
+  resolution: "@typescript-eslint/types@npm:3.10.1"
+  checksum: cc075f8da439ae50a09da950532a8a369855e937e4502cd859829f6dab549e197a2ff2765a193b925e8caa3e16fc3f52bc3d53af0c8cf667c17b0424227055c4
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:3.9.1":
-  version: 3.9.1
-  resolution: "@typescript-eslint/typescript-estree@npm:3.9.1"
+"@typescript-eslint/typescript-estree@npm:3.10.1":
+  version: 3.10.1
+  resolution: "@typescript-eslint/typescript-estree@npm:3.10.1"
   dependencies:
-    "@typescript-eslint/types": 3.9.1
-    "@typescript-eslint/visitor-keys": 3.9.1
+    "@typescript-eslint/types": 3.10.1
+    "@typescript-eslint/visitor-keys": 3.10.1
     debug: ^4.1.1
     glob: ^7.1.6
     is-glob: ^4.0.1
@@ -4681,7 +4681,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: f9a962b6ffd557aff680ccc8a67e79e305002dd90f7637f0d22b9e6e9112dc143f629d12af769e6252c17025cc4bc381218a425fdb4bf9dbd8c12a235356d8c1
+  checksum: c048aa8b80129e0672ba57775072f1d4d9ea1216dee8fd23d224b9064dfebe48b12c1eb8efd823420c35598c423bddd2ec92b49d8c3f04860b91822f104e079f
   languageName: node
   linkType: hard
 
@@ -4705,12 +4705,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:3.9.1":
-  version: 3.9.1
-  resolution: "@typescript-eslint/visitor-keys@npm:3.9.1"
+"@typescript-eslint/visitor-keys@npm:3.10.1":
+  version: 3.10.1
+  resolution: "@typescript-eslint/visitor-keys@npm:3.10.1"
   dependencies:
     eslint-visitor-keys: ^1.1.0
-  checksum: 9e54d3a37aef8c177872dcfba59ead2de6bd5c7370a735dc5965d499ca7d93cef6edf297bc07f114098291e797b561cae1bbc74e3e426a3c521d02f03cef95e0
+  checksum: 58890dc003211e47caf05a1ab19cf6d3945d0ee7267ef09bdcf0ff53514a8b93ed778ccf52ae14538fc4e9a03897374efd6e359f6483e8e2f76bb495bb874379
   languageName: node
   linkType: hard
 
@@ -10652,13 +10652,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eventemitter3@npm:^4.0.0, eventemitter3@npm:^4.0.4, eventemitter3@npm:^4.0.5":
+"eventemitter3@npm:^4.0.0, eventemitter3@npm:^4.0.4":
   version: 4.0.5
   resolution: "eventemitter3@npm:4.0.5"
   checksum: 80d8d2164b269fa436d60cd26b576d0a94eb8c6ed979e376319b535e2acc08ab0a95d5c7d796fd157deb4acc302bdfb56baa36c823997e64ccdeb071a40d17c9
   languageName: node
   linkType: hard
 
+"eventemitter3@npm:^4.0.6":
+  version: 4.0.6
+  resolution: "eventemitter3@npm:4.0.6"
+  checksum: 42c14874a23b502430ad17492390537d2c92e393616a059330f2c355dbc7bd8babae1e0789ac97360b94861ab3fd9934a7eb9e0930903b824def8b12683e8a94
+  languageName: node
+  linkType: hard
+
 "events@npm:^1.1.0":
   version: 1.1.1
   resolution: "events@npm:1.1.1"
@@ -14383,7 +14390,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-cli@npm:^26.4.0, jest-cli@npm:^26.4.2":
+"jest-cli@npm:^26.4.2":
   version: 26.4.2
   resolution: "jest-cli@npm:26.4.2"
   dependencies:
@@ -14406,7 +14413,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-config@npm:^26.4.0, jest-config@npm:^26.4.2":
+"jest-config@npm:^26.4.2":
   version: 26.4.2
   resolution: "jest-config@npm:26.4.2"
   dependencies:
@@ -14817,7 +14824,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest@npm:^26.4.0":
+"jest@npm:^26.4.2":
   version: 26.4.2
   resolution: "jest@npm:26.4.2"
   dependencies:
@@ -18468,8 +18475,8 @@ __metadata:
     "@babel/register": ^7.10.5
     "@babel/runtime": ^7.11.2
     "@pinata/sdk": ^1.1.11
-    "@polkadot/dev": ^0.55.39
-    "@polkadot/ts": ^0.3.39
+    "@polkadot/dev": ^0.55.43
+    "@polkadot/ts": ^0.3.40
     "@types/bn.js": ^4.11.6
     "@types/chart.js": ^2.9.24
     "@types/file-saver": ^2.0.1
@@ -19148,12 +19155,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.0.5":
-  version: 2.0.5
-  resolution: "prettier@npm:2.0.5"
+"prettier@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "prettier@npm:2.1.1"
   bin:
     prettier: bin-prettier.js
-  checksum: d249d89361870a29b20e8b268cb09e908490b8c9e21f70393d12a213701f29ba7e95b7f9ce0ad63929c16ce475176742481911737ae3da4a498873e4a3b90990
+  checksum: 420a807cda2d482388daa42379a7aaa1be629cb71f5792362a971a5ed1c6ff377d2e311818d24e9390a4a8a6eac3fda9ebe6975f2168efec893790c0497d8a93
   languageName: node
   linkType: hard
 
@@ -23468,7 +23475,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typedoc-plugin-markdown@npm:^2.4.1":
+"typedoc-plugin-markdown@npm:2.4.1":
   version: 2.4.1
   resolution: "typedoc-plugin-markdown@npm:2.4.1"
   dependencies:
@@ -23511,7 +23518,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@^3.0.3, typescript@^3.7.5, typescript@^3.8.3, typescript@^3.9.5, typescript@^3.9.7":
+"typescript@^3.0.3, typescript@^3.7.5, typescript@^3.8.3, typescript@^3.9.5":
   version: 3.9.7
   resolution: "typescript@npm:3.9.7"
   bin:
@@ -23521,7 +23528,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@^3.0.3#builtin<compat/typescript>, typescript@patch:typescript@^3.7.5#builtin<compat/typescript>, typescript@patch:typescript@^3.8.3#builtin<compat/typescript>, typescript@patch:typescript@^3.9.5#builtin<compat/typescript>, typescript@patch:typescript@^3.9.7#builtin<compat/typescript>":
+typescript@^4.0.2:
+  version: 4.0.2
+  resolution: "typescript@npm:4.0.2"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: cc0e7806eee7997a1b4b2990badacc4a8d089893ed0a377f35c9658e2ac392503cb340d0187203ed82e36e427dda94b0fb7107e44a71cca99efac86be26e16ee
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@^3.0.3#builtin<compat/typescript>, typescript@patch:typescript@^3.7.5#builtin<compat/typescript>, typescript@patch:typescript@^3.8.3#builtin<compat/typescript>, typescript@patch:typescript@^3.9.5#builtin<compat/typescript>":
   version: 3.9.7
   resolution: "typescript@patch:typescript@npm%3A3.9.7#builtin<compat/typescript>::version=3.9.7&hash=5b02a2"
   bin:
@@ -23531,6 +23548,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@patch:typescript@^4.0.2#builtin<compat/typescript>":
+  version: 4.0.2
+  resolution: "typescript@patch:typescript@npm%3A4.0.2#builtin<compat/typescript>::version=4.0.2&hash=5b02a2"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: b8b689ef994cce4fe59950d56ddfffce3c4bdda8edb85b72e752d4a6d27bf7df8a318e76ccde25cbe6e642058f2f4ccf47187db4b243bbc98278a2844db9461b
+  languageName: node
+  linkType: hard
+
 "uc.micro@npm:^1.0.1, uc.micro@npm:^1.0.5":
   version: 1.0.6
   resolution: "uc.micro@npm:1.0.6"
@@ -24482,7 +24509,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vuepress@npm:^1.5.3":
+"vuepress@npm:^1.5.4":
   version: 1.5.4
   resolution: "vuepress@npm:1.5.4"
   dependencies: