@axos-web-dev/shared-components 2.0.0-queryparams.1 → 2.1.0

package/dist/assets/Avatar/Avatar.css

@@ -1,59 +1,59 @@
-._avatar_sec_q4a8z_1 {
-  margin: 16px 0;
-}
-
-._container_q4a8z_9 {
-  border-bottom: 1px solid #d4d4d4;
-  border-top: 1px solid #d4d4d4;
-  margin-inline: auto;
-  max-width: 1200px;
-  padding: 16px 0;
-  width: 100%;
-}
-
-._image_q4a8z_27 {
-  aspect-ratio: 1;
-  background-position: 0 0;
-  background-size: contain;
-  border-radius: 50%;
-  flex: 0 0 100px;
-  height: 100px;
-}
-
-._text_q4a8z_45 {
-  flex: 1 1 0%;
-  align-self: center;
-  margin-left: 16px;
-}
-
-._name_q4a8z_57 {
-  color: #1e3860;
-  font-family: var(--header-font-family);
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1.4;
-}
-
-._title_q4a8z_73 {
-  color: #1e3860;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 1.44;
-}
-
-._description_q4a8z_87 p {
-  font-size: 14px;
-  line-height: 1.33;
-  color: #333d46;
-}
-
-* + ._description_q4a8z_87 {
-  margin-top: 8px;
-}
-
-@media (max-width: 603px) {
-  ._image_q4a8z_27 {
-    height: 75px;
-    flex: 0 0 75px;
-  }
-}
+._avatar_sec_1clr6_1 {
+  margin: 16px 0;
+}
+
+._container_1clr6_5 {
+  border-bottom: 1px solid #d4d4d4;
+  border-top: 1px solid #d4d4d4;
+  margin-inline: auto;
+  max-width: 1200px;
+  padding: 16px 0;
+  width: 100%;
+}
+
+._image_1clr6_14 {
+  aspect-ratio: 1;
+  background-position: 0 0;
+  background-size: contain;
+  border-radius: 50%;
+  flex: 0 0 100px;
+  height: 100px;
+}
+
+._text_1clr6_23 {
+  flex: 1 1 0%;
+  align-self: center;
+  margin-left: 16px;
+}
+
+._name_1clr6_29 {
+  color: #1e3860;
+  font-family: var(--header-font-family);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.4;
+}
+
+._title_1clr6_37 {
+  color: #1e3860;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1.44;
+}
+
+._description_1clr6_44 p {
+  font-size: 14px;
+  line-height: 1.33;
+  color: #333d46;
+}
+
+* + ._description_1clr6_44 {
+  margin-top: 8px;
+}
+
+@media (max-width: 603px) {
+  ._image_1clr6_14 {
+    height: 75px;
+    flex: 0 0 75px;
+  }
+}

package/dist/assets/Blockquote/Blockquote.css

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

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

@@ -22,7 +22,7 @@
   background: #fff !important;
   color: #1e3860;
 }
