@ape.swap/bonds-sdk 1.0.29 → 1.0.30
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/asset-manifest.json +15 -0
- package/dist/index.html +1 -0
- package/dist/static/css/main.f855e6bc.css +2 -0
- package/dist/static/css/main.f855e6bc.css.map +1 -0
- package/dist/static/js/453.31959e28.chunk.js +2 -0
- package/dist/static/js/453.31959e28.chunk.js.map +1 -0
- package/dist/static/js/main.8166fa54.js +3 -0
- package/dist/static/js/main.8166fa54.js.LICENSE.txt +101 -0
- package/dist/static/js/main.8166fa54.js.map +1 -0
- package/package.json +5 -2
- package/.idea/bonds-app.iml +0 -12
- package/.idea/inspectionProfiles/Project_Default.xml +0 -16
- package/.idea/modules.xml +0 -8
- package/.idea/vcs.xml +0 -6
- package/public/index.html +0 -43
- package/src/App.css +0 -38
- package/src/App.test.tsx +0 -9
- package/src/App.tsx +0 -30
- package/src/index.css +0 -22
- package/src/index.tsx +0 -20
- package/src/logo.svg +0 -1
- package/src/react-app-env.d.ts +0 -1
- package/src/reportWebVitals.ts +0 -15
- package/src/setupTests.ts +0 -5
- package/src/theme/base.ts +0 -127
- package/src/theme/colors.ts +0 -93
- package/src/theme/components.ts +0 -385
- package/src/theme/display.ts +0 -2
- package/src/theme/index.ts +0 -10
- package/src/theme/types.ts +0 -10
- package/src/views/Bonds/Bonds.tsx +0 -72
- package/src/views/Bonds/index.ts +0 -2
- package/src/views/Bonds/styles.scss +0 -0
- package/src/views/Bonds/styles.ts +0 -91
- package/src/views/Bonds/type.ts +0 -34
- package/src/views/BondsWithProvider/BondsWithProvider.tsx +0 -14
- package/src/views/BondsWithProvider/index.ts +0 -2
- package/src/views/index.ts +0 -1
- package/src/wallet/ConnectionOptions.tsx +0 -59
- package/src/wallet/Option.tsx +0 -44
- package/src/wallet/config.ts +0 -23
- package/src/wallet/connections.ts +0 -92
- package/src/wallet/constants.ts +0 -43
- package/src/wallet/injected.ts +0 -17
- package/src/wallet/network.ts +0 -23
- package/src/wallet/provider.tsx +0 -35
- package/src/wallet/wallet-connect.ts +0 -25
- package/tsconfig.json +0 -27
- /package/{public → dist}/favicon.ico +0 -0
- /package/{public → dist}/logo192.png +0 -0
- /package/{public → dist}/logo512.png +0 -0
- /package/{public → dist}/manifest.json +0 -0
- /package/{public → dist}/robots.txt +0 -0
package/package.json
CHANGED
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
"description": "Ape Bond SDK",
|
|
4
4
|
"author": "Ape Bond",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.30",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
7
10
|
"peerDependencies": {
|
|
8
11
|
"@emotion/react": "^11.11.4",
|
|
9
12
|
"axios": "1.6.8",
|
|
@@ -133,7 +136,7 @@
|
|
|
133
136
|
},
|
|
134
137
|
"scripts": {
|
|
135
138
|
"start": "react-scripts start",
|
|
136
|
-
"build": "react-scripts
|
|
139
|
+
"build": "react-scripts dist",
|
|
137
140
|
"test": "react-scripts test",
|
|
138
141
|
"eject": "react-scripts eject"
|
|
139
142
|
},
|
package/.idea/bonds-app.iml
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<module type="WEB_MODULE" version="4">
|
|
3
|
-
<component name="NewModuleRootManager">
|
|
4
|
-
<content url="file://$MODULE_DIR$">
|
|
5
|
-
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
|
6
|
-
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
|
7
|
-
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
|
8
|
-
</content>
|
|
9
|
-
<orderEntry type="inheritedJdk" />
|
|
10
|
-
<orderEntry type="sourceFolder" forTests="false" />
|
|
11
|
-
</component>
|
|
12
|
-
</module>
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<component name="InspectionProjectProfileManager">
|
|
2
|
-
<profile version="1.0">
|
|
3
|
-
<option name="myName" value="Project Default" />
|
|
4
|
-
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
|
|
5
|
-
<inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
|
|
6
|
-
<option name="myValues">
|
|
7
|
-
<value>
|
|
8
|
-
<list size="1">
|
|
9
|
-
<item index="0" class="java.lang.String" itemvalue="sx" />
|
|
10
|
-
</list>
|
|
11
|
-
</value>
|
|
12
|
-
</option>
|
|
13
|
-
<option name="myCustomValuesEnabled" value="true" />
|
|
14
|
-
</inspection_tool>
|
|
15
|
-
</profile>
|
|
16
|
-
</component>
|
package/.idea/modules.xml
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<project version="4">
|
|
3
|
-
<component name="ProjectModuleManager">
|
|
4
|
-
<modules>
|
|
5
|
-
<module fileurl="file://$PROJECT_DIR$/.idea/bonds-app.iml" filepath="$PROJECT_DIR$/.idea/bonds-app.iml" />
|
|
6
|
-
</modules>
|
|
7
|
-
</component>
|
|
8
|
-
</project>
|
package/.idea/vcs.xml
DELETED
package/public/index.html
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
7
|
-
<meta name="theme-color" content="#000000" />
|
|
8
|
-
<meta
|
|
9
|
-
name="description"
|
|
10
|
-
content="Web site created using create-react-app"
|
|
11
|
-
/>
|
|
12
|
-
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
|
13
|
-
<!--
|
|
14
|
-
manifest.json provides metadata used when your web app is installed on a
|
|
15
|
-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
16
|
-
-->
|
|
17
|
-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
18
|
-
<!--
|
|
19
|
-
Notice the use of %PUBLIC_URL% in the tags above.
|
|
20
|
-
It will be replaced with the URL of the `public` folder during the build.
|
|
21
|
-
Only files inside the `public` folder can be referenced from the HTML.
|
|
22
|
-
|
|
23
|
-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
24
|
-
work correctly both with client-side routing and a non-root public URL.
|
|
25
|
-
Learn how to configure a non-root public URL by running `npm run build`.
|
|
26
|
-
-->
|
|
27
|
-
<title>React App</title>
|
|
28
|
-
</head>
|
|
29
|
-
<body>
|
|
30
|
-
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
31
|
-
<div id="root"></div>
|
|
32
|
-
<!--
|
|
33
|
-
This HTML file is a template.
|
|
34
|
-
If you open it directly in the browser, you will see an empty page.
|
|
35
|
-
|
|
36
|
-
You can add webfonts, meta tags, or analytics to this file.
|
|
37
|
-
The build step will place the bundled scripts into the <body> tag.
|
|
38
|
-
|
|
39
|
-
To begin the development, run `npm start` or `yarn start`.
|
|
40
|
-
To create a production bundle, use `npm run build` or `yarn build`.
|
|
41
|
-
-->
|
|
42
|
-
</body>
|
|
43
|
-
</html>
|
package/src/App.css
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
.App {
|
|
2
|
-
text-align: center;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.App-logo {
|
|
6
|
-
height: 40vmin;
|
|
7
|
-
pointer-events: none;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
11
|
-
.App-logo {
|
|
12
|
-
animation: App-logo-spin infinite 20s linear;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.App-header {
|
|
17
|
-
background-color: #282c34;
|
|
18
|
-
min-height: 100vh;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
align-items: center;
|
|
22
|
-
justify-content: center;
|
|
23
|
-
font-size: calc(10px + 2vmin);
|
|
24
|
-
color: white;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.App-link {
|
|
28
|
-
color: #61dafb;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@keyframes App-logo-spin {
|
|
32
|
-
from {
|
|
33
|
-
transform: rotate(0deg);
|
|
34
|
-
}
|
|
35
|
-
to {
|
|
36
|
-
transform: rotate(360deg);
|
|
37
|
-
}
|
|
38
|
-
}
|
package/src/App.test.tsx
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen } from '@testing-library/react';
|
|
3
|
-
import App from './App';
|
|
4
|
-
|
|
5
|
-
test('renders learn react link', () => {
|
|
6
|
-
render(<App />);
|
|
7
|
-
const linkElement = screen.getByText(/learn react/i);
|
|
8
|
-
expect(linkElement).toBeInTheDocument();
|
|
9
|
-
});
|
package/src/App.tsx
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import './App.css';
|
|
3
|
-
import { useWeb3React } from '@web3-react/core';
|
|
4
|
-
import { ConnectionType } from './wallet/connections';
|
|
5
|
-
import { ConnectionOptions } from './wallet/ConnectionOptions';
|
|
6
|
-
import Bonds from './views/Bonds/Bonds';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function App() {
|
|
10
|
-
const { chainId, account, isActive } = useWeb3React();
|
|
11
|
-
const [connectionType, setConnectionType] = useState<ConnectionType | null>(null);
|
|
12
|
-
|
|
13
|
-
return (
|
|
14
|
-
<>
|
|
15
|
-
<ConnectionOptions
|
|
16
|
-
activeConnectionType={connectionType}
|
|
17
|
-
isConnectionActive={isActive}
|
|
18
|
-
onActivate={setConnectionType}
|
|
19
|
-
onDeactivate={setConnectionType}
|
|
20
|
-
/>
|
|
21
|
-
<p>{account}</p>
|
|
22
|
-
<p>{connectionType}</p>
|
|
23
|
-
|
|
24
|
-
<Bonds />
|
|
25
|
-
|
|
26
|
-
</>
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default App;
|
package/src/index.css
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
body {
|
|
2
|
-
margin: 0;
|
|
3
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
4
|
-
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
5
|
-
sans-serif;
|
|
6
|
-
-webkit-font-smoothing: antialiased;
|
|
7
|
-
-moz-osx-font-smoothing: grayscale;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
code {
|
|
11
|
-
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
|
12
|
-
monospace;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/*.bondrow-container {*/
|
|
16
|
-
/* border-color: hotpink !important;*/
|
|
17
|
-
/* border-radius: 0px !important;*/
|
|
18
|
-
/* background-color: pink !important;*/
|
|
19
|
-
/* margin-bottom: 25px !important;*/
|
|
20
|
-
/*}*/
|
|
21
|
-
|
|
22
|
-
|
package/src/index.tsx
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
// src/index.tsx
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import ReactDOM from 'react-dom/client';
|
|
4
|
-
import './index.css';
|
|
5
|
-
import App from './App';
|
|
6
|
-
import reportWebVitals from './reportWebVitals';
|
|
7
|
-
import { Web3ReactProvider } from '@web3-react/core'; // Import Web3ReactProvider
|
|
8
|
-
import { Web3ContextProvider } from './wallet/provider';
|
|
9
|
-
|
|
10
|
-
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
|
|
11
|
-
|
|
12
|
-
root.render(
|
|
13
|
-
<React.StrictMode>
|
|
14
|
-
<Web3ContextProvider>
|
|
15
|
-
<App />
|
|
16
|
-
</Web3ContextProvider>
|
|
17
|
-
</React.StrictMode>
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
reportWebVitals();
|
package/src/logo.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
|
package/src/react-app-env.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/// <reference types="react-scripts" />
|
package/src/reportWebVitals.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReportHandler } from 'web-vitals';
|
|
2
|
-
|
|
3
|
-
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
|
|
4
|
-
if (onPerfEntry && onPerfEntry instanceof Function) {
|
|
5
|
-
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
|
6
|
-
getCLS(onPerfEntry);
|
|
7
|
-
getFID(onPerfEntry);
|
|
8
|
-
getFCP(onPerfEntry);
|
|
9
|
-
getLCP(onPerfEntry);
|
|
10
|
-
getTTFB(onPerfEntry);
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default reportWebVitals;
|
package/src/setupTests.ts
DELETED
package/src/theme/base.ts
DELETED
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { MediaQueries } from './types'
|
|
2
|
-
export const breakpointMap: { [key: string]: number } = {
|
|
3
|
-
xs: 370,
|
|
4
|
-
sm: 576,
|
|
5
|
-
md: 852,
|
|
6
|
-
lg: 968,
|
|
7
|
-
xl: 1080,
|
|
8
|
-
xxl: 1200,
|
|
9
|
-
xxxl: 1550,
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const mediaQueries: MediaQueries = {
|
|
13
|
-
xs: `@media screen and (min-width: ${breakpointMap.xs}px)`,
|
|
14
|
-
sm: `@media screen and (min-width: ${breakpointMap.sm}px)`,
|
|
15
|
-
md: `@media screen and (min-width: ${breakpointMap.md}px)`,
|
|
16
|
-
lg: `@media screen and (min-width: ${breakpointMap.lg}px)`,
|
|
17
|
-
xl: `@media screen and (min-width: ${breakpointMap.xl}px)`,
|
|
18
|
-
xxl: `@media screen and (min-width: ${breakpointMap.xxl}px)`,
|
|
19
|
-
xxxl: `@media screen and (min-width: ${breakpointMap.xxxl}px)`,
|
|
20
|
-
nav: `@media screen and (min-width: ${breakpointMap.lg}px)`,
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const baseTheme = {
|
|
24
|
-
breakpoints: [
|
|
25
|
-
`${breakpointMap.xs}px`,
|
|
26
|
-
`${breakpointMap.sm}px`,
|
|
27
|
-
`${breakpointMap.md}px`,
|
|
28
|
-
`${breakpointMap.lg}px`,
|
|
29
|
-
`${breakpointMap.xl}px`,
|
|
30
|
-
`${breakpointMap.xxl}px`,
|
|
31
|
-
`${breakpointMap.xxxl}px`,
|
|
32
|
-
],
|
|
33
|
-
space: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],
|
|
34
|
-
fontSizes: [12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],
|
|
35
|
-
borderWidths: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],
|
|
36
|
-
mediaQueries,
|
|
37
|
-
fontWeights: {
|
|
38
|
-
light: 400,
|
|
39
|
-
normal: 600,
|
|
40
|
-
bold: 700,
|
|
41
|
-
},
|
|
42
|
-
fonts: {
|
|
43
|
-
body: 'Poppins, sans-serif',
|
|
44
|
-
poppins: 'Poppins',
|
|
45
|
-
},
|
|
46
|
-
radii: {
|
|
47
|
-
small: '6px',
|
|
48
|
-
default: '16px',
|
|
49
|
-
normal: '10px',
|
|
50
|
-
card: '32px',
|
|
51
|
-
circle: '50%',
|
|
52
|
-
},
|
|
53
|
-
zIndices: { dropdown: 10, modal: 102 },
|
|
54
|
-
styles: {
|
|
55
|
-
root: {
|
|
56
|
-
fontFamily: 'body',
|
|
57
|
-
webkitFontSmoothing: 'antialiasing',
|
|
58
|
-
fontWeight: 600,
|
|
59
|
-
color: 'text',
|
|
60
|
-
bg: 'white1',
|
|
61
|
-
textDecoration: 'none',
|
|
62
|
-
},
|
|
63
|
-
a: {
|
|
64
|
-
color: 'text',
|
|
65
|
-
textDecoration: 'none',
|
|
66
|
-
':hover': {
|
|
67
|
-
color: 'secondary',
|
|
68
|
-
textDecoration: 'underline',
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
nav: {
|
|
72
|
-
textDecoration: 'none',
|
|
73
|
-
breakpoints: [`@media screen and (min-width: ${breakpointMap.lg}px)`],
|
|
74
|
-
a: {
|
|
75
|
-
textDecoration: 'none',
|
|
76
|
-
},
|
|
77
|
-
},
|
|
78
|
-
progress: {
|
|
79
|
-
primary: 'primary',
|
|
80
|
-
color: 'green',
|
|
81
|
-
background: '#DAA628',
|
|
82
|
-
height: '20px',
|
|
83
|
-
},
|
|
84
|
-
hr: {
|
|
85
|
-
background: 'dividerColor',
|
|
86
|
-
height: '1px',
|
|
87
|
-
border: 'none',
|
|
88
|
-
},
|
|
89
|
-
h1: {
|
|
90
|
-
variant: 'text.heading',
|
|
91
|
-
fontSize: '30px',
|
|
92
|
-
lineHeight: '45px',
|
|
93
|
-
},
|
|
94
|
-
h2: {
|
|
95
|
-
variant: 'text.heading',
|
|
96
|
-
fontSize: '25px',
|
|
97
|
-
lineHeight: '37px',
|
|
98
|
-
},
|
|
99
|
-
h3: {
|
|
100
|
-
variant: 'text.heading',
|
|
101
|
-
fontSize: '22px',
|
|
102
|
-
lineHeight: '33px',
|
|
103
|
-
},
|
|
104
|
-
h4: {
|
|
105
|
-
variant: 'text.heading',
|
|
106
|
-
fontSize: '20px',
|
|
107
|
-
lineHeight: '30px',
|
|
108
|
-
},
|
|
109
|
-
h5: {
|
|
110
|
-
variant: 'text.heading',
|
|
111
|
-
fontSize: '16px',
|
|
112
|
-
lineHeight: '24px',
|
|
113
|
-
},
|
|
114
|
-
banner: {
|
|
115
|
-
variant: 'text.heading',
|
|
116
|
-
fontWeight: '800',
|
|
117
|
-
fontSize: '60px',
|
|
118
|
-
lineHeight: '66px',
|
|
119
|
-
},
|
|
120
|
-
input: {
|
|
121
|
-
fontFamily: 'base',
|
|
122
|
-
fontWeight: 'base',
|
|
123
|
-
},
|
|
124
|
-
},
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
export default baseTheme
|
package/src/theme/colors.ts
DELETED
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
const abondColors = {
|
|
2
|
-
// main background gradients
|
|
3
|
-
white1: '#0E0D16', // base site background
|
|
4
|
-
white2: '#161420',
|
|
5
|
-
white3: '#1F1D29',
|
|
6
|
-
white4: '#282632',
|
|
7
|
-
white5: '#312F3A',
|
|
8
|
-
brandPrimary140: '#C1BDE7',
|
|
9
|
-
navBar: 'rgba(22, 20, 32, 0.8)',
|
|
10
|
-
primaryButton: '#6560C5', //this should've been called just "primary"
|
|
11
|
-
secondary: '#E69275',
|
|
12
|
-
footer: '#000000',
|
|
13
|
-
success: '#38A611',
|
|
14
|
-
error: '#DF4141',
|
|
15
|
-
yellow: '#FFB300',
|
|
16
|
-
// Button colors
|
|
17
|
-
primaryButtonDisable: '#48475B',
|
|
18
|
-
primaryButtonHovered: '#8480D1',
|
|
19
|
-
textDisabledButton: '#73728E',
|
|
20
|
-
// Text-related colors
|
|
21
|
-
text: '#FAFAFA',
|
|
22
|
-
textDisabled: '#424242',
|
|
23
|
-
home: {
|
|
24
|
-
c1: 'radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.02) 100%)',
|
|
25
|
-
c2: 'radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.02) 100%)',
|
|
26
|
-
c3: 'radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.02) 100%)',
|
|
27
|
-
cShadow: 'transparent',
|
|
28
|
-
hideCircles: '#0E0D16',
|
|
29
|
-
title: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
|
|
30
|
-
shadowImage: 'rgba(101, 96, 197, 0.25)',
|
|
31
|
-
},
|
|
32
|
-
backgroundDisabled: '#3c3742',
|
|
33
|
-
listTagBg: {
|
|
34
|
-
ape: 'linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)',
|
|
35
|
-
launch: 'rgba(213, 49, 49, 0.2)',
|
|
36
|
-
reserve: 'rgba(90, 208, 109, 0.2)',
|
|
37
|
-
liquidity: 'rgba(60, 106, 181, 0.19)',
|
|
38
|
-
ark: 'rgba(208, 126, 90, 0.8)',
|
|
39
|
-
hot: '#DF4141',
|
|
40
|
-
new: '#38A611',
|
|
41
|
-
default: '#38A611',
|
|
42
|
-
auto: '#DF4141',
|
|
43
|
-
beta: '#38A611',
|
|
44
|
-
max: '#38A611',
|
|
45
|
-
real_yield: '#F0B90B',
|
|
46
|
-
bondLp: 'rgba(254, 185, 1, 0.2)',
|
|
47
|
-
migration: '#6F6AC930',
|
|
48
|
-
cex_fund: 'rgba(213, 49, 49, 0.2)',
|
|
49
|
-
expired: '#E07753',
|
|
50
|
-
permatlock: '#38A611',
|
|
51
|
-
},
|
|
52
|
-
listTagTextColor: {
|
|
53
|
-
liquidity: '#3B78D3',
|
|
54
|
-
cex_fund: '#D53131',
|
|
55
|
-
},
|
|
56
|
-
//
|
|
57
|
-
body: '#FDFBF5',
|
|
58
|
-
lvl1: '#F1EADA',
|
|
59
|
-
lvl2: '#EADFC7',
|
|
60
|
-
primaryBright: '#FAFAFA',
|
|
61
|
-
primaryDark: '#0B0B0B',
|
|
62
|
-
info: '#4D4040',
|
|
63
|
-
secondaryButtonDisableBg: '#F1EADA',
|
|
64
|
-
secondaryButtonDisableColor: 'rgba(66, 66, 66, 0.5)',
|
|
65
|
-
buttonDisabledText: '#A09F9C',
|
|
66
|
-
dividerColor: '#E2E2E2',
|
|
67
|
-
textareaColor: '#4D4040',
|
|
68
|
-
heading: '#4D4040',
|
|
69
|
-
black: '#000000',
|
|
70
|
-
gradient: 'linear-gradient(53.53deg, #A16552 15.88%, #E1B242 92.56%)',
|
|
71
|
-
smartGradient: 'linear-gradient(94.44deg, #BA801E -9.73%, #E7CF67 40.14%, #BA801E 93.01%)',
|
|
72
|
-
white2Opacity09: 'rgba(241, 234, 218, 0.50)',
|
|
73
|
-
radioChecked: '#FAFAFA',
|
|
74
|
-
navMenuLogo: '#C8BA9C',
|
|
75
|
-
input: '#4D4040',
|
|
76
|
-
primaryGray: '#4D40407F',
|
|
77
|
-
gray: '#7A7A7A',
|
|
78
|
-
brown: '#4D4040',
|
|
79
|
-
hoveredYellow: '#FFDA00',
|
|
80
|
-
hoveredSuccess: '#38A611B3',
|
|
81
|
-
hoveredDanger: '#DF4141B3',
|
|
82
|
-
modalOverlay: 'rgba(66, 66, 66, 0.5)',
|
|
83
|
-
opacityBadge: 'rgba(66, 66, 66, 0.5)',
|
|
84
|
-
gnanaWarningBackground: '#FFB300',
|
|
85
|
-
moon: '#7A7A7A',
|
|
86
|
-
island: '#4D4040',
|
|
87
|
-
migration: '#6560C5',
|
|
88
|
-
bg1: 'linear-gradient(180deg, #FFFFFF 0%, #EEDFC7 10%, #FFFFFF 40%, #FEFAE0 50%, #EEDFC7 100%), linear-gradient(180deg, #FEFCEC 27.58%, #EEDFC7 79.74%, #FEFAE0 131.91%, #F5ECDD 154.81%)',
|
|
89
|
-
bg2: 'linear-gradient(180deg, #FEFCEC 27.58%, #EEDFC7 79.74%, #FEFAE0 131.91%, #F5ECDD 154.81%)',
|
|
90
|
-
progressBar: 'linear-gradient(90deg, #312E7A 0%, #5C4FAE 41.5%, #AD6568 74.5%, #AD6E66 100%)',
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
export default abondColors
|