@broxus/evm-connect 1.13.7 → 1.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +453 -0
- package/dist/index.d.ts +453 -0
- package/dist/index.js +4954 -0
- package/dist/index.mjs +4954 -0
- package/dist/inheritance.min.css +3 -0
- package/dist/react.d.mts +116 -0
- package/dist/react.d.ts +116 -0
- package/dist/react.js +4860 -0
- package/dist/react.mjs +4860 -0
- package/dist/sdk.d.mts +346 -0
- package/dist/sdk.d.ts +346 -0
- package/dist/sdk.js +4860 -0
- package/dist/sdk.mjs +4860 -0
- package/dist/standalone.min.css +1 -0
- package/dist/uikit.min.css +1 -1
- package/lib/cjs/_react.js +25 -0
- package/lib/cjs/_sdk.js +22 -0
- package/lib/cjs/components/{EvmConnectButton/index.js → EvmConnectButton.js} +4 -4
- package/lib/cjs/components/{EvmConnectDialog/index.js → EvmConnectDialog.js} +12 -6
- package/lib/cjs/components/EvmConnectionRequest.js +80 -0
- package/lib/cjs/components/{EvmConnector/index.js → EvmConnector.js} +4 -5
- package/lib/cjs/components/{EvmProvidersDispatcher/ProviderButton/index.js → EvmProviderButton.js} +8 -9
- package/lib/cjs/components/{EvmProvidersDispatcher/index.js → EvmProvidersDispatcher.js} +24 -16
- package/lib/cjs/components/EvmProvidersList.js +49 -0
- package/lib/cjs/context/EvmWalletProvidersContext.js +4 -5
- package/lib/cjs/context/EvmWalletServiceContext.js +4 -4
- package/lib/cjs/hooks/index.js +1 -0
- package/lib/cjs/hooks/useContext.js +44 -0
- package/lib/cjs/hooks/useRecentConnectionMeta.js +7 -35
- package/lib/cjs/intl/index.js +1 -1
- package/lib/cjs/services/EvmWalletService.js +1 -1
- package/lib/cjs/styles/inheritance.css +71 -0
- package/lib/cjs/styles/inheritance.js +4 -0
- package/lib/cjs/styles/standalone.css +68 -0
- package/lib/cjs/styles/standalone.js +4 -0
- package/lib/cjs/styles/style.css +538 -0
- package/lib/cjs/styles/uikit.js +3 -0
- package/lib/cjs/utils/index.js +2 -1
- package/lib/cjs/utils/recent-connection-meta.js +37 -0
- package/lib/cjs/utils/{convert-network-to-chain-params.js → to-chain-params.js} +2 -2
- package/lib/esm/_react.d.ts +9 -0
- package/lib/esm/_react.js +9 -0
- package/lib/esm/_sdk.d.ts +6 -0
- package/lib/esm/_sdk.js +6 -0
- package/lib/esm/components/{EvmConnectButton/index.d.ts → EvmConnectButton.d.ts} +3 -3
- package/lib/esm/components/{EvmConnectButton/index.js → EvmConnectButton.js} +4 -4
- package/lib/esm/components/{EvmConnectDialog/index.d.ts → EvmConnectDialog.d.ts} +0 -1
- package/lib/esm/components/{EvmConnectDialog/index.js → EvmConnectDialog.js} +12 -6
- package/lib/esm/components/EvmConnectionRequest.d.ts +4 -0
- package/lib/esm/components/EvmConnectionRequest.js +41 -0
- package/lib/esm/components/{EvmConnector/index.d.ts → EvmConnector.d.ts} +1 -2
- package/lib/esm/components/{EvmConnector/index.js → EvmConnector.js} +4 -5
- package/lib/esm/components/EvmProviderButton.d.ts +10 -0
- package/lib/esm/components/{EvmProvidersDispatcher/ProviderButton/index.js → EvmProviderButton.js} +7 -8
- package/lib/esm/components/{EvmProvidersDispatcher/index.d.ts → EvmProvidersDispatcher.d.ts} +0 -1
- package/lib/esm/components/EvmProvidersDispatcher.js +40 -0
- package/lib/esm/components/EvmProvidersList.d.ts +4 -0
- package/lib/esm/components/EvmProvidersList.js +13 -0
- package/lib/esm/connectors/EIP6963Connector.d.ts +1 -2
- package/lib/esm/connectors/MetaMask.d.ts +1 -1
- package/lib/esm/context/EvmWalletProvidersContext.js +3 -4
- package/lib/esm/context/EvmWalletServiceContext.js +2 -2
- package/lib/esm/core/EthereumConnector.d.ts +1 -1
- package/lib/esm/hooks/index.d.ts +1 -0
- package/lib/esm/hooks/index.js +1 -0
- package/lib/esm/hooks/useContext.d.ts +2 -0
- package/lib/esm/hooks/useContext.js +8 -0
- package/lib/esm/hooks/useEIP6963Connections.d.ts +1 -1
- package/lib/esm/hooks/useOrderedConnections.d.ts +1 -2
- package/lib/esm/hooks/useRecentConnectionMeta.d.ts +1 -9
- package/lib/esm/hooks/useRecentConnectionMeta.js +5 -31
- package/lib/esm/intl/index.d.ts +115 -0
- package/lib/esm/intl/index.js +1 -1
- package/lib/esm/services/EvmWalletService.js +2 -2
- package/lib/esm/styles/inheritance.css +71 -0
- package/lib/esm/styles/inheritance.d.ts +2 -0
- package/lib/esm/styles/inheritance.js +2 -0
- package/lib/esm/styles/standalone.css +68 -0
- package/lib/esm/styles/standalone.d.ts +2 -0
- package/lib/esm/styles/standalone.js +2 -0
- package/lib/esm/styles/style.css +538 -0
- package/lib/esm/styles/uikit.js +1 -0
- package/lib/esm/types.d.ts +7 -1
- package/lib/esm/utils/index.d.ts +2 -1
- package/lib/esm/utils/index.js +2 -1
- package/lib/esm/utils/recent-connection-meta.d.ts +4 -0
- package/lib/esm/utils/recent-connection-meta.js +32 -0
- package/lib/esm/utils/to-chain-params.d.ts +2 -0
- package/lib/esm/utils/{convert-network-to-chain-params.js → to-chain-params.js} +1 -1
- package/package.json +52 -29
- package/dist/index.cjs.js +0 -2
- package/dist/index.esm.js +0 -2
- package/dist/style.min.css +0 -1
- package/lib/cjs/components/EvmConnectDialog/index.css +0 -142
- package/lib/cjs/components/EvmConnector/index.css +0 -46
- package/lib/cjs/components/EvmProvidersDispatcher/ConnectionRequest/index.css +0 -44
- package/lib/cjs/components/EvmProvidersDispatcher/ConnectionRequest/index.js +0 -75
- package/lib/cjs/components/EvmProvidersDispatcher/ProviderButton/index.css +0 -54
- package/lib/cjs/components/EvmProvidersDispatcher/index.css +0 -13
- package/lib/esm/components/EvmConnectDialog/index.css +0 -142
- package/lib/esm/components/EvmConnector/index.css +0 -46
- package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.css +0 -44
- package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.d.ts +0 -5
- package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.js +0 -36
- package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.css +0 -54
- package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.d.ts +0 -11
- package/lib/esm/components/EvmProvidersDispatcher/index.css +0 -13
- package/lib/esm/components/EvmProvidersDispatcher/index.js +0 -32
- package/lib/esm/utils/convert-network-to-chain-params.d.ts +0 -2
- /package/lib/esm/{uikit.d.ts → styles/uikit.d.ts} +0 -0
package/dist/style.min.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.evm-connect-modal>:not([class]){width:100%}.evm-connect-modal .uk-modal-content{background:var(--evm-connect-modal-content-background);border-radius:var(--evm-connect-modal-content-border-radius);box-shadow:var(--evm-connect-modal-content-box-shadow);color:var(--evm-connect-modal-content-color);padding:var(--evm-connect-modal-content-padding-vertical) var(--evm-connect-modal-content-padding-horizontal)}.evm-connect-modal .uk-modal-header{background:none;padding:0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical)}.evm-connect-modal .uk-modal-title{color:var(--evm-connect-modal-title-color);font-size:var(--evm-connect-modal-title-font-size);font-weight:var(--evm-connect-modal-title-font-weight);line-height:var(--evm-connect-modal-title-line-height);text-align:center}.evm-connect-modal .uk-modal-body{padding:var(--evm-connect-modal-body-padding-vertical) var(--evm-connect-modal-body-padding-horizontal)}.evm-connect-modal .uk-modal-body:last-child{padding-bottom:0}.evm-connect-modal .uk-modal-footer{background:none;padding:var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0}.evm-connect-drawer .uk-drawer-content-wrapper{--drawer-height:auto}.evm-connect-drawer .uk-drawer-content{background:var(--evm-connect-drawer-content-background);border-radius:var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;box-shadow:none;color:var(--evm-connect-drawer-content-color);padding:var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal)}.evm-connect-drawer .uk-drawer-header{padding:0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical)}.evm-connect-drawer .uk-drawer-title{color:var(--evm-connect-drawer-title-color);font-size:var(--evm-connect-drawer-title-font-size);font-weight:var(--evm-connect-drawer-title-font-weight);line-height:var(--evm-connect-drawer-title-line-height);text-align:center}.evm-connect-drawer .uk-drawer-body{padding:var(--evm-connect-drawer-body-padding-vertical) var(--evm-connect-drawer-body-padding-horizontal)}.evm-connect-drawer .uk-drawer-body:last-child{padding-bottom:0}.evm-connect-drawer .uk-drawer-close,.evm-connect-drawer .uk-modal-close-default{color:var(--close-color,#a5a9b4)}.evm-connect-drawer .uk-drawer-close{--drawer-close-position:var(--modal-close-position,24px)}.evm-connect-drawer .uk-drawer-close:focus,.evm-connect-drawer .uk-drawer-close:hover,.evm-connect-modal .uk-modal-close-default:focus,.evm-connect-modal .uk-modal-close-default:hover{color:var(--close-hover-color,#383838)}.evm-modal-page{box-sizing:border-box;overflow-y:clip;padding-right:var(--global-scroll-width,17px)}.evm-modal-page body{overflow:hidden;overflow:clip;width:100%}.wcm-overlay{--wcm-z-index:calc(var(--modal-z-index) + 20)}:root{--evm-connect-modal-content-background:var(--modal-content-background,#fff);--evm-connect-modal-content-border-radius:12px;--evm-connect-modal-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-modal-content-color:var(--base-body-color,#383838);--evm-connect-modal-content-padding-horizontal:18px;--evm-connect-modal-content-padding-vertical:var(--evm-connect-modal-content-padding-horizontal);--evm-connect-modal-header-padding-horizontal:0;--evm-connect-modal-header-padding-vertical:var(--evm-connect-modal-content-padding-vertical);--evm-connect-modal-title-color:var(--base-heading-color,#383838);--evm-connect-modal-title-font-size:var(--modal-title-font-size,18px);--evm-connect-modal-title-font-weight:500;--evm-connect-modal-title-line-height:var(--modal-title-line-height,22px);--evm-connect-modal-body-padding-horizontal:0;--evm-connect-modal-body-padding-vertical:var(--evm-connect-modal-content-padding-vertical);--evm-connect-modal-footer-padding-horizontal:0;--evm-connect-modal-footer-padding-vertical:var(--evm-connect-modal-content-padding-vertical);--evm-connect-drawer-content-background:var(--drawer-content-background,#fff);--evm-connect-drawer-content-border-radius:16px;--evm-connect-drawer-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-drawer-content-color:var(--base-body-color,#383838);--evm-connect-drawer-content-padding-horizontal:24px;--evm-connect-drawer-content-padding-vertical:var(--evm-connect-drawer-content-padding-horizontal);--evm-connect-drawer-header-padding-horizontal:0;--evm-connect-drawer-header-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-drawer-title-color:var(--base-heading-color,#383838);--evm-connect-drawer-title-font-size:var(--drawer-title-font-size,24px);--evm-connect-drawer-title-font-weight:500;--evm-connect-drawer-title-line-height:var(--drawer-title-line-height,28px);--evm-connect-drawer-body-padding-horizontal:0;--evm-connect-drawer-body-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-drawer-footer-padding-horizontal:0;--evm-connect-drawer-footer-padding-vertical:var(--evm-connect-drawer-content-padding-vertical)}.evm-connect-connector{display:inline-flex;max-width:max-content}.evm-connect-connector .evm-connect-connector-icon{background-color:var(--global-muted-background);border-radius:50%;box-sizing:border-box;height:32px;min-width:32px;width:32px}.evm-connect-connector .evm-connect-connector-suffix{position:relative}.evm-connect-connector .evm-connect-dropdown-trigger{align-items:center;cursor:pointer;display:flex;height:100%;padding:var(--evm-connect-dropdown-trigger-vertical-padding) var(--evm-connect-dropdown-trigger-horizontal-padding)}.evm-connect-dropdown{background:var(--evm-connect-dropdown-background);border-radius:var(--evm-connect-dropdown-border-radius);box-shadow:var(--evm-connect-dropdown-box-shadow);color:var(--evm-connect-dropdown-color)}.evm-connect-dropdown .uk-button.uk-button-link{color:var(--evm-connect-dropdown-link-color)}:root{--evm-connect-dropdown-trigger-horizontal-padding:var(--global-small-gutter,8px);--evm-connect-dropdown-trigger-vertical-padding:0;--evm-connect-dropdown-background:var(--dropdown-background,#fff);--evm-connect-dropdown-border-radius:var(--dropdown-border-radius,5px);--evm-connect-dropdown-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-dropdown-color:var(--dropdown-color,#333);--evm-connect-dropdown-link-color:var(--dropdown-color,#0af)}.evm-connect-connection-request .evm-connect-connection-request-back-button{color:var(--close-color,#333);left:var(--modal-close-position);position:absolute;top:var(--modal-close-position)}.evm-connect-connection-request .evm-connect-connection-request-back-button:focus,.evm-connect-connection-request .evm-connect-connection-request-back-button:hover{color:var(--close-hover-color,#5e5e5e)}.evm-connect-connection-request .evm-connect-connection-request-title{color:var(--base-body-color,#333);font-weight:600;margin-bottom:var(--global-small-margin,10px)}.evm-connect-connection-request .evm-connect-connection-request-button{background-color:rgba(0,0,0,.12);border:var(--evm-connect-connection-request-button-border-width) var(--evm-connect-connection-request-button-border-style) var(--evm-connect-connection-request-button-border);border-radius:8px;box-sizing:border-box;color:var(--base-body-color,#383838);line-height:var(--button-line-height,32px)}.evm-connect-connection-request .evm-connect-connection-request-button:focus,.evm-connect-connection-request .evm-connect-connection-request-button:hover{background-color:rgba(0,0,0,.16);border-color:var(--evm-connect-provider-button-hover-border);color:var(--base-body-color,#383838)}:root{--evm-connect-connection-request-button-border-width:2px;--evm-connect-connection-request-button-border-style:solid;--evm-connect-connection-request-button-border:transparent;--evm-connect-connection-request-button-hover-border:var(--global-border,transparent)}.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button{align-content:center;align-items:center;background-color:rgb(0 0 0/8%);border:var(--evm-connect-provider-button-border-width) var(--evm-connect-provider-button-border-style) var(--evm-connect-provider-button-border);border-radius:8px;box-sizing:border-box;color:var(--base-body-color,#383838);display:grid;gap:16px;grid-auto-rows:max-content;grid-template-columns:30px minmax(50%,100%) auto;line-height:normal;min-height:65px;padding:0 20px;text-align:left;width:100%}.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:focus:not(:disabled),.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:hover:not(:disabled){background-color:rgba(0,0,0,.12);border-color:var(--evm-connect-provider-button-hover-border);color:var(--base-body-color,#383838)}.evm-connect-providers-list .evm-connect-provider-title{color:var(--base-body-color,#383838);font-size:18px;font-weight:500}.evm-connect-providers-list .evm-connect-provider-subtitle{max-width:100%;opacity:.8}.evm-connect-providers-list .evm-connect-provider-connected,.evm-connect-providers-list .evm-connect-provider-recent{background:var(--evm-connect-modal-content-background);border-radius:3px;color:var(--global-muted-color,#383838);display:inline-block;font-size:12px;justify-self:flex-end;padding:1px 5px}:root{--evm-connect-provider-button-border-width:2px;--evm-connect-provider-button-border-style:solid;--evm-connect-provider-button-border:transparent;--evm-connect-provider-button-hover-border:var(--global-primary-border,transparent)}.evm-connect-providers-dispatcher{backface-visibility:hidden;display:flex;flex-direction:column;height:inherit;overflow:hidden;transition:height var(--transition-fast-duration,"100ms") var(--ease-in);width:inherit}.evm-connect-providers-list{margin:0}
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
/* Modal */
|
|
2
|
-
.evm-connect-modal > *:not([class]) {
|
|
3
|
-
width: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.evm-connect-modal .uk-modal-content {
|
|
7
|
-
background: var(--evm-connect-modal-content-background);
|
|
8
|
-
border-radius: var(--evm-connect-modal-content-border-radius);
|
|
9
|
-
box-shadow: var(--evm-connect-modal-content-box-shadow);
|
|
10
|
-
color: var(--evm-connect-modal-content-color);
|
|
11
|
-
padding: var(--evm-connect-modal-content-padding-vertical) var(--evm-connect-modal-content-padding-horizontal);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.evm-connect-modal .uk-modal-header {
|
|
15
|
-
background: none;
|
|
16
|
-
padding: 0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.evm-connect-modal .uk-modal-title {
|
|
20
|
-
color: var(--evm-connect-modal-title-color);
|
|
21
|
-
font-size: var(--evm-connect-modal-title-font-size);
|
|
22
|
-
font-weight: var(--evm-connect-modal-title-font-weight);
|
|
23
|
-
line-height: var(--evm-connect-modal-title-line-height);
|
|
24
|
-
text-align: center;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.evm-connect-modal .uk-modal-body {
|
|
28
|
-
padding: var(--evm-connect-modal-body-padding-vertical) var(--evm-connect-modal-body-padding-horizontal);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.evm-connect-modal .uk-modal-body:last-child {
|
|
32
|
-
padding-bottom: 0;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.evm-connect-modal .uk-modal-footer {
|
|
36
|
-
background: none;
|
|
37
|
-
padding: var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/* Drawer */
|
|
41
|
-
.evm-connect-drawer .uk-drawer-content-wrapper {
|
|
42
|
-
--drawer-height: auto;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.evm-connect-drawer .uk-drawer-content {
|
|
46
|
-
background: var(--evm-connect-drawer-content-background);
|
|
47
|
-
border-radius: var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;
|
|
48
|
-
box-shadow: none;
|
|
49
|
-
color: var(--evm-connect-drawer-content-color);
|
|
50
|
-
padding: var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.evm-connect-drawer .uk-drawer-header {
|
|
54
|
-
padding: 0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.evm-connect-drawer .uk-drawer-title {
|
|
58
|
-
color: var(--evm-connect-drawer-title-color);
|
|
59
|
-
font-size: var(--evm-connect-drawer-title-font-size);
|
|
60
|
-
font-weight: var(--evm-connect-drawer-title-font-weight);
|
|
61
|
-
line-height: var(--evm-connect-drawer-title-line-height);
|
|
62
|
-
text-align: center;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.evm-connect-drawer .uk-drawer-body {
|
|
66
|
-
padding: var(--evm-connect-drawer-body-padding-vertical) var(--evm-connect-drawer-body-padding-horizontal);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.evm-connect-drawer .uk-drawer-body:last-child {
|
|
70
|
-
padding-bottom: 0;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.evm-connect-drawer .uk-modal-close-default,
|
|
74
|
-
.evm-connect-drawer .uk-drawer-close {
|
|
75
|
-
color: var(--close-color, #a5a9b4);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.evm-connect-drawer .uk-drawer-close {
|
|
79
|
-
--drawer-close-position: var(--modal-close-position, 24px);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.evm-connect-modal .uk-modal-close-default:hover,
|
|
83
|
-
.evm-connect-modal .uk-modal-close-default:focus,
|
|
84
|
-
.evm-connect-drawer .uk-drawer-close:hover,
|
|
85
|
-
.evm-connect-drawer .uk-drawer-close:focus {
|
|
86
|
-
color: var(--close-hover-color, #383838);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.evm-modal-page {
|
|
90
|
-
box-sizing: border-box;
|
|
91
|
-
overflow-y: clip;
|
|
92
|
-
padding-right: var(--global-scroll-width, 17px);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.evm-modal-page body {
|
|
96
|
-
overflow: hidden;
|
|
97
|
-
overflow: clip;
|
|
98
|
-
width: 100%;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
/* WalletConnect Modal */
|
|
102
|
-
.wcm-overlay {
|
|
103
|
-
--wcm-z-index: calc(var(--modal-z-index) + 20);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
:root {
|
|
107
|
-
/* Modal */
|
|
108
|
-
--evm-connect-modal-content-background: var(--modal-content-background, #fff);
|
|
109
|
-
--evm-connect-modal-content-border-radius: 12px;
|
|
110
|
-
--evm-connect-modal-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
|
|
111
|
-
--evm-connect-modal-content-color: var(--base-body-color, #383838);
|
|
112
|
-
--evm-connect-modal-content-padding-horizontal: 18px;
|
|
113
|
-
--evm-connect-modal-content-padding-vertical: var(--evm-connect-modal-content-padding-horizontal);
|
|
114
|
-
--evm-connect-modal-header-padding-horizontal: 0;
|
|
115
|
-
--evm-connect-modal-header-padding-vertical: var(--evm-connect-modal-content-padding-vertical);
|
|
116
|
-
--evm-connect-modal-title-color: var(--base-heading-color, #383838);
|
|
117
|
-
--evm-connect-modal-title-font-size: var(--modal-title-font-size, 18px);
|
|
118
|
-
--evm-connect-modal-title-font-weight: 500;
|
|
119
|
-
--evm-connect-modal-title-line-height: var(--modal-title-line-height, 22px);
|
|
120
|
-
--evm-connect-modal-body-padding-horizontal: 0;
|
|
121
|
-
--evm-connect-modal-body-padding-vertical: var(--evm-connect-modal-content-padding-vertical);
|
|
122
|
-
--evm-connect-modal-footer-padding-horizontal: 0;
|
|
123
|
-
--evm-connect-modal-footer-padding-vertical: var(--evm-connect-modal-content-padding-vertical);
|
|
124
|
-
|
|
125
|
-
/* Drawer */
|
|
126
|
-
--evm-connect-drawer-content-background: var(--drawer-content-background, #fff);
|
|
127
|
-
--evm-connect-drawer-content-border-radius: 16px;
|
|
128
|
-
--evm-connect-drawer-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
|
|
129
|
-
--evm-connect-drawer-content-color: var(--base-body-color, #383838);
|
|
130
|
-
--evm-connect-drawer-content-padding-horizontal: 24px;
|
|
131
|
-
--evm-connect-drawer-content-padding-vertical: var(--evm-connect-drawer-content-padding-horizontal);
|
|
132
|
-
--evm-connect-drawer-header-padding-horizontal: 0;
|
|
133
|
-
--evm-connect-drawer-header-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
|
|
134
|
-
--evm-connect-drawer-title-color: var(--base-heading-color, #383838);
|
|
135
|
-
--evm-connect-drawer-title-font-size: var(--drawer-title-font-size, 24px);
|
|
136
|
-
--evm-connect-drawer-title-font-weight: 500;
|
|
137
|
-
--evm-connect-drawer-title-line-height: var(--drawer-title-line-height, 28px);
|
|
138
|
-
--evm-connect-drawer-body-padding-horizontal: 0;
|
|
139
|
-
--evm-connect-drawer-body-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
|
|
140
|
-
--evm-connect-drawer-footer-padding-horizontal: 0;
|
|
141
|
-
--evm-connect-drawer-footer-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
|
|
142
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
.evm-connect-connector {
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
max-width: max-content;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.evm-connect-connector .evm-connect-connector-icon {
|
|
7
|
-
background-color: var(--global-muted-background);
|
|
8
|
-
border-radius: 50%;
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
height: 32px;
|
|
11
|
-
min-width: 32px;
|
|
12
|
-
width: 32px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.evm-connect-connector .evm-connect-connector-suffix {
|
|
16
|
-
position: relative;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.evm-connect-connector .evm-connect-dropdown-trigger {
|
|
20
|
-
align-items: center;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
display: flex;
|
|
23
|
-
height: 100%;
|
|
24
|
-
padding: var(--evm-connect-dropdown-trigger-vertical-padding) var(--evm-connect-dropdown-trigger-horizontal-padding);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.evm-connect-dropdown {
|
|
28
|
-
background: var(--evm-connect-dropdown-background);
|
|
29
|
-
border-radius: var(--evm-connect-dropdown-border-radius);
|
|
30
|
-
box-shadow: var(--evm-connect-dropdown-box-shadow);
|
|
31
|
-
color: var(--evm-connect-dropdown-color);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.evm-connect-dropdown .uk-button.uk-button-link {
|
|
35
|
-
color: var(--evm-connect-dropdown-link-color);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:root {
|
|
39
|
-
--evm-connect-dropdown-trigger-horizontal-padding: var(--global-small-gutter, 8px);
|
|
40
|
-
--evm-connect-dropdown-trigger-vertical-padding: 0;
|
|
41
|
-
--evm-connect-dropdown-background: var(--dropdown-background, #fff);
|
|
42
|
-
--evm-connect-dropdown-border-radius: var(--dropdown-border-radius, 5px);
|
|
43
|
-
--evm-connect-dropdown-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
|
|
44
|
-
--evm-connect-dropdown-color: var(--dropdown-color, #333);
|
|
45
|
-
--evm-connect-dropdown-link-color: var(--dropdown-color, #0af);
|
|
46
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
.evm-connect-connection-request {
|
|
2
|
-
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.evm-connect-connection-request .evm-connect-connection-request-back-button {
|
|
6
|
-
color: var(--close-color, #333);
|
|
7
|
-
left: var(--modal-close-position);
|
|
8
|
-
position: absolute;
|
|
9
|
-
top: var(--modal-close-position);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.evm-connect-connection-request .evm-connect-connection-request-back-button:hover,
|
|
13
|
-
.evm-connect-connection-request .evm-connect-connection-request-back-button:focus {
|
|
14
|
-
color: var(--close-hover-color, #5e5e5e);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.evm-connect-connection-request .evm-connect-connection-request-title {
|
|
18
|
-
color: var(--base-body-color, #333);
|
|
19
|
-
font-weight: 600;
|
|
20
|
-
margin-bottom: var(--global-small-margin, 10px);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.evm-connect-connection-request .evm-connect-connection-request-button {
|
|
24
|
-
background-color: rgb(0 0 0 / 12%);
|
|
25
|
-
border: var(--evm-connect-connection-request-button-border-width) var(--evm-connect-connection-request-button-border-style) var(--evm-connect-connection-request-button-border);
|
|
26
|
-
border-radius: 8px;
|
|
27
|
-
box-sizing: border-box;
|
|
28
|
-
color: var(--base-body-color, #383838);
|
|
29
|
-
line-height: var(--button-line-height, 32px);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.evm-connect-connection-request .evm-connect-connection-request-button:hover,
|
|
33
|
-
.evm-connect-connection-request .evm-connect-connection-request-button:focus {
|
|
34
|
-
background-color: rgb(0 0 0 / 16%);
|
|
35
|
-
border-color: var(--evm-connect-provider-button-hover-border);
|
|
36
|
-
color: var(--base-body-color, #383838);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
:root {
|
|
40
|
-
--evm-connect-connection-request-button-border-width: 2px;
|
|
41
|
-
--evm-connect-connection-request-button-border-style: solid;
|
|
42
|
-
--evm-connect-connection-request-button-border: transparent;
|
|
43
|
-
--evm-connect-connection-request-button-hover-border: var(--global-border, transparent);
|
|
44
|
-
}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
-
};
|
|
38
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.ConnectionRequest = void 0;
|
|
40
|
-
const react_components_1 = require("@broxus/react-components");
|
|
41
|
-
const react_uikit_1 = require("@broxus/react-uikit");
|
|
42
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
43
|
-
const mobx_react_lite_1 = require("mobx-react-lite");
|
|
44
|
-
const React = __importStar(require("react"));
|
|
45
|
-
const react_intl_1 = require("react-intl");
|
|
46
|
-
const context_1 = require("../../../context");
|
|
47
|
-
const intl_1 = __importDefault(require("../../../intl"));
|
|
48
|
-
require("./index.css");
|
|
49
|
-
exports.ConnectionRequest = (0, mobx_react_lite_1.observer)(() => {
|
|
50
|
-
const intl = (0, react_intl_1.useIntl)();
|
|
51
|
-
const walletProviders = (0, context_1.useEvmWalletProviders)();
|
|
52
|
-
const tryAgain = async () => {
|
|
53
|
-
if (walletProviders.connectingProvider) {
|
|
54
|
-
await walletProviders.connect(walletProviders.connectingProvider);
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
return (React.createElement("div", { className: "evm-connect-connection-request" },
|
|
58
|
-
React.createElement(react_uikit_1.Button, { className: "evm-connect-connection-request-back-button uk-position-top-left", type: "text", onClick: walletProviders.reset },
|
|
59
|
-
React.createElement(react_components_1.Icon, { icon: "arrowLeft", ratio: 0.9 })),
|
|
60
|
-
React.createElement(react_uikit_1.Grid, { childWidth: 1, gap: "collapse" },
|
|
61
|
-
walletProviders.connectingProvider?.info.icon && (React.createElement(react_uikit_1.Text, { align: "center", className: (0, classnames_1.default)('uk-margin-top', {
|
|
62
|
-
'uk-margin-bottom': walletProviders.connectingProvider?.info.description,
|
|
63
|
-
'uk-margin-medium-bottom': !walletProviders.connectingProvider?.info.description,
|
|
64
|
-
}) },
|
|
65
|
-
React.createElement("img", { src: walletProviders.connectingProvider.info.icon, alt: walletProviders.connectingProvider.info.name, height: 60, width: 60 }))),
|
|
66
|
-
walletProviders.connectingProvider?.info.description && (React.createElement(react_uikit_1.Text, { align: "center", className: "uk-margin-medium-bottom", component: "div", kind: "meta" }, walletProviders.connectingProvider.info.description)),
|
|
67
|
-
!walletProviders.error ? (React.createElement(react_uikit_1.Text, { align: "center" },
|
|
68
|
-
React.createElement("h4", { className: "evm-connect-connection-request-title" }, intl.formatMessage(intl_1.default.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_TITLE, {
|
|
69
|
-
title: walletProviders.connectingProvider?.info.name ?? 'wallet',
|
|
70
|
-
})),
|
|
71
|
-
React.createElement("div", null, intl.formatMessage(intl_1.default.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_NOTE)))) : (React.createElement(react_uikit_1.Text, { align: "center" },
|
|
72
|
-
React.createElement("h4", { className: "evm-connect-connection-request-title uk-text-danger" }, intl.formatMessage(intl_1.default.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_FAILED_TITLE)),
|
|
73
|
-
React.createElement("div", { className: "uk-margin-small-bottom" }, walletProviders.error.message ? (React.createElement(react_uikit_1.Text, { color: "danger" }, walletProviders.error.message)) : (intl.formatMessage(intl_1.default.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_FAILED_NOTE))),
|
|
74
|
-
React.createElement(react_uikit_1.Button, { className: "evm-connect-connection-request-button", type: "default", onClick: tryAgain }, intl.formatMessage(intl_1.default.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_TRY_AGAIN_BTN_TEXT)))))));
|
|
75
|
-
});
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button {
|
|
2
|
-
align-content: center;
|
|
3
|
-
align-items: center;
|
|
4
|
-
background-color: rgb(0 0 0 / 8%);
|
|
5
|
-
border: var(--evm-connect-provider-button-border-width) var(--evm-connect-provider-button-border-style) var(--evm-connect-provider-button-border);
|
|
6
|
-
border-radius: 8px;
|
|
7
|
-
box-sizing: border-box;
|
|
8
|
-
color: var(--base-body-color, #383838);
|
|
9
|
-
display: grid;
|
|
10
|
-
gap: 16px;
|
|
11
|
-
grid-auto-rows: max-content;
|
|
12
|
-
grid-template-columns: 30px minmax(50%, 100%) auto;
|
|
13
|
-
line-height: normal;
|
|
14
|
-
min-height: 65px;
|
|
15
|
-
padding: 0 20px;
|
|
16
|
-
text-align: left;
|
|
17
|
-
width: 100%;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:hover:not(:disabled),
|
|
21
|
-
.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:focus:not(:disabled) {
|
|
22
|
-
background-color: rgb(0 0 0 / 12%);
|
|
23
|
-
border-color: var(--evm-connect-provider-button-hover-border);
|
|
24
|
-
color: var(--base-body-color, #383838);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.evm-connect-providers-list .evm-connect-provider-title {
|
|
28
|
-
color: var(--base-body-color, #383838);
|
|
29
|
-
font-size: 18px;
|
|
30
|
-
font-weight: 500;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.evm-connect-providers-list .evm-connect-provider-subtitle {
|
|
34
|
-
max-width: 100%;
|
|
35
|
-
opacity: 0.8;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.evm-connect-providers-list .evm-connect-provider-connected,
|
|
39
|
-
.evm-connect-providers-list .evm-connect-provider-recent {
|
|
40
|
-
background: var(--evm-connect-modal-content-background);
|
|
41
|
-
border-radius: 3px;
|
|
42
|
-
color: var(--global-muted-color, #383838);
|
|
43
|
-
display: inline-block;
|
|
44
|
-
font-size: 12px;
|
|
45
|
-
justify-self: flex-end;
|
|
46
|
-
padding: 1px 5px;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:root {
|
|
50
|
-
--evm-connect-provider-button-border-width: 2px;
|
|
51
|
-
--evm-connect-provider-button-border-style: solid;
|
|
52
|
-
--evm-connect-provider-button-border: transparent;
|
|
53
|
-
--evm-connect-provider-button-hover-border: var(--global-primary-border, transparent);
|
|
54
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
.evm-connect-providers-dispatcher {
|
|
2
|
-
backface-visibility: hidden;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
height: inherit;
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
transition: height var(--transition-fast-duration, '100ms') var(--ease-in);
|
|
8
|
-
width: inherit;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.evm-connect-providers-list {
|
|
12
|
-
margin: 0;
|
|
13
|
-
}
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
/* Modal */
|
|
2
|
-
.evm-connect-modal > *:not([class]) {
|
|
3
|
-
width: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.evm-connect-modal .uk-modal-content {
|
|
7
|
-
background: var(--evm-connect-modal-content-background);
|
|
8
|
-
border-radius: var(--evm-connect-modal-content-border-radius);
|
|
9
|
-
box-shadow: var(--evm-connect-modal-content-box-shadow);
|
|
10
|
-
color: var(--evm-connect-modal-content-color);
|
|
11
|
-
padding: var(--evm-connect-modal-content-padding-vertical) var(--evm-connect-modal-content-padding-horizontal);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.evm-connect-modal .uk-modal-header {
|
|
15
|
-
background: none;
|
|
16
|
-
padding: 0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.evm-connect-modal .uk-modal-title {
|
|
20
|
-
color: var(--evm-connect-modal-title-color);
|
|
21
|
-
font-size: var(--evm-connect-modal-title-font-size);
|
|
22
|
-
font-weight: var(--evm-connect-modal-title-font-weight);
|
|
23
|
-
line-height: var(--evm-connect-modal-title-line-height);
|
|
24
|
-
text-align: center;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.evm-connect-modal .uk-modal-body {
|
|
28
|
-
padding: var(--evm-connect-modal-body-padding-vertical) var(--evm-connect-modal-body-padding-horizontal);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.evm-connect-modal .uk-modal-body:last-child {
|
|
32
|
-
padding-bottom: 0;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.evm-connect-modal .uk-modal-footer {
|
|
36
|
-
background: none;
|
|
37
|
-
padding: var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/* Drawer */
|
|
41
|
-
.evm-connect-drawer .uk-drawer-content-wrapper {
|
|
42
|
-
--drawer-height: auto;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.evm-connect-drawer .uk-drawer-content {
|
|
46
|
-
background: var(--evm-connect-drawer-content-background);
|
|
47
|
-
border-radius: var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;
|
|
48
|
-
box-shadow: none;
|
|
49
|
-
color: var(--evm-connect-drawer-content-color);
|
|
50
|
-
padding: var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.evm-connect-drawer .uk-drawer-header {
|
|
54
|
-
padding: 0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.evm-connect-drawer .uk-drawer-title {
|
|
58
|
-
color: var(--evm-connect-drawer-title-color);
|
|
59
|
-
font-size: var(--evm-connect-drawer-title-font-size);
|
|
60
|
-
font-weight: var(--evm-connect-drawer-title-font-weight);
|
|
61
|
-
line-height: var(--evm-connect-drawer-title-line-height);
|
|
62
|
-
text-align: center;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.evm-connect-drawer .uk-drawer-body {
|
|
66
|
-
padding: var(--evm-connect-drawer-body-padding-vertical) var(--evm-connect-drawer-body-padding-horizontal);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.evm-connect-drawer .uk-drawer-body:last-child {
|
|
70
|
-
padding-bottom: 0;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.evm-connect-drawer .uk-modal-close-default,
|
|
74
|
-
.evm-connect-drawer .uk-drawer-close {
|
|
75
|
-
color: var(--close-color, #a5a9b4);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.evm-connect-drawer .uk-drawer-close {
|
|
79
|
-
--drawer-close-position: var(--modal-close-position, 24px);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.evm-connect-modal .uk-modal-close-default:hover,
|
|
83
|
-
.evm-connect-modal .uk-modal-close-default:focus,
|
|
84
|
-
.evm-connect-drawer .uk-drawer-close:hover,
|
|
85
|
-
.evm-connect-drawer .uk-drawer-close:focus {
|
|
86
|
-
color: var(--close-hover-color, #383838);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.evm-modal-page {
|
|
90
|
-
box-sizing: border-box;
|
|
91
|
-
overflow-y: clip;
|
|
92
|
-
padding-right: var(--global-scroll-width, 17px);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.evm-modal-page body {
|
|
96
|
-
overflow: hidden;
|
|
97
|
-
overflow: clip;
|
|
98
|
-
width: 100%;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
/* WalletConnect Modal */
|
|
102
|
-
.wcm-overlay {
|
|
103
|
-
--wcm-z-index: calc(var(--modal-z-index) + 20);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
:root {
|
|
107
|
-
/* Modal */
|
|
108
|
-
--evm-connect-modal-content-background: var(--modal-content-background, #fff);
|
|
109
|
-
--evm-connect-modal-content-border-radius: 12px;
|
|
110
|
-
--evm-connect-modal-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
|
|
111
|
-
--evm-connect-modal-content-color: var(--base-body-color, #383838);
|
|
112
|
-
--evm-connect-modal-content-padding-horizontal: 18px;
|
|
113
|
-
--evm-connect-modal-content-padding-vertical: var(--evm-connect-modal-content-padding-horizontal);
|
|
114
|
-
--evm-connect-modal-header-padding-horizontal: 0;
|
|
115
|
-
--evm-connect-modal-header-padding-vertical: var(--evm-connect-modal-content-padding-vertical);
|
|
116
|
-
--evm-connect-modal-title-color: var(--base-heading-color, #383838);
|
|
117
|
-
--evm-connect-modal-title-font-size: var(--modal-title-font-size, 18px);
|
|
118
|
-
--evm-connect-modal-title-font-weight: 500;
|
|
119
|
-
--evm-connect-modal-title-line-height: var(--modal-title-line-height, 22px);
|
|
120
|
-
--evm-connect-modal-body-padding-horizontal: 0;
|
|
121
|
-
--evm-connect-modal-body-padding-vertical: var(--evm-connect-modal-content-padding-vertical);
|
|
122
|
-
--evm-connect-modal-footer-padding-horizontal: 0;
|
|
123
|
-
--evm-connect-modal-footer-padding-vertical: var(--evm-connect-modal-content-padding-vertical);
|
|
124
|
-
|
|
125
|
-
/* Drawer */
|
|
126
|
-
--evm-connect-drawer-content-background: var(--drawer-content-background, #fff);
|
|
127
|
-
--evm-connect-drawer-content-border-radius: 16px;
|
|
128
|
-
--evm-connect-drawer-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
|
|
129
|
-
--evm-connect-drawer-content-color: var(--base-body-color, #383838);
|
|
130
|
-
--evm-connect-drawer-content-padding-horizontal: 24px;
|
|
131
|
-
--evm-connect-drawer-content-padding-vertical: var(--evm-connect-drawer-content-padding-horizontal);
|
|
132
|
-
--evm-connect-drawer-header-padding-horizontal: 0;
|
|
133
|
-
--evm-connect-drawer-header-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
|
|
134
|
-
--evm-connect-drawer-title-color: var(--base-heading-color, #383838);
|
|
135
|
-
--evm-connect-drawer-title-font-size: var(--drawer-title-font-size, 24px);
|
|
136
|
-
--evm-connect-drawer-title-font-weight: 500;
|
|
137
|
-
--evm-connect-drawer-title-line-height: var(--drawer-title-line-height, 28px);
|
|
138
|
-
--evm-connect-drawer-body-padding-horizontal: 0;
|
|
139
|
-
--evm-connect-drawer-body-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
|
|
140
|
-
--evm-connect-drawer-footer-padding-horizontal: 0;
|
|
141
|
-
--evm-connect-drawer-footer-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
|
|
142
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
.evm-connect-connector {
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
max-width: max-content;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.evm-connect-connector .evm-connect-connector-icon {
|
|
7
|
-
background-color: var(--global-muted-background);
|
|
8
|
-
border-radius: 50%;
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
height: 32px;
|
|
11
|
-
min-width: 32px;
|
|
12
|
-
width: 32px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.evm-connect-connector .evm-connect-connector-suffix {
|
|
16
|
-
position: relative;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.evm-connect-connector .evm-connect-dropdown-trigger {
|
|
20
|
-
align-items: center;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
display: flex;
|
|
23
|
-
height: 100%;
|
|
24
|
-
padding: var(--evm-connect-dropdown-trigger-vertical-padding) var(--evm-connect-dropdown-trigger-horizontal-padding);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.evm-connect-dropdown {
|
|
28
|
-
background: var(--evm-connect-dropdown-background);
|
|
29
|
-
border-radius: var(--evm-connect-dropdown-border-radius);
|
|
30
|
-
box-shadow: var(--evm-connect-dropdown-box-shadow);
|
|
31
|
-
color: var(--evm-connect-dropdown-color);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.evm-connect-dropdown .uk-button.uk-button-link {
|
|
35
|
-
color: var(--evm-connect-dropdown-link-color);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
:root {
|
|
39
|
-
--evm-connect-dropdown-trigger-horizontal-padding: var(--global-small-gutter, 8px);
|
|
40
|
-
--evm-connect-dropdown-trigger-vertical-padding: 0;
|
|
41
|
-
--evm-connect-dropdown-background: var(--dropdown-background, #fff);
|
|
42
|
-
--evm-connect-dropdown-border-radius: var(--dropdown-border-radius, 5px);
|
|
43
|
-
--evm-connect-dropdown-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
|
|
44
|
-
--evm-connect-dropdown-color: var(--dropdown-color, #333);
|
|
45
|
-
--evm-connect-dropdown-link-color: var(--dropdown-color, #0af);
|
|
46
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
.evm-connect-connection-request {
|
|
2
|
-
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.evm-connect-connection-request .evm-connect-connection-request-back-button {
|
|
6
|
-
color: var(--close-color, #333);
|
|
7
|
-
left: var(--modal-close-position);
|
|
8
|
-
position: absolute;
|
|
9
|
-
top: var(--modal-close-position);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.evm-connect-connection-request .evm-connect-connection-request-back-button:hover,
|
|
13
|
-
.evm-connect-connection-request .evm-connect-connection-request-back-button:focus {
|
|
14
|
-
color: var(--close-hover-color, #5e5e5e);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.evm-connect-connection-request .evm-connect-connection-request-title {
|
|
18
|
-
color: var(--base-body-color, #333);
|
|
19
|
-
font-weight: 600;
|
|
20
|
-
margin-bottom: var(--global-small-margin, 10px);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.evm-connect-connection-request .evm-connect-connection-request-button {
|
|
24
|
-
background-color: rgb(0 0 0 / 12%);
|
|
25
|
-
border: var(--evm-connect-connection-request-button-border-width) var(--evm-connect-connection-request-button-border-style) var(--evm-connect-connection-request-button-border);
|
|
26
|
-
border-radius: 8px;
|
|
27
|
-
box-sizing: border-box;
|
|
28
|
-
color: var(--base-body-color, #383838);
|
|
29
|
-
line-height: var(--button-line-height, 32px);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.evm-connect-connection-request .evm-connect-connection-request-button:hover,
|
|
33
|
-
.evm-connect-connection-request .evm-connect-connection-request-button:focus {
|
|
34
|
-
background-color: rgb(0 0 0 / 16%);
|
|
35
|
-
border-color: var(--evm-connect-provider-button-hover-border);
|
|
36
|
-
color: var(--base-body-color, #383838);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
:root {
|
|
40
|
-
--evm-connect-connection-request-button-border-width: 2px;
|
|
41
|
-
--evm-connect-connection-request-button-border-style: solid;
|
|
42
|
-
--evm-connect-connection-request-button-border: transparent;
|
|
43
|
-
--evm-connect-connection-request-button-hover-border: var(--global-border, transparent);
|
|
44
|
-
}
|