@ape.swap/bonds-sdk 1.0.693 → 1.0.694

package/dist/components/BondRows/BondRowsByChain.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
 import BondRowsWithTitle from './BondRowsWithTitle';
-import { Flex } from '../uikit-sdk';
 import { MAINNET_CHAINS } from '../../config/constants/chains';
 import '../../scss/BondRowsByChain.scss';
+import { Flex } from 'theme-ui';
 var BondRowsByChain = function (_a) {
     var bonds = _a.bonds, hotBonds = _a.hotBonds, hideTitles = _a.hideTitles, rowClick = _a.rowClick, chains = _a.chains;
     return (_jsx(Flex, { className: "bondrowsbychain", children: (MAINNET_CHAINS.map(function (chain, index) {

package/dist/components/BondRows/BondRowsWithTitle.js

@@ -3,8 +3,8 @@ import { AnimatePresence, motion } from "framer-motion";
 import ChainTitle from "./ChainTitle";
 import BondRow from "./BondRow";
 import { useState } from "react";
-import { Flex } from "../uikit-sdk";
 import '../../scss/BondRowsWithTitle.scss';
+import { Flex } from "theme-ui";
 var BondRowsWithTitle = function (_a) {
     var chain = _a.chain, bonds = _a.bonds, hotBonds = _a.hotBonds, hideTitles = _a.hideTitles, rowClick = _a.rowClick;
     var billsFilteredByChain = bonds.filter(function (bill) { return bill.chainId === chain; });

package/dist/scss/BondModal.scss

@@ -328,6 +328,7 @@
 }
 
 .max-button {
+    
     background: var(--theme-ui-colors-primaryButton);
     height: 22px;
     padding-left: 8px;

package/dist/scss/YourBonds.scss

@@ -71,7 +71,7 @@
     align-items: center;
     width: 25%;
     font-size: 11px;
-    color: var(--theme-ui-colors-textDisabled)
+    color: var(--theme-ui-colors-text)
 }
 
 .yourbonds.header-pending {
@@ -80,7 +80,7 @@
     align-items: center;
     width: 25%;
     font-size: 11px;
-    color: var(--theme-ui-colors-textDisabled)
+    color: var(--theme-ui-colors-text)
 }
 
 .yourbonds.header-terms {
@@ -89,7 +89,7 @@
     align-items: center;
     width: 25%;
     font-size: 11px;
-    color: var(--theme-ui-colors-textDisabled)
+    color: var(--theme-ui-colors-text)
 }
 
 .yourbonds.header-claimall {
@@ -138,15 +138,18 @@
 }
 
 .claim-button {
-    height: 36px;
-    line-height: 12px;
-    font-size: 14px;
-    font-weight: 600;
-    width: 100%;
-  
-    @media (min-width: 1024px) {
-      height: 26px;
-    }
+
+    Button {
+        height: 36px;
+        line-height: 12px;
+        font-size: 14px;
+        font-weight: 600;
+        width: 100%;
+    
+        @media (min-width: 1024px) {
+        height: 26px;   
+        }
+    }      
 }
 
 .toast {

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.693",
+  "version": "1.0.694",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",

package/dist/scss/BondSingle.scss

@@ -1,376 +0,0 @@
-.container.page-container {
-    width: 100%;
-    display: flex;
-    flex-direction: column; 
-    padding-top: 50px;
-    padding-left: 100px;
-    padding-right: 100px;
-    padding-bottom: 50px;
-}
-
-.container.blocks-container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    width: 100%;
-    justify-content: space-around;
-    margin-bottom: 10px;
-    margin-top: 5px;
-}
-
-.block-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background: var(--theme-ui-colors-white2);
-    font-weight: 900;
-    font-size: 16px;
-    border-radius: 10px;
-    height: 90%;
-    padding-top: 5px;
-    padding-bottom: 10px;
-}
-
-.block-container.header {
-    display: flex;
-    flex-direction: row;
-    color: white;
-    font-weight: bold;
-    font-size: 12px;
-    padding-bottom: 10px;
-}
-
-.block-container.icon {
-    padding-left: 5px;
-    align-items: start;
-    cursor: pointer;
-    opacity: 0.6;
-}
-
-.block-container.discount {
-    margin: 0px 10px 0px 0px;
-    width: 350px;
-}
-
-.discount-positive {
-    color: #38A611;
-}
-
-.discount-negative {
-    color: #DF4141;
-}
-
-.block-container.arr {
-    margin: 0px 10px 0px 0px;
-    width: 350px;
-}
-
-.block-container.term {
-    margin: 0px 10px 0px 0px;
-    width: 350px;
-}
-
-.block-container.maxbuy {
-    width: 350px;
-}
-
-.container.bondinfo-graph-container {
-    display: flex;
-    flex-direction: row;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-.container.graph-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: var(--theme-ui-colors-white2);
-    font-weight: 900;
-    font-size: 16px;
-    border-radius: 10px;
-    height: 100%;
-    width: 100%;
-    padding: 10px;
-    min-width: 500px;
-    min-height: 400px;
-    margin-left: 10px;
-}
-
-.container.bondinfo-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: var(--theme-ui-colors-white2);
-    font-weight: 900;
-    font-size: 16px;
-    border-radius: 10px;
-    height: 100%;
-    width: 100%;
-    padding: 20px;
-    min-width: 500px;
-    margin-right: 10px;
-}
-
-.bondinfo-container.title-container {
-    font-weight: bold;
-    font-size: 1.5rem;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    width:100%;
-}
-
-.title-container.bondicon {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-.title-container.bondname {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding-left: 20px;
-}
-
-.title-container.price-container {
-    display: flex;
-    flex-direction: column;
-    padding-left: 10px;
-}
-
-
-.price-container.price {
-    font-size: 14px;
-    color: var(--theme-ui-colors-gray);
-    text-decoration: line-through;
-}
-
-.price-container.discounted {
-    display: flex;
-}
-
-.title-container.tokentags {
-    display: flex;
-    align-items: center;
-    padding-left: 10px;
-}
-
-.bondinfo-container.description-container {
-    display: flex;
-    align-items: start;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    font-weight: normal;
-}
-
-.bondinfo-container.text-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    font-size: 12px;
-    width: 100%;
-}
-
-.text-container.row {
-    padding-top: 2px;
-    padding-bottom: 2px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-.row-container {
-    display: flex;
-}
-
-.row-container.spend {
-    display: flex;
-}
-
-.row-container.spend-val {
-    display: flex;
-}
-
-.row-container.premium {
-    display: flex;
-}
-
-.row-container.premium-val {
-    display: flex;
-}
-
-.row-container.get {
-    display: flex;
-}
-
-.row-container.get-val {
-    display: flex;
-}
-
-.premium-positive {
-    color: #38A611;
-}
-
-.premium-negative {
-    color: #DF4141;
-}
-
-.bondinfo-container.input-container {
-    display: flex;
-    flex-direction: row;
-    background: var(--theme-ui-colors-white3);
-    border-radius: 10px;
-    min-height: 100px;
-    margin-top: 10px;
-    margin-bottom: 0px;
-    padding: 10px;
-    width: 100%;
-}
-
-.input-container.input {
-    background: var(--theme-ui-colors-white3);
-    border-radius: 10px;
-    border: medium;
-    padding-right: 10px;
-    width: 80%;
-    height: 50px;
-    font-size: 22px;
-}
-
-.input-container.token {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  font-weight: bold;
-  background: var(--theme-ui-colors-white4);
-  border-radius: 10px;
-  position: relative;
-  width: 190px;
-  height: 40px;
-  padding: 5px 4px;
-  cursor: unset;
-}
-
-.bondinfo-container.button-container {
-    width: 100%;
-    padding-top: 10px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-.button-container.get {
-    justify-content: center;
-    align-items: center;  
-    padding-right: 5px;
-    cursor: pointer;
-
-    Button {
-        width: 275px;
-    }
-}
-
-.button-container.buy {
-    justify-content: center;
-    align-items: center;
-    padding-left: 5px;
-    cursor: pointer;   
-
-    Button {
-        width: 375px;
-    }
-}
-
-.container.about-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: var(--theme-ui-colors-white2);
-    font-weight: 900;
-    font-size: 16px;
-    border-radius: 10px;
-    height: 100%;
-    width: 100%;
-    padding: 20px;
-    min-width: 700px;
-    min-height: 200px;
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-
-.about-container.title {
-    font-weight: bold;
-    font-size: 1.5rem;
-    display: flex;
-    flex-direction: row;
-    padding-bottom: 20px;
-    width: 100%;
-}
-
-.about-container.description {
-    font-weight: normal;
-    display: flex;
-    width: 100%;
-}
-
-.container.stats-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: var(--theme-ui-colors-white2);
-    font-weight: 900;
-    font-size: 16px;
-    border-radius: 10px;
-    height: 100%;
-    width: 100%;
-    padding: 20px;
-    min-width: 700px;
-    min-height: 200px;
-    margin-top: 10px;
-}
-
-.stats-container.header {
-    font-weight: bold;
-    font-size: 1.5rem;
-    display: flex;
-    flex-direction: row;
-    padding-bottom: 20px;
-    width: 100%;
-}
-
-.stats-container.model {
-    display: flex;
-    flex-direction: row;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    min-width: 700px;
-    min-height: 300px;
-    width: 100%;
-}
-
-.model-container.graph {
-    display: flex;
-    width: 100%;
-    background: var(--theme-ui-colors-white3);
-    margin-right: 10px;
-    align-items: center;
-    justify-content: center;
-    min-width: 600px;
-    border-radius: 10px;
-}
-
-.model-container.data {
-    display: flex;
-    width: 100%;
-    background: var(--theme-ui-colors-white3);
-    margin-left: 10px;
-    align-items: center;
-    justify-content: center;
-    min-width: 100px;
-    border-radius: 10px;
-}