From f581613cba782b5a5dbfa7f3bb8fa6ac4dc03916 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Mon, 11 Jul 2022 12:02:09 -0600 Subject: [PATCH 1/5] Update css variables per AlienWorld and version bumps --- packages/core/README.md | 19 +- packages/core/package.json | 2 +- packages/core/src/validation.ts | 3 +- .../src/views/account-center/Maximized.svelte | 13 +- .../src/views/account-center/Minimized.svelte | 13 +- .../src/views/account-center/WalletRow.svelte | 4 +- .../src/views/shared/NetworkSelector.svelte | 9 +- packages/react/package.json | 4 +- packages/vue/package.json | 4 +- yarn.lock | 413 +++++++----------- 10 files changed, 216 insertions(+), 268 deletions(-) diff --git a/packages/core/README.md b/packages/core/README.md index a1b9b6adc..12d28fdd8 100644 --- a/packages/core/README.md +++ b/packages/core/README.md @@ -733,9 +733,24 @@ The Onboard styles can customized via [CSS variables](https://developer.mozilla. --onboard-warning-600: #cc8c00; --onboard-warning-700: #664600; - /* CUSTOMIZE ACCOUNT CENTER STACK POSITIONING*/ + /* CUSTOMIZE ACCOUNT CENTER*/ --account-center-z-index - + --account-center-minimized-background + --account-center-maximized-upper-background + --account-center-maximized-network-section + --account-center-maximized-app-info-section + --account-center-minimized-address-color + --account-center-maximized-address-color + --account-center-maximized-account-section-background-hover + --account-center-maximized-action-background-hover + --account-center-minimized-chain-select-background + --account-center-network-selector-color + --account-center-maximized-network-selector-color + --account-center-minimized-network-selector-color + --account-center-app-btn-text-color + --account-center-app-btn-background + --account-center-app-btn-font-family + /* CUSTOMIZE SECTIONS OF THE CONNECT MODAL */ --onboard-connect-content-width --onboard-connect-content-height diff --git a/packages/core/package.json b/packages/core/package.json index 671aa254c..67e914218 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/core", - "version": "2.4.0-alpha.7", + "version": "2.4.0-alpha.8", "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised 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", diff --git a/packages/core/src/validation.ts b/packages/core/src/validation.ts index dd5223365..2a208f1f8 100644 --- a/packages/core/src/validation.ts +++ b/packages/core/src/validation.ts @@ -198,7 +198,8 @@ const accountCenter = Joi.object({ enabled: Joi.boolean(), position: commonPositions, expanded: Joi.boolean(), - minimal: Joi.boolean() + minimal: Joi.boolean(), + containerElement: Joi.string() }) const customNotificationUpdate = Joi.object({ diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index 788dc4242..f4ed53a42 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -50,7 +50,7 @@