@axos-web-dev/shared-components 1.0.77-patch.9 → 1.0.77-patch.92-rev.1

package/dist/assets/Avatar/Avatar.css.css

@@ -1,8 +1,8 @@
-._avatar_sec_1bnm9_1 {
+._avatar_sec_1clr6_1 {
   margin: 16px 0;
 }
 
-._container_1bnm9_5 {
+._container_1clr6_5 {
   border-bottom: 1px solid #d4d4d4;
   border-top: 1px solid #d4d4d4;
   margin-inline: auto;
@@ -11,7 +11,7 @@
   width: 100%;
 }
 
-._image_1bnm9_14 {
+._image_1clr6_14 {
   aspect-ratio: 1;
   background-position: 0 0;
   background-size: contain;
@@ -20,39 +20,39 @@
   height: 100px;
 }
 
-._text_1bnm9_23 {
+._text_1clr6_23 {
   flex: 1 1 0%;
   align-self: center;
   margin-left: 16px;
 }
 
-._name_1bnm9_29 {
+._name_1clr6_29 {
   color: #1e3860;
   font-family: var(--header-font-family);
   font-size: 20px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 1.4;
 }
 
-._title_1bnm9_37 {
+._title_1clr6_37 {
   color: #1e3860;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.44;
 }
 
-._description_1bnm9_44 p {
+._description_1clr6_44 p {
   font-size: 14px;
   line-height: 1.33;
   color: #333d46;
 }
 
-* + ._description_1bnm9_44 {
+* + ._description_1clr6_44 {
   margin-top: 8px;
 }
 
 @media (max-width: 603px) {
-  ._image_1bnm9_14 {
+  ._image_1clr6_14 {
     height: 75px;
     flex: 0 0 75px;
   }

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -1,5 +1,5 @@
 ._1amgyqo0 {
-  background-color: #333d46;
+  background-color: var(--_1073cm8m);
   color: #fff;
   -webkit-filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
   filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
@@ -9,9 +9,6 @@
   max-width: 1392px;
   width: calc(100% - 48px);
 }
-.section_spacer:has(._1amgyqo0) {
-  margin-top: 0px;
-}
 ._1amgyqo1 {
   min-height: 54px;
 }

package/dist/assets/AwardsItem/AwardsItem.css

@@ -7,7 +7,7 @@
 ._16tnqb20::after {
   content: "";
   position: absolute;
-  background-color: #bdbdbd;
+  background-color: #B9C1CE;
   height: 18.5px;
   width: 1px;
   left: 0;
@@ -24,12 +24,11 @@
   color: #ddd;
   font-size: 12px;
   font-weight: 400;
-  line-height: 16px;
+  line-height: 1.5;
 }
 ._16tnqb22 {
-  font-family: var(--header-font-family);
   font-size: 14px;
-  font-weight: 600;
+  font-weight: 700;
   margin-bottom: 2px;
 }
 @media (max-width: 1023px) {

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,72 @@
-._quote_spacer_1mzku_1 {
+._quote_spacer_ovx4r_1 {
   line-height: 1.35;
   margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
   margin-inline: auto;
 }
 
-._author_1mzku_7,
-._quote_1mzku_1 {
-  color: #333d46;
+._author_ovx4r_7,
+._quote_ovx4r_1 {
+  color: #1f1f1f;
 }
 
-._author_1mzku_7 {
+._author_ovx4r_7 {
   text-align: right;
   margin-top: 18px;
 }
 
-._author_1mzku_7 cite {
+._author_ovx4r_7 cite {
   font-style: normal;
 }
 
-._quote_spacer_1mzku_1 .img_fluid {
+._quote_spacer_ovx4r_1 .img_fluid {
   margin-right: 24px;
   transform: rotateY(180deg) scaleY(-1);
 }
 
-._quote_spacer_1mzku_1 .flex_row {
+._quote_spacer_ovx4r_1 .flex_row {
   align-items: flex-start;
 }
 
-._quote_1mzku_1 p {
+._quote_ovx4r_1 p {
   font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
   font-style: italic;
   line-height: 1.2;
 }
 
+.lchs2s1 ._quote_ovx4r_1 p {
+  color: #1e3860;
+}
+
 @media (max-width: 768px) {
-  ._quote_spacer_1mzku_1 .img_fluid {
+  ._quote_spacer_ovx4r_1 .img_fluid {
     max-width: 30px;
     margin-right: 12px;
   }
-  ._author_1mzku_7 {
+  ._author_ovx4r_7 {
     margin-top: 14px;
   }
-  ._quote_1mzku_1 p {
+  ._quote_ovx4r_1 p {
     font-size: 18px;
   }
-  ._author_1mzku_7 cite {
+  ._author_ovx4r_7 cite {
     font-size: 14px;
   }
 }
 
 @media (max-width: 500px) {
-  ._author_1mzku_7 {
+  ._author_ovx4r_7 {
     margin-top: 12px;
   }
 }
 
 @media (min-width: 604px) {
-  ._quote_spacer_1mzku_1 {
+  ._quote_spacer_ovx4r_1 {
     width: min(calc(100% - 2rem), 792px);
   }
 }
 
 @media (min-width: 1023px) {
-  ._quote_1mzku_1 p {
-    font-weight: 600;
+  ._quote_ovx4r_1 p {
+    font-weight: 700;
   }
 }

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;
@@ -41,7 +41,7 @@
 ._1vox1xjb label {
   padding-left: 3px;
   font-size: 18px;
-  font-weight: 600;
+  font-weight: 700;
   margin-bottom: 5px;
   display: inline-block;
 }
@@ -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;