@axos-web-dev/shared-components 1.0.5 → 1.0.7-7.1

package/dist/assets/Auth/ErrorAlert.css

@@ -0,0 +1,37 @@
+.a3pcaf0 {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.a3pcaf1 {
+  width: 90%;
+  max-width: 500px;
+  background-color: #fff;
+  padding: 24px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  text-align: center;
+}
+.a3pcaf2 {
+  width: 100%;
+  height: 1px;
+  background-color: #EBEBEB;
+  margin: 20px 0;
+}
+.a3pcaf3 {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  background: none;
+  border: none;
+  font-size: 24px;
+  cursor: pointer;
+  color: #EBEBEB;;
+}

package/dist/assets/Auth/SignIn.css

@@ -0,0 +1,86 @@
+@keyframes _1c7jj80 {
+  0% {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+._1c7jj81 {
+  animation: _1c7jj80 0.8s ease-out forwards;
+  animation-delay: 0.2s;
+  background: #1E3860;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+  color: var(--_1073cm8g);
+  gap: 16px;
+  isolation: isolate;
+  margin: 0 auto;
+  opacity: 0;
+  padding: 2.5rem;
+  width: min(685px, 100%);
+  will-change: opacity, transform;
+}
+._1c7jj82 {
+  background: var(--_1073cm8k);
+  color: var(--_1073cm8j);
+  border: 1px solid var(--_1073cm8k);
+  padding: 11px 24px;
+  border-radius: 8px;
+  font-size: 1rem;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background 0.3s ease;
+  width: min(189px, 100%);
+}
+._1c7jj82:hover {
+  background: transparent;
+  color: var(--_1073cm8k);
+  opacity: 0.9;
+}
+._1c7jj82:active {
+  background: var(--_1073cm8k);
+  color: var(--_1073cm8j);
+}
+._1c7jj82:focus {
+  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  outline: none;
+}
+._1c7jj82:focus-visible {
+  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  outline: none;
+}
+._1c7jj82:focus-within {
+  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  outline: none;
+}
+._1c7jj82:disabled {
+  background: #C7C7C7;
+  border-color: transparent;
+  color: #FFF;
+  cursor: not-allowed;
+}
+._1c7jj83 {
+  color: hsl(216 25% 85% / 1);
+  text-align: center;
+  text-wrap: pretty;
+}
+._1c7jj84 {
+  display: flex;
+  gap: 12px;
+}
+._1c7jj85 {
+  width: min(434px, 100%);
+}
+._1c7jj85 ._18du0lar:focus-within {
+  color: var(--_1073cm8o);
+}
+._1c7jj85 ._18du0laf:focus-within {
+  border-color: var(--_1073cm8o);
+}
+@media (max-width: 603px) {
+  ._1c7jj81 {
+    padding-inline: 1.5rem;
+  }
+}

package/dist/assets/Button/Button.css

@@ -72,24 +72,28 @@
   padding: 12px 64px;
 }
 ._13pdpuj8 {
+  padding: 8px 48px;
+  font-size: 14px;
+}
+._13pdpuj9 {
   border: 2px solid transparent;
   color: #F4F4F4;
   background: transparent;
   cursor: not-allowed;
 }
-._13pdpuj9 {
+._13pdpuja {
   border-radius: 0;
 }
-._13pdpuja {
+._13pdpujb {
   border-radius: 4px;
 }
-._13pdpujb {
+._13pdpujc {
   border-radius: 8px;
 }
-._13pdpujc {
+._13pdpujd {
   border-radius: 16px;
 }
-._13pdpujd {
+._13pdpuje {
   width: 160px;
   min-height: 160px;
   white-space: break-spaces;
@@ -104,53 +108,53 @@
   align-items: center;
   gap: 8px;
 }
-._13pdpujd:hover {
+._13pdpuje:hover {
   background: #EBEBEB;
   color: #333D46;
 }
-._13pdpuje {
+._13pdpujf {
   color: #5E6A74;
   background: #d4d4d4;
   cursor: not-allowed;
 }
-._13pdpuje:hover {
+._13pdpujf:hover {
   cursor: not-allowed;
   background: #d4d4d4;
   text-decoration: none;
   color: #5E6A74;
   border-color: transparent;
 }
-._13pdpujf {
+._13pdpujg {
   background: #8F8F8F;
   color: #FFFFFF;
 }
-._13pdpujf:hover {
+._13pdpujg:hover {
   cursor: not-allowed;
   background: #8F8F8F;
   text-decoration: none;
   color: #FFFFFF;
   border-color: #8F8F8F;
 }
-._13pdpujg {
+._13pdpujh {
   background: #8F8F8F;
   color: #FFFFFF;
 }
-._13pdpujg:hover {
+._13pdpujh:hover {
   cursor: not-allowed;
   background: #8F8F8F;
   text-decoration: none;
   color: #FFFFFF;
   border-color: #8F8F8F;
 }
-._13pdpujh {
+._13pdpuji {
   height: 50px;
   padding: 12px 64px 12px 64px;
 }
-._13pdpuji {
+._13pdpujj {
   height: 40px;
   padding: 8px 48px 8px 48px;
 }
-._13pdpujj {
+._13pdpujk {
   height: 28px;
   padding: 4px 32px 4px 32px;
 }
@@ -165,8 +169,19 @@
     padding: 11px 1.5rem;
   }
 }
+@media screen and (max-width: 768px) {
+  ._13pdpuj8 {
+    padding: 8px 8px;
+  }
+}
+@media screen and (max-width: 450px) {
+  ._13pdpuj8 {
+    padding: 4px 4px;
+    font-size: 12px;
+  }
+}
 @media screen and (max-width:768px) {
-  ._13pdpujd {
+  ._13pdpuje {
     width: 120px;
     min-height: 120px;
   }

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

@@ -199,6 +199,11 @@
     margin-top: 16px;
     padding: 32px 16px 0;
   }
+  ._11b2y8zi {
+    font-size: 14px;
+    padding-bottom: 16px;
+    padding-inline: 16px;
+  }
 }
 @media screen and (max-width: 450px) {
   ._11b2y8z4 {

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

@@ -0,0 +1,197 @@
+.n9fzuw0 {
+  padding-inline: 120px;
+  padding-top: 48px;
+  padding-bottom: 48px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.n9fzuw1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+.n9fzuw2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.n9fzuw3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.n9fzuw4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.n9fzuw5 {
+  padding: 2.5rem 0;
+  display: flex;
+}
+.n9fzuw6 {
+  width: 100%;
+}
+.n9fzuw7 {
+  margin-bottom: 2.5rem;
+  max-width: 49.5rem;
+  text-align: center;
+  margin-inline: auto;
+}
+.n9fzuw8 {
+  margin-inline: auto;
+}
+.n9fzuw9 {
+  color: red;
+  font-size: larger;
+  list-style: none;
+}
+.n9fzuwa {
+  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+.n9fzuwb {
+  color: var(--_1073cm82);
+}
+.n9fzuwc {
+  color: var(--_1073cm89);
+}
+.n9fzuwd {
+  color: var(--_1073cm8g);
+}
+.n9fzuwe {
+  color: var(--_1073cm8n);
+}
+.n9fzuwf {
+  max-width: 792px;
+  margin: 0 auto;
+}
+.n9fzuwg {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: 15px;
+}
+.n9fzuwh {
+  display: flex;
+  flex-direction: row;
+}
+.n9fzuwg > div {
+  flex-grow: 1;
+  width: 100%;
+}
+.n9fzuwi {
+  margin-top: 1.5rem;
+  text-align: center;
+  margin-inline: auto;
+  margin-bottom: 1.5rem;
+}
+.n9fzuwg .input_label {
+  color: inherit;
+}
+.n9fzuwj {
+  position: relative;
+}
+.n9fzuwk {
+  position: absolute;
+  color: #323339;
+  font-size: 18px;
+  font-weight: 500!important;
+  margin-bottom: 0;
+}
+.n9fzuwl {
+  left: 21px;
+  top: 46px;
+}
+.n9fzuwm {
+  top: 47px;
+  right: 10px;
+}
+.n9fzuwn {
+  padding-left: 2rem;
+}
+.n9fzuwp {
+  width: 100%;
+}
+.n9fzuwq > p {
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 10px;
+  letter-spacing: .2px;
+}
+.n9fzuwr {
+  margin-bottom: 1rem;
+}
+._1073cm80 .n9fzuwt {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n9fzuwt {
+  color: var(--_1073cm83);
+}
+._1073cm80 .n9fzuwu {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n9fzuwu {
+  color: var(--_1073cm8a);
+}
+.n9fzuwv {
+  color: var(--_1073cm8h);
+}
+.n9fzuww {
+  color: var(--_1073cm8o);
+}
+.n9fzuwx {
+  margin-top: 0.5rem;
+}
+.n9fzuwy {
+  padding-inline-start: 0;
+}
+.n9fzuwz {
+  font-weight: 400;
+  color: #344a53;
+  margin-bottom: 8px;
+}
+.n9fzuw8 label:not(.n9fzuwz) {
+  font-weight: 700;
+  color: #28587d;
+}
+@media screen and (max-width:1023px) {
+  .n9fzuw0 {
+    padding-inline: 0;
+    padding: 0 3.5rem;
+  }
+  .n9fzuwq {
+    margin-top: 1rem;
+  }
+}
+@media screen and (max-width:768px) {
+  .n9fzuw0 {
+    padding: 0 2rem;
+  }
+}
+@media screen and (max-width:470px) {
+  .n9fzuw0 {
+    padding: 0 1.5rem;
+  }
+}
+@media screen and (max-width:1124px) {
+  .n9fzuw5 {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+}
+@media screen and (min-width:1125px) {
+  .n9fzuw6 {
+    margin-right: 2rem;
+  }
+}
+@media screen and (max-width:480px) {
+  .n9fzuwg {
+    flex-direction: column;
+  }
+}

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

@@ -104,6 +104,7 @@
 }
 ._11oamghj {
   margin-top: 16px;
+  padding-inline: 72px;
 }
 ._11oamghk {
   color: var(--_1073cm82);
@@ -127,6 +128,9 @@
   ._11oamgh1 {
     padding: 0px 24px;
   }
+  ._11oamghj {
+    padding-inline: 40px;
+  }
 }
 @media screen and (max-width:1023px) {
   ._11oamgh3 {
@@ -196,6 +200,10 @@
     margin-top: 16px;
     padding: 32px 16px 0;
   }
+  ._11oamghj {
+    font-size: 14px;
+    padding-inline: 16px;
+  }
 }
 @media screen and (max-width: 450px) {
   ._11oamgh4 {

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -9,6 +9,9 @@
 ._1tdyl740 .flex {
   align-items: center;
 }
+._1tdyl740 h2.header_3 {
+  margin-bottom: 16px;
+}
 ._1tdyl741 {
   height: 100%;
 }
@@ -42,6 +45,7 @@
   max-height: 200px;
 }
 ._1tdyl74a {
+  max-width: 782px;
   justify-content: space-between;
 }
 ._1tdyl74b {
@@ -120,6 +124,16 @@
   ._1tdyl740 .containment {
     padding: 1.5rem 0;
   }
+  ._1tdyl74c h2 {
+    font-size: 20px;
+    line-height: 1.33;
+  }
+  ._1tdyl74c .containment {
+    padding-block: 18px;
+  }
+  ._1tdyl74c ._1tdyl74d {
+    padding-top: 18px;
+  }
 }
 @media screen and (min-width:1024px) {
   ._1tdyl740 .flex {
@@ -140,4 +154,22 @@
   ._1tdyl743 ._1tdyl74d, ._1tdyl744 ._1tdyl74d {
     margin-top: 0;
   }
+}
+@media screen and (max-width:603px) {
+  ._1tdyl74c h2 {
+    font-size: 12px;
+  }
+  ._1tdyl74c .containment {
+    padding-block: 12px;
+  }
+  ._1tdyl74c ._1tdyl74d {
+    padding-top: 12px;
+  }
+  ._1tdyl74c ._13pdpuj6 {
+    padding: 4px 24px;
+  }
+  ._1tdyl74c ._13pdpuj0 {
+    font-size: 14px;
+    line-height: 1.43;
+  }
 }

package/dist/assets/Comparison/Comparison.css

@@ -91,6 +91,13 @@
   display: none;
 }
 ._198o0ltd {
+  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+}
+._198o0lte {
   display: flex;
   justify-content: center;
   width: 100%;
@@ -139,10 +146,10 @@
   }
 }
 @media screen and (max-width: 380px) {
-  ._198o0ltd {
+  ._198o0lte {
     flex-direction: column;
   }
-  ._198o0ltd:first-child {
+  ._198o0lte:first-child {
     margin-bottom: 1em;
   }
 }

package/dist/assets/HelpArticle/HelpArticle.css

@@ -0,0 +1,70 @@
+._1yo1bp90 {
+  color: #1E3860;
+  font-family: var(--header-font-family);
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 600;
+  letter-spacing: 0.2px;
+  line-height: 50px;
+}
+._1yo1bp91 {
+  color: #1E3860;
+  font-size: 28px;
+  font-weight: 600;
+  letter-spacing: 0.2px;
+  line-height: 36px;
+  margin-block: 16px;
+}
+._1yo1bp92 {
+  color: #1E262F;
+  font-size: 18px;
+  font-weight: 400;
+  letter-spacing: 0.2px;
+  line-height: 26px;
+}
+._1yo1bp93 {
+  box-sizing: border-box;
+  margin-inline: auto;
+  width: min(1024px, 100%);
+}
+.helpArticle .section_spacer:has(>img[style]:only-child) {
+  margin-bottom: 3.5rem;
+}
+@media screen and (max-width:1023px) {
+  .helpArticle .section_spacer:has(>img[style]:only-child) {
+    margin-bottom: 42px;
+  }
+}
+@media screen and (max-width:768px) {
+  ._1yo1bp90 {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+  ._1yo1bp91 {
+    font-size: 24px;
+    line-height: 1.33;
+  }
+  .helpArticle .section_spacer:has(>img[style]:only-child) {
+    margin-bottom: 2rem;
+  }
+}
+@media screen and (max-width: 1023px) {
+  ._1yo1bp93 {
+    width: min(45rem, calc(100% - 4rem));
+  }
+}
+@media screen and (max-width: 768px) {
+  ._1yo1bp93 {
+    width: min(1200px, calc(100% - 4rem));
+  }
+}
+@media screen and (max-width: 603px) {
+  ._1yo1bp93 {
+    width: calc(100% - 2rem);
+  }
+}
+@media screen and (min-width: 1024px) {
+  ._1yo1bp93 {
+    padding-inline: 1rem;
+  }
+}