@axos-web-dev/shared-components 1.0.100-dev.14 → 1.0.100-dev.16

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -6,22 +6,16 @@
   margin-bottom: 40px;
 }
 .kjcqgc3 {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 .kjcqgc4 {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
-._1073cm80 .kjcqgc5 {
-  color: var(--_1073cm8h);
+.kjcqgc5 {
+  color: var(--_1073cm8j);
 }
-._1es6o1h0 .kjcqgc5 {
-  color: #1E262F;
-}
-._1073cm80 .kjcqgc6 {
-  color: var(--_1073cm8o);
-}
-._1es6o1h0 .kjcqgc6 {
-  color: #1E262F;
+.kjcqgc6 {
+  color: var(--_1073cm8q);
 }
 .kjcqgc7 {
   font: 700 18px/1.44 var(--main-font-family);
@@ -31,74 +25,50 @@
 .kjcqgc7:hover {
   opacity: 0.7;
 }
-._1073cm80 .kjcqgc8 {
-  color: #2F5B88;
-}
-._1es6o1h0 .kjcqgc8 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .kjcqgc9 {
-  color: #2F5B88;
-}
-._1es6o1h0 .kjcqgc9 {
-  color: var(--_1073cm8a);
-}
-._1073cm80 .kjcqgca {
-  color: #2F5B88;
+.kjcqgc8 {
+  color: var(--_1073cm82);
 }
-._1es6o1h0 .kjcqgca {
-  color: #1E262F;
+.kjcqgc9 {
+  color: var(--_1073cm82);
 }
-._1073cm80 .kjcqgcb {
-  color: #2F5B88;
+.kjcqgca {
+  color: var(--_1073cm82);
 }
-._1es6o1h0 .kjcqgcb {
-  color: #1E262F;
+.kjcqgcb {
+  color: var(--_1073cm82);
 }
 .kjcqgc2 + .sc__btn {
   display: inline-block;
 }
-._1073cm80 .kjcqgcd {
-  fill: #2F5B88;
-}
-._1es6o1h0 .kjcqgcd {
-  fill: var(--_1073cm83);
-}
-._1073cm80 .kjcqgce {
-  fill: #2F5B88;
-}
-._1es6o1h0 .kjcqgce {
-  fill: var(--_1073cm8a);
+.kjcqgcd {
+  fill: var(--_1073cm82);
 }
-._1073cm80 .kjcqgcf {
-  fill: #2F5B88;
+.kjcqgce {
+  fill: var(--_1073cm82);
 }
-._1es6o1h0 .kjcqgcf {
-  fill: #1E262F;
+.kjcqgcf {
+  fill: var(--_1073cm82);
 }
-._1073cm80 .kjcqgcg {
-  fill: #2F5B88;
-}
-._1es6o1h0 .kjcqgcg {
-  fill: #1E262F;
+.kjcqgcg {
+  fill: var(--_1073cm82);
 }
 .kjcqgch article {
   flex: 1 1 0%;
 }
 .kjcqgcj {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
   background: var(--_1073cm81);
 }
 .kjcqgck {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
   background: var(--_1073cm88);
 }
 .kjcqgcl {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   background: var(--_1073cm8f);
 }
 .kjcqgcm {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
   background: var(--_1073cm8m);
 }
 @media (max-width: 1023px) {

package/dist/assets/Auth/SignIn.css

@@ -13,7 +13,7 @@
   animation-delay: 0.2s;
   background: #1E3860;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   gap: 16px;
   isolation: isolate;
   margin: 0 auto;
@@ -23,9 +23,9 @@
   will-change: opacity, transform;
 }
 ._1c7jj82 {
-  background: var(--_1073cm8k);
-  color: var(--_1073cm8j);
-  border: 1px solid var(--_1073cm8k);
+  background: var(--_1073cm8g);
+  color: var(--_1073cm8k);
+  border: 1px solid var(--_1073cm8g);
   padding: 11px 24px;
   border-radius: 8px;
   font-size: 1rem;
@@ -36,23 +36,23 @@
 }
 ._1c7jj82:hover {
   background: transparent;
-  color: var(--_1073cm8k);
+  color: var(--_1073cm8g);
   opacity: 0.9;
 }
 ._1c7jj82:active {
-  background: var(--_1073cm8k);
-  color: var(--_1073cm8j);
+  background: var(--_1073cm8g);
+  color: var(--_1073cm8k);
 }
 ._1c7jj82:focus {
-  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  box-shadow: 0 0 0 2px var(--_1073cm8g);
   outline: none;
 }
 ._1c7jj82:focus-visible {
-  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  box-shadow: 0 0 0 2px var(--_1073cm8g);
   outline: none;
 }
 ._1c7jj82:focus-within {
-  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  box-shadow: 0 0 0 2px var(--_1073cm8g);
   outline: none;
 }
 ._1c7jj82:disabled {
@@ -74,10 +74,10 @@
   width: min(434px, 100%);
 }
 ._1c7jj85 ._18du0lar:focus-within {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1c7jj85 ._18du0laf:focus-within {
-  border-color: var(--_1073cm8o);
+  border-color: var(--_1073cm8q);
 }
 @media (max-width: 603px) {
   ._1c7jj81 {

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

@@ -1,8 +1,8 @@
-._avatar_sec_wf36a_1 {
+._avatar_sec_q4a8z_1 {
   margin: 16px 0;
 }
 
-._container_wf36a_9 {
+._container_q4a8z_9 {
   border-bottom: 1px solid #d4d4d4;
   border-top: 1px solid #d4d4d4;
   margin-inline: auto;
@@ -11,7 +11,7 @@
   width: 100%;
 }
 
-._image_wf36a_27 {
+._image_q4a8z_27 {
   aspect-ratio: 1;
   background-position: 0 0;
   background-size: contain;
@@ -20,39 +20,39 @@
   height: 100px;
 }
 
-._text_wf36a_45 {
+._text_q4a8z_45 {
   flex: 1 1 0%;
   align-self: center;
   margin-left: 16px;
 }
 
-._name_wf36a_57 {
+._name_q4a8z_57 {
   color: #1e3860;
   font-family: var(--header-font-family);
   font-size: 20px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 1.4;
 }
 
-._title_wf36a_73 {
+._title_q4a8z_73 {
   color: #1e3860;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.44;
 }
 
-._description_wf36a_87 p {
+._description_q4a8z_87 p {
   font-size: 14px;
   line-height: 1.33;
   color: #333d46;
 }
 
-* + ._description_wf36a_87 {
+* + ._description_q4a8z_87 {
   margin-top: 8px;
 }
 
 @media (max-width: 603px) {
-  ._image_wf36a_27 {
+  ._image_q4a8z_27 {
     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));

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,68 @@
-._quote_spacer_1r8g1_1 {
+._quote_spacer_168r9_1 {
   line-height: 1.35;
   margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
   margin-inline: auto;
 }
 
-._author_1r8g1_13,
-._quote_1r8g1_1 {
-  color: #333d46;
+._author_168r9_13,
+._quote_168r9_1 {
+  color: #1f1f1f;
 }
 
-._author_1r8g1_13 {
+._author_168r9_13 {
   text-align: right;
   margin-top: 18px;
 }
 
-._author_1r8g1_13 cite {
+._author_168r9_13 cite {
   font-style: normal;
 }
 
-._quote_spacer_1r8g1_1 .img_fluid {
+._quote_spacer_168r9_1 .img_fluid {
   margin-right: 24px;
   transform: rotateY(180deg) scaleY(-1);
 }
 
-._quote_spacer_1r8g1_1 .flex_row {
+._quote_spacer_168r9_1 .flex_row {
   align-items: flex-start;
 }
 
-._quote_1r8g1_1 p {
+._quote_168r9_1 p {
   font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
   font-style: italic;
   line-height: 1.2;
 }
 
 @media (max-width: 768px) {
-  ._quote_spacer_1r8g1_1 .img_fluid {
+  ._quote_spacer_168r9_1 .img_fluid {
     max-width: 30px;
     margin-right: 12px;
   }
-  ._author_1r8g1_13 {
+  ._author_168r9_13 {
     margin-top: 14px;
   }
-  ._quote_1r8g1_1 p {
+  ._quote_168r9_1 p {
     font-size: 18px;
   }
-  ._author_1r8g1_13 cite {
+  ._author_168r9_13 cite {
     font-size: 14px;
   }
 }
 
 @media (max-width: 500px) {
-  ._author_1r8g1_13 {
+  ._author_168r9_13 {
     margin-top: 12px;
   }
 }
 
 @media (min-width: 604px) {
-  ._quote_spacer_1r8g1_1 {
+  ._quote_spacer_168r9_1 {
     width: min(calc(100% - 2rem), 792px);
   }
 }
 
 @media (min-width: 1023px) {
-  ._quote_1r8g1_1 p {
-    font-weight: 600;
+  ._quote_168r9_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;
@@ -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

@@ -61,7 +61,7 @@
   font-family: var(--header-font-family);
   outline: 0;
   padding-left: 3px;
-  font-weight: 600;
+  font-weight: 700;
   color: #1e3860;
   margin: 0;
 }
@@ -69,11 +69,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,31 +93,38 @@
   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;
 }
 @media screen and (max-width: 1023px) {
   ._11b2y8z0 > .containment {
@@ -134,6 +141,11 @@
   ._11b2y8z3 {
     font-size: 23px;
   }
+  ._11b2y8zn {
+    flex-direction: column;
+    gap: 1rem;
+    padding-bottom: 2rem;
+  }
 }
 @media screen and (max-width: 900px) {
   ._11b2y8z8 {