-._11b2y8z0 ._1nivbwet {
+._11b2y8z0 ._1nivbwex {
   overflow-x: hidden;
 }
 ._11b2y8z0 tbody tr:first-child td:first-child {
@@ -188,7 +188,7 @@
   }
 }
 @media screen and (max-width: 768px) {
-  ._11b2y8z0 ._1nivbwet {
+  ._11b2y8z0 ._1nivbwex {
     margin-top: 0px !important;
   }
   ._11b2y8z0 tbody tr:first-child td:first-child {

package/dist/assets/Calculators/calculator.css

@@ -1,55 +1,65 @@
 .iois7n1 {
+  margin-inline: auto;
+  padding-block: 2.5rem;
+}
+.page_body_contents > div:not(:first-child) .iois7n1 {
+  padding-top: 0px;
+}
+.iois7n5 {
   margin: 1.5em 0;
   font: 400 16px / 1.3 var(--main-font-family);
   text-align: center;
 }
-.iois7n2 {
+.iois7n6 {
   background: var(--_1073cm81);
   color: var(--_1073cm83);
 }
-.iois7n3 {
+.iois7n7 {
   background: var(--_1073cm88);
   color: var(--_1073cm8a);
 }
-.iois7n4 {
+.iois7n8 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8h);
 }
-.iois7n5 {
+.iois7n9 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8o);
 }
-.iois7n6 {
+.iois7na {
   font: 700 2.5rem / 1.25 var(--header-font-family);
 }
-.iois7n7 {
+.iois7nb {
   color: var(--_1073cm85);
 }
-.iois7n8 {
+.iois7nc {
   color: var(--_1073cm8c);
 }
-.iois7n9 {
+.iois7nd {
   color: var(--_1073cm8j);
 }
-.iois7na {
+.iois7ne {
   color: var(--_1073cm8q);
 }
 main > div:nth-last-child(2) > .iois7n0 {
   margin-bottom: 3.5rem;
 }
-@media screen and (max-width:768px) {
-  .iois7n6 {
-    font-size: 28px;
-    line-height: 1.29;
-  }
-}
 @media screen and (max-width: 1023px) {
   main > div:nth-last-child(2) > .iois7n0 {
     margin-bottom: 42px;
   }
 }
 @media screen and (max-width: 768px) {
+  .iois7n1 {
+    padding-block: 1.5rem;
+  }
   main > div:nth-last-child(2) > .iois7n0 {
     margin-bottom: 2rem;
   }
+}
+@media screen and (max-width:768px) {
+  .iois7na {
+    font-size: 28px;
+    line-height: 1.29;
+  }
 }

package/dist/assets/Chatbot/AnimatedGradientBorder.css

@@ -4,6 +4,23 @@
   initial-value: 90deg;
 }
 @keyframes ic6iil0 {
+  0% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(0);
+  }
+  50% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(.5turn);
+  }
+  55% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(.6turn);
+  }
+  95% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
+  }
+}
+@keyframes ic6iil1 {
   from {
     --angle: 0deg;
   }
@@ -11,28 +28,98 @@
     --angle: 360deg;
   }
 }
-.ic6iil1 {
+@keyframes ic6iil4 {
+  0% {
+    box-shadow: px -4px 12px -6px var(--_1073cm817);
+  }
+  50% {
+    box-shadow: 0px -10px 14px -6px var(--_1073cm817);
+  }
+  100% {
+    box-shadow: 0px -4px 12px -6px var(--_1073cm817);
+  }
+}
+@keyframes ic6iil7 {
+  0% {
+    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+  50% {
+    box-shadow: 0 0 16px 4px var(--_1073cm817), 
+            0 20px 25px 0 rgba(0, 0, 0, 0.10), 
+            0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+  100% {
+    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+}
+.ic6iil2 {
+  --offset: 3px;
+  background: var(--_1073cm813);
+  max-width: 100%;
+  overflow: hidden;
+  border-width: 3px;
+  border: var(--_1073cm813);
+  border-style: solid;
+}
+.ic6iil3 {
   border: 2px solid var(--_1073cm813);
   background: var(--_1073cm815);
-  animation: ic6iil0 2s ease-in-out infinite;
+  animation: ic6iil1 2s ease-in-out infinite;
 }
-.ic6iil2 {
+.ic6iil5 {
   --angle: 90deg;
-  border: 2px solid var(--_1073cm819);
-  animation: ic6iil0 3s ease-in-out infinite;
+  border: 1px solid var(--_1073cm81d);
   border-radius: 12px;
   background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
 }
-.ic6iil2:focus-within {
-  --angle: 270deg;
-  border: 2px solid transparent;
-  background: linear-gradient(white) padding-box, linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
-  background: linear-gradient(var(--angle),  var(--_1073cm815)) border-box;
+.ic6iil5:focus-within {
+  border: 1px solid #404040;
+}
+.ic6iil6 {
+  width: 80%;
+  border-radius: 50%;
+  animation: ic6iil4 2s ease-in-out infinite;
+}
+.ic6iil8 {
+  box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
+}
+@media screen and (max-width:768px) {
+  .ic6iil2 {
+    border: none;
+  }
 }
 @media screen and (min-width:768px) {
-  .ic6iil1:hover {
+  .ic6iil2 {
+    width: 164px;
+    height: 42px;
+    border-radius: 50px;
+  }
+  .ic6iil2:hover::before {
+    content: "";
+    background: conic-gradient(transparent 320deg, white, white);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    aspect-ratio: 1;
+    width: 100%;
+    animation: ic6iil0 1.7s linear infinite;
+  }
+  .ic6iil2:hover::after {
+    content: "";
+    border-radius: inherit;
+    background: var(--_1073cm813);
+    position: absolute;
+    inset: var(--offset);
+    height: calc(100% - 2 * var(--offset));
+    width: calc(100% - 2 * var(--offset));
+  }
+  .ic6iil3:hover {
     --angle: 270deg;
     border: 2px solid transparent;
-    background: linear-gradient(white, white) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
+    background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
+  }
+  .ic6iil8:hover {
+    animation: ic6iil7 2.5s infinite linear;
   }
 }

package/dist/assets/Chatbot/Bubble.css

@@ -46,28 +46,33 @@
   right: 16px;
   z-index: 9999;
   overflow: hidden;
-  border-radius: 100px;
+  background-color: var(--_1073cm813);
+  font: Inter, Lato;
+}
+._1hpv6vm1 ._7u9pv32 {
+  background-color: var(--_1073cm813);
 }
 ._7u9pv33 {
   align-items: center;
-  background-color: var(--_1073cm813);
+  background-color: transparent;
   cursor: pointer;
   display: flex;
-  height: 56px;
   gap: 4px;
   color: var(--_1073cm816);
   line-height: 97%;
   place-items: center;
   justify-content: center;
-  padding: 12px 32px;
   font-weight: 700;
   font-size: 14px;
   border: none;
 }
+._1hpv6vm1 ._7u9pv33 {
+  background-color: var(--_1073cm813);
+}
 ._7u9pv34 {
-  position: relative;
+  position: absolute;
   z-index: 1;
-  overflow: hidden;
+  inset: 0;
 }
 ._7u9pv36 {
   fill: var(--_1073cm816);
@@ -77,12 +82,22 @@
     border-radius: 16px;
     height: 56px;
     width: 56px;
+    border: none;
   }
   ._7u9pv33 {
     width: 56px;
+    height: 56px;
     padding: 0;
+    line-height: 0;
   }
   ._7u9pv35 {
     display: none;
   }
+}
+@media screen and (min-width:768px) {
+  ._7u9pv32 {
+    border-radius: 100px;
+    width: 164px;
+    height: 48px;
+  }
 }