Merge pull request #1266 from blocknative/release/2.11.0

Release: 2.11.0 (main)

Author: taylorjdawson

.circleci/config.yml

@@ -303,6 +303,12 @@ jobs:
     working_directory: ~/web3-onboard-monorepo/packages/sequence
     steps:
       - node-build-steps
+  build-tallyho:
+    docker:
+      - image: cimg/node:16.13.1
+    working_directory: ~/web3-onboard-monorepo/packages/tallyho
+    steps:
+      - node-build-steps
 
   # Build staging/Alpha releases
   build-staging-core:
@@ -443,6 +449,12 @@ jobs:
     working_directory: ~/web3-onboard-monorepo/packages/sequence
     steps:
       - node-staging-build-steps
+  build-staging-tallyho:
+    docker:
+      - image: cimg/node:16.13.1
+    working_directory: ~/web3-onboard-monorepo/packages/tallyho
+    steps:
+      - node-staging-build-steps
 
 workflows:
   version: 2
@@ -585,3 +597,9 @@ workflows:
           <<: *deploy_production_filters
       - build-staging-sequence:
           <<: *deploy_staging_filters
+  tallyho:
+    jobs:
+      - build-tallyho:
+          <<: *deploy_production_filters
+      - build-staging-tallyho:
+          <<: *deploy_staging_filters

README.md

@@ -96,6 +96,7 @@ For full documentation, check out the README.md for each package:
 - [MEW](packages/mew/README.md)
 - [Web3Auth](packages/web3auth/README.md)
 - [Sequence](packages/sequence/README.md)
+- [TallyHo](packages/tallyho/README.md)
 
 **Hardware Wallets**
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web3-onboard-monorepo",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "private": true,
   "workspaces": {
     "packages": ["./packages/*"],

packages/core/README.md

@@ -858,9 +858,11 @@ The Onboard styles can customized via [CSS variables](https://developer.mozilla.
   --onboard-wallet-button-background
   --onboard-wallet-button-background-hover
   --onboard-wallet-button-color
+  --onboard-wallet-button-color-hover
   --onboard-wallet-button-border-color
   --onboard-wallet-button-border-radius
   --onboard-wallet-button-box-shadow
+  --onboard-wallet-button-box-shadow-hover
   --onboard-wallet-app-icon-border-color
 
   /* CUSTOMIZE THE SHARED MODAL */

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.8.2",
+  "version": "2.8.3",
   "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",

packages/core/src/index.ts

@@ -328,7 +328,7 @@ function mountApp() {
 
   if (!containerElement) {
     throw new Error(
-      `Element with query ${state.get().accountCenter} does not exist.`
+      `Element with query ${containerElementQuery} does not exist.`
     )
   }
 

packages/core/src/views/connect/Index.svelte

@@ -115,7 +115,7 @@
       }
 
       connectingErrorMessage = ''
-
+      scrollToTop()
       // change step on next event loop
       setTimeout(() => setStep('connectingWallet'), 1)
     } catch (error) {
@@ -196,8 +196,10 @@
       trackWallet(provider, label)
       updateSelectedWallet(update)
       setStep('connectedWallet')
+      scrollToTop()
     } catch (error) {
       const { code } = error as { code: number; message: string }
+      scrollToTop()
 
       // user rejected account access
       if (code === ProviderRpcErrorCode.ACCOUNT_ACCESS_REJECTED) {

packages/core/src/views/connect/WalletButton.svelte

@@ -33,6 +33,10 @@
       --onboard-wallet-button-background-hover,
       var(--onboard-primary-100, var(--primary-100))
     );
+    color: var(
+      --onboard-wallet-button-color-hover,
+      var(--onboard-gray-700, var(--gray-700))
+    );
   }
 
   button.connected {
@@ -53,6 +57,10 @@
     );
     box-shadow: var(--onboard-wallet-button-box-shadow, var(--box-shadow-0));
   }
+  
+  button.wallet-button-styling:hover {
+    box-shadow: var(--onboard-wallet-button-box-shadow-hover, var(--box-shadow-0));
+  }
 </style>
 
 <button

packages/demo/package.json

@@ -28,7 +28,7 @@
     "@web3-onboard/fortmatic": "^2.0.13",
     "@web3-onboard/gas": "^2.1.2",
     "@web3-onboard/gnosis": "^2.1.2",
-    "@web3-onboard/injected-wallets": "^2.2.1",
+    "@web3-onboard/injected-wallets": "^2.2.2",
     "@web3-onboard/keepkey": "^2.3.0",
     "@web3-onboard/keystone": "^2.3.0",
     "@web3-onboard/ledger": "^2.3.0",
@@ -37,6 +37,7 @@
     "@web3-onboard/sequence": "^2.0.1",
     "@web3-onboard/torus": "^2.1.2",
     "@web3-onboard/trezor": "^2.3.0",
+    "@web3-onboard/tallyho": "^2.0.0",
     "@web3-onboard/walletconnect": "^2.1.2",
     "@web3-onboard/web3auth": "^2.1.2",
     "vconsole": "^3.9.5"

packages/demo/src/App.svelte

@@ -16,6 +16,7 @@
   import gas from '@web3-onboard/gas'
   import dcentModule from '@web3-onboard/dcent'
   import sequenceModule from '@web3-onboard/sequence'
+  import tallyHoModule from '@web3-onboard/tallyho'
   import {
     recoverAddress,
     arrayify,
@@ -84,6 +85,7 @@
   const keepkey = keepkeyModule()
   const keystone = keystoneModule()
   const gnosis = gnosisModule()
+  const tallyho = tallyHoModule()
 
   const trezorOptions = {
     email: '[email protected]',
@@ -104,21 +106,22 @@
 
   const onboard = Onboard({
     wallets: [
+      injected,
       web3auth,
       ledger,
       trezor,
       walletConnect,
       keepkey,
       keystone,
       coinbaseWallet,
-      injected,
       magic,
       fortmatic,
       portis,
       torus,
       gnosis,
       dcent,
-      sequence
+      sequence,
+      tallyho
     ],
     gas,
     chains: [