@ape.swap/bonds-sdk 3.0.4-test.2 → 3.0.5

package/dist/styles.css

@@ -131,10 +131,70 @@
   }
 }
 
+.project-view .xmas-hat {
+  display: none;
+}
+.project-view .xmas-tag {
+  display: none;
+}
+
 .modal {
   width: fit-content !important;
   max-width: 95%;
 }
+.modal .xmas-hat {
+  display: none;
+}
+.modal .xmas-tag {
+  display: none;
+}
+
+.project-view.xmas-style {
+  background: url("/images/bills/xmasRowBG.png");
+  background-size: contain;
+}
+.project-view.xmas-style .bond-card-block, .project-view.xmas-style .token-selector-panel {
+  background-color: rgb(38, 51, 63);
+}
+.project-view.xmas-style .input-container.token {
+  background-color: rgb(45, 58, 71);
+}
+
+.modal.xmas-style, .project-view.xmas-style {
+  background-color: rgb(31, 44, 56);
+}
+.modal.xmas-style .title-container.bondicon .xmas-hat, .project-view.xmas-style .title-container.bondicon .xmas-hat {
+  display: block;
+  position: absolute;
+  z-index: 9;
+  left: 13px;
+  top: -18px;
+}
+.modal.xmas-style .title-container.bondname, .project-view.xmas-style .title-container.bondname {
+  display: block;
+}
+.modal.xmas-style .title-container.bondname .list-tag, .project-view.xmas-style .title-container.bondname .list-tag {
+  background: #DF4141;
+  color: white;
+}
+.modal.xmas-style .modal-content, .project-view.xmas-style .modal-content {
+  background: url("/images/bills/xmasRowBG.png");
+  background-size: contain;
+}
+.modal.xmas-style .modal-content .bond-card-block, .modal.xmas-style .modal-content .token-selector-panel, .project-view.xmas-style .modal-content .bond-card-block, .project-view.xmas-style .modal-content .token-selector-panel {
+  background-color: rgb(38, 51, 63);
+}
+.modal.xmas-style .modal-content .input-container.token, .project-view.xmas-style .modal-content .input-container.token {
+  background-color: rgb(45, 58, 71);
+}
+.modal.xmas-style .hide-mobile, .project-view.xmas-style .hide-mobile {
+  display: none;
+}
+@media screen and (min-width: 800px) {
+  .modal.xmas-style .hide-mobile, .project-view.xmas-style .hide-mobile {
+    display: flex;
+  }
+}
 
 .project-image {
   border-radius: 6px;
@@ -174,10 +234,10 @@
 }
 
 .modaltable-container.title-container {
-  width: 100%;
   font-weight: bold;
   font-size: 1.5rem;
   display: flex;
+  flex-direction: row;
   align-items: center;
 }
 
@@ -234,6 +294,12 @@
   padding-left: 10px;
 }
 
+.title-container.price-container {
+  display: flex;
+  flex-direction: column;
+  padding-left: 20px;
+}
+
 .price-container.price {
   font-size: 14px;
   color: var(--theme-ui-colors-gray);
@@ -621,6 +687,18 @@ span.flex-inline {
   min-height: 92px;
 }
 
+.show-alert-tier-xmas {
+  padding: 5px 10px;
+  width: 100%;
+  background: #DF4141;
+  border-radius: 4px;
+  margin-top: 10px !important;
+  font-size: 12px;
+  font-weight: 400;
+  justify-content: center;
+  text-align: center;
+}
+
 .bond-row {
   display: flex;
   flex-direction: row;
@@ -637,9 +715,15 @@ span.flex-inline {
 }
 .bond-row .token-info-container {
   display: flex;
-  width: 100%;
+  width: 40%;
   position: relative;
 }
+.bond-row .token-info-container .xmas-hat {
+  position: absolute;
+  z-index: 9;
+  left: 25px;
+  top: 3px;
+}
 .bond-row .bond-info-columns {
   display: flex;
   flex-direction: row;
@@ -696,6 +780,19 @@ span.flex-inline {
   display: flex;
 }
 
+.bond-row.xmas-border {
+  background: url("/images/bills/xmasRowBG.png");
+  background-color: rgb(31, 44, 56);
+}
+.bond-row.xmas-border .tokeninfoname.container .list-tag {
+  background: #DF4141;
+  color: white;
+}
+
+.bond-row.xmas-border:hover {
+  background-color: rgb(42, 64, 84);
+}
+
 .column.column-tokens {
   display: flex;
   align-items: center;
@@ -925,10 +1022,11 @@ span.flex-inline {
 .tokeninfoname.container {
   width: calc(100% + 20px);
   position: relative;
-  justify-content: start;
+  justify-content: space-between;
   height: 100%;
   align-items: center;
   padding-left: 20px;
+  overflow: hidden;
   border-radius: 10px;
 }
 
@@ -954,6 +1052,7 @@ span.flex-inline {
   padding-left: 6px;
   width: 100%;
   align-items: center;
+  max-width: 190px;
 }
 
 .tokeninfoname.tokentext {

package/dist/views/Bonds/components/BondRows/BondRowsByChain.d.ts

@@ -4,6 +4,7 @@ import { BillsConfig } from '@ape.swap/apeswap-lists';
 export interface BondRowsByChainProps {
     bonds: (BondsData | BillsConfig)[];
     hideTitles: boolean;
+    isCampaign: boolean;
 }
 declare const BondRowsByChain: React.FC<BondRowsByChainProps>;
 export default BondRowsByChain;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "3.0.4-test.2",
+  "version": "3.0.5",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",

package/dist/components/TokenInfoAndName/MinTierRow.d.ts

@@ -1,5 +0,0 @@
-import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
-declare const MinTierRow: ({ minTier }: {
-    minTier: LaunchBondTiers | null;
-}) => import("react").JSX.Element;
-export default MinTierRow;

package/dist/views/BondModal/components/BondModalMinTierHeader.d.ts

@@ -1,5 +0,0 @@
-import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
-declare const BondModalMinTierHeader: ({ minTier }: {
-    minTier: LaunchBondTiers | null;
-}) => import("react").JSX.Element;
-export default BondModalMinTierHeader;