@axos-web-dev/shared-components 1.0.100-feature-buydown.2 → 1.0.100-feature-ax1-calc.1

package/dist/assets/Button/Button.css

@@ -1,6 +1,6 @@
 ._13pdpuj0 {
   border: 2px solid transparent;
-  font-family: var(--main-font-family);
+  font-family: var(--header-font-family);
   font-weight: 700;
   margin-bottom: 0;
   -webkit-transition-duration: 0.15s;
@@ -15,7 +15,7 @@
   text-decoration: none;
   display: inline-block;
   white-space: nowrap;
-  font-size: 16px;
+  font-size: 18px;
   opacity: 1;
   cursor: pointer;
 }
@@ -23,40 +23,40 @@
   background-color: transparent;
 }
 ._13pdpuj1 {
-  background: var(--_1073cm86);
-  color: var(--_1073cm85);
+  background: var(--_1073cm82);
+  color: var(--_1073cm86);
 }
 ._13pdpuj1:hover {
-  border-color: var(--_1073cm86);
-  color: var(--_1073cm86);
+  border-color: var(--_1073cm82);
+  color: var(--_1073cm82);
 }
 ._13pdpuj1:active {
-  background-color: var(--_1073cm86);
-  color: var(--_1073cm85);
+  background-color: var(--_1073cm82);
+  color: var(--_1073cm86);
 }
 ._13pdpuj2 {
-  background: var(--_1073cm8k);
-  color: var(--_1073cm8j);
+  background: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 ._13pdpuj2:hover {
-  border-color: var(--_1073cm8k);
-  color: var(--_1073cm8k);
+  border-color: var(--_1073cm8g);
+  color: var(--_1073cm8g);
 }
 ._13pdpuj2:active {
-  background-color: var(--_1073cm8k);
-  color: var(--_1073cm8j);
+  background-color: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 ._13pdpuj3 {
-  background: var(--_1073cm85);
-  color: var(--_1073cm86);
+  background: var(--_1073cm81);
+  color: var(--_1073cm8f);
 }
 ._13pdpuj3:hover {
-  border-color: var(--_1073cm85);
-  color: var(--_1073cm85);
+  border-color: var(--_1073cm81);
+  color: var(--_1073cm81);
 }
 ._13pdpuj3:active {
-  background-color: var(--_1073cm85);
-  color: var(--_1073cm86);
+  background-color: var(--_1073cm81);
+  color: var(--_1073cm8f);
 }
 ._13pdpuj4 {
   background: #D4D4D4;
@@ -103,26 +103,26 @@
   flex-direction: column;
   justify-content: center;
   background: #fff;
-  color: #333D46;
+  color: #1F1F1F;
   border: 1px solid #EBEBEB;
   align-items: center;
   gap: 8px;
 }
 ._13pdpuje:hover {
-  background: #EBEBEB;
-  color: #333D46;
+  background: #E9F8FF;
+  color: #1F1F1F;
 }
 ._13pdpujf {
-  color: #5E6A74;
-  background: #d4d4d4;
+  background: #939BA6;
+  color: #FFFFFF;
   cursor: not-allowed;
 }
 ._13pdpujf:hover {
+  background: #939BA6;
+  border-color: transparent;
+  color: #FFFFFF;
   cursor: not-allowed;
-  background: #d4d4d4;
   text-decoration: none;
-  color: #5E6A74;
-  border-color: transparent;
 }
 ._13pdpujg {
   background: #8F8F8F;

package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css

@@ -1,19 +1,19 @@
 ._7zr6kt1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
   border: 1px solid #D4D4D4;
 }
 ._7zr6kt2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._7zr6kt3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._7zr6kt4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._7zr6kt5 {
   width: 50%;
@@ -38,16 +38,16 @@
   line-height: 1.29;
 }
 ._7zr6ktb {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._7zr6ktc {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 ._7zr6ktd {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._7zr6kte {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._7zr6ktf {
   width: 100%;

package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css

@@ -1,18 +1,18 @@
 ._1vox1xj1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1vox1xj2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1vox1xj3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1vox1xj4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1vox1xj5 {
   padding: 2.5rem 0;
@@ -100,29 +100,20 @@
 ._1vox1xjm {
   margin-bottom: 1rem;
 }
-._1073cm80 ._1vox1xjo {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+._1vox1xjn {
+  font-weight: bold;
 }
-._1es6o1h0 ._1vox1xjo {
-  color: var(--_1073cm83);
+._1vox1xjo {
+  color: var(--_1073cm85);
 }
-._1073cm80 ._1vox1xjp {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._1vox1xjp {
-  color: var(--_1073cm8a);
+._1vox1xjp {
+  color: var(--_1073cm8c);
 }
 ._1vox1xjq {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1vox1xjr {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1vox1xjs {
   margin-top: 0.5rem;

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -1,3 +1,13 @@
+@keyframes _11b2y8zo {
+  0% {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 ._11b2y8z0 {
   position: relative;
 }
@@ -8,11 +18,24 @@
   background: #fff;
   color: #1e3860;
 }
+._11b2y8z0 th {
+  background: #fff !important;
+  color: #1e3860;
+}
+._11b2y8z0 ._1nivbwet {
+  overflow-x: hidden;
+}
+._11b2y8z0 tbody tr:first-child td:first-child {
+  border-radius: 1rem 0 0 1rem !important;
+}
+._11b2y8z0 tbody tr:first-child td:last-child {
+  border-radius: 0 1rem 1rem 0 !important;
+}
 ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
   background: #fff;
 }
 ._11b2y8z0 > .containment {
-  padding: 84px 82px 100px;
+  padding: 56px;
   background: #def4ff;
   border-radius: 1rem;
 }
@@ -28,6 +51,11 @@
   line-height: 1.3;
   color: #1e3860;
   font-family: var(--header-font-family);
+  border-radius: 0px !important;
+}
+._11b2y8z0 tbody tr:not(:first-child) td {
+  background: #fff !important;
+  border-radius: 0px !important;
 }
 ._11b2y8z1 {
   padding: 40px 56px;
@@ -61,7 +89,7 @@
   font-family: var(--header-font-family);
   outline: 0;
   padding-left: 3px;
-  font-weight: 600;
+  font-weight: 700;
   color: #1e3860;
   margin: 0;
 }
@@ -69,11 +97,11 @@
   display: none;
 }
 ._11b2y8z8 {
-  font-weight: 600;
+  font-weight: 700;
   font-size: 18px;
   line-height: 1.4;
   padding: 14px 64px;
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm82);
   color: #FFFFFF;
   width: auto;
 }
@@ -93,38 +121,51 @@
   margin-top: 1rem;
 }
 ._11b2y8ze {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._11b2y8zf {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._11b2y8zg {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._11b2y8zh {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._11b2y8zi {
   margin-top: 16px;
 }
 ._11b2y8zj {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._11b2y8zk {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._11b2y8zl {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._11b2y8zm {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
+}
+._11b2y8zn {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 2rem;
+  gap: 3rem;
+}
+._11b2y8zp {
+  animation: _11b2y8zo 0.5s ease-out forwards;
+}
+._11b2y8zq {
+  animation: _11b2y8zo 0.5s ease-out 0.15s forwards;
+  opacity: 0;
 }
 @media screen and (max-width: 1023px) {
   ._11b2y8z0 > .containment {
     max-width: 100%;
     width: 100%;
     border-radius: 0;
-    padding: 84px 28px 100px;
   }
   ._11b2y8z1 {
     padding: 32px 24px;
@@ -134,6 +175,11 @@
   ._11b2y8z3 {
     font-size: 23px;
   }
+  ._11b2y8zn {
+    flex-direction: column;
+    gap: 1rem;
+    padding-bottom: 2rem;
+  }
 }
 @media screen and (max-width: 900px) {
   ._11b2y8z8 {
@@ -142,8 +188,17 @@
   }
 }
 @media screen and (max-width: 768px) {
+  ._11b2y8z0 ._1nivbwet {
+    margin-top: 0px !important;
+  }
+  ._11b2y8z0 tbody tr:first-child td:first-child {
+    border-radius: 0px !important;
+  }
+  ._11b2y8z0 tbody tr:first-child td:last-child {
+    border-radius: 0px !important;
+  }
   ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
-    background: #f4f4f4;
+    background: var(--_1073cm88);
   }
   ._11b2y8z0 > .containment {
     padding: 0px;
@@ -157,6 +212,9 @@
     font-family: var(--main-font-family);
     background: #ace1fc;
   }
+  ._11b2y8z0 tbody tr:not(:first-child) td {
+    background: #e9f8ff !important;
+  }
   ._11b2y8z0 ._1nivbwes._1nivbwet {
     padding: 0px;
     margin-top: 0px !important;

package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css

@@ -3,25 +3,25 @@
 }
 ._1mjmksf1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1mjmksf2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1mjmksf3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1mjmksf4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1mjmksf5 {
   padding: 64px;
   margin: 32px 0;
-  background: #F4F4F4;
-  color: #4A5560;
+  background: var(--_1073cm88);
+  color: var(--_1073cm8a);
 }
 ._1mjmksf6 {
   display: inline-flex;
@@ -56,11 +56,11 @@
 ._1mjmksfc {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
-  font-weight: 600;
+  font-weight: 700;
   font-size: 20px;
   line-height: 1.4;
   padding: 15px;
-  background-color: var(--_1073cm86);
+  background-color: var(--_1073cm82);
   color: #FFFFFF;
 }
 ._1mjmksfd {
@@ -86,29 +86,17 @@
 ._1mjmksfh {
   font-family: var(--header-font-family);
 }
-._1073cm80 ._1mjmksfi {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._1mjmksfi {
-  color: var(--_1073cm83);
+._1mjmksfi {
+  color: var(--_1073cm85);
 }
-._1073cm80 ._1mjmksfj {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._1mjmksfj {
-  color: var(--_1073cm8a);
+._1mjmksfj {
+  color: var(--_1073cm8c);
 }
 ._1mjmksfk {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1mjmksfl {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1mjmksfm {
   margin-inline: auto;
@@ -117,31 +105,31 @@
   margin-top: 1rem;
 }
 ._1mjmksfo {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1mjmksfp {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1mjmksfq {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1mjmksfr {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1mjmksfs {
   margin-top: 16px;
 }
 ._1mjmksft {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1mjmksfu {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1mjmksfv {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1mjmksfw {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 @media screen and (max-width: 603px) {
   ._1mjmksf5 {

package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css

@@ -8,19 +8,19 @@
 }
 .n9fzuw1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .n9fzuw2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .n9fzuw3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .n9fzuw4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .n9fzuw5 {
   padding: 2.5rem 0;
@@ -50,16 +50,16 @@
   gap: 1.5rem;
 }
 .n9fzuwb {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .n9fzuwc {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .n9fzuwd {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .n9fzuwe {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .n9fzuwf {
   max-width: 792px;
@@ -123,27 +123,27 @@
 }
 ._1073cm80 .n9fzuwt {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
+  background-image: var(--_1073cm87);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 .n9fzuwt {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1073cm80 .n9fzuwu {
   -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
+  background-image: var(--_1073cm8e);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
 ._1es6o1h0 .n9fzuwu {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 .n9fzuwv {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 .n9fzuww {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 .n9fzuwx {
   margin-top: 0.5rem;
@@ -151,14 +151,8 @@
 .n9fzuwy {
   padding-inline-start: 0;
 }
-.n9fzuwz {
-  font-weight: 400;
-  color: #344a53;
-  margin-bottom: 8px;
-}
-.n9fzuw8 label:not(.n9fzuwz) {
+.n9fzuw8 {
   font-weight: 700;
-  color: #28587d;
 }
 @media screen and (max-width:1023px) {
   .n9fzuw0 {

package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css

@@ -1,18 +1,18 @@
 ._10pitvc1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._10pitvc2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._10pitvc3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._10pitvc4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._10pitvc5 {
   width: 33%;
@@ -25,19 +25,19 @@
   text-align-last: center;
 }
 ._10pitvc7 {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._10pitvc8 {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._10pitvc9 {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._10pitvca {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._10pitvcb {
-  background: var(--_1073cm84);
+  background: var(--_1073cm87);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;

package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css

@@ -30,39 +30,39 @@
   line-height: 1.25;
 }
 ._1xynjwx7 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1xynjwx8 {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 ._1xynjwx9 {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1xynjwxa {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1xynjwxb {
   line-height: 1.5;
   margin-top: 1.5rem;
 }
 ._1xynjwxc {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1xynjwxd {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1xynjwxe {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1xynjwxf {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._1xynjwxg {
   background-color: #1C3D57;
   color: #fff;
   padding: 12px;
   text-align: center;
-  font: 600 20px / 1.25 var(--header-font-family);
+  font: 700 20px / 1.25 var(--header-font-family);
 }
 ._1xynjwxh {
   background-color: #E7F5FA;
@@ -165,7 +165,7 @@
   animation-duration: 20s;
 }
 ._1xynjwx4 ._1xynjwxh {
-  background-color: #f4f4f4;
+  background-color: var(--_1073cm88);
 }
 .section_spacer:has(._1xynjwxr) {
   margin-top: 0px;