@axos-web-dev/shared-components 2.0.0-dev.18-apy → 2.0.0-dev.18-apy.2

package/dist/NavigationMenu/AxosBank/NavBar.module.js

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css';const header = "_header_ak0c_1";
-const wrapper = "_wrapper_ak0c_5";
-const header_main_row = "_header_main_row_ak0c_11";
-const logo_wrap = "_logo_wrap_ak0c_17";
-const primary_links = "_primary_links_ak0c_21";
-const main_nav_link = "_main_nav_link_ak0c_25";
-const sub_nav_link = "_sub_nav_link_ak0c_57";
-const signin_wrap = "_signin_wrap_ak0c_59";
-const signin_btn = "_signin_btn_ak0c_60";
-const header_sub_row = "_header_sub_row_ak0c_98";
-const signin_dropdown = "_signin_dropdown_ak0c_131";
-const shadow = "_shadow_ak0c_141";
-const signin_header = "_signin_header_ak0c_151";
-const signin_subheader = "_signin_subheader_ak0c_158";
-const opacity = "_opacity_ak0c_179";
-const fadeInDown = "_fadeInDown_ak0c_1";
-const signin_footer = "_signin_footer_ak0c_185";
-const open = "_open_ak0c_206";
-const dd_wrapper = "_dd_wrapper_ak0c_218";
-const dd_media = "_dd_media_ak0c_227";
-const dd_media_img = "_dd_media_img_ak0c_232";
-const dd_site_navs = "_dd_site_navs_ak0c_236";
-const dd_media_header = "_dd_media_header_ak0c_243";
-const mt_8 = "_mt_8_ak0c_254";
-const mt_16 = "_mt_16_ak0c_258";
-const ml_8 = "_ml_8_ak0c_262";
-const reversed_row = "_reversed_row_ak0c_266";
-const headline = "_headline_ak0c_270";
-const nav_anchor = "_nav_anchor_ak0c_278";
-const headline_cta = "_headline_cta_ak0c_286";
-const site_lists = "_site_lists_ak0c_302";
-const modify_fit = "_modify_fit_ak0c_322";
-const mobile_only = "_mobile_only_ak0c_347";
-const mobile_logo = "_mobile_logo_ak0c_353";
-const highlight = "_highlight_ak0c_360";
-const mobile_opened = "_mobile_opened_ak0c_366";
-const dd_footer = "_dd_footer_ak0c_374";
-const skip_btn = "_skip_btn_ak0c_382";
-const desktop_only = "_desktop_only_ak0c_418";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css';const header = "_header_4c252_1";
+const wrapper = "_wrapper_4c252_5";
+const header_main_row = "_header_main_row_4c252_11";
+const logo_wrap = "_logo_wrap_4c252_17";
+const primary_links = "_primary_links_4c252_21";
+const main_nav_link = "_main_nav_link_4c252_25";
+const sub_nav_link = "_sub_nav_link_4c252_57";
+const signin_wrap = "_signin_wrap_4c252_59";
+const signin_btn = "_signin_btn_4c252_60";
+const header_sub_row = "_header_sub_row_4c252_98";
+const signin_dropdown = "_signin_dropdown_4c252_131";
+const shadow = "_shadow_4c252_141";
+const signin_header = "_signin_header_4c252_151";
+const signin_subheader = "_signin_subheader_4c252_158";
+const opacity = "_opacity_4c252_179";
+const fadeInDown = "_fadeInDown_4c252_1";
+const signin_footer = "_signin_footer_4c252_185";
+const open = "_open_4c252_206";
+const dd_wrapper = "_dd_wrapper_4c252_218";
+const dd_media = "_dd_media_4c252_227";
+const dd_media_img = "_dd_media_img_4c252_232";
+const dd_site_navs = "_dd_site_navs_4c252_236";
+const dd_media_header = "_dd_media_header_4c252_243";
+const mt_8 = "_mt_8_4c252_254";
+const mt_16 = "_mt_16_4c252_258";
+const ml_8 = "_ml_8_4c252_262";
+const reversed_row = "_reversed_row_4c252_266";
+const headline = "_headline_4c252_270";
+const nav_anchor = "_nav_anchor_4c252_278";
+const headline_cta = "_headline_cta_4c252_286";
+const site_lists = "_site_lists_4c252_302";
+const modify_fit = "_modify_fit_4c252_322";
+const mobile_only = "_mobile_only_4c252_347";
+const mobile_logo = "_mobile_logo_4c252_353";
+const highlight = "_highlight_4c252_360";
+const mobile_opened = "_mobile_opened_4c252_366";
+const dd_footer = "_dd_footer_4c252_374";
+const skip_btn = "_skip_btn_4c252_382";
+const desktop_only = "_desktop_only_4c252_418";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -27,6 +27,7 @@ import "react-use";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import Image from "next/image.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../../Chatbot/Chatbot.js";
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import Image from "next/image.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/AxosBank/index.js

@@ -24,6 +24,7 @@ import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
+import "next/image.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../../Chatbot/Chatbot.js";
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -24,6 +24,7 @@ import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
+import "next/image.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../../Chatbot/Chatbot.js";
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/Navbar.js

@@ -27,6 +27,7 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -79,7 +80,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/SignInNavButton.js

@@ -24,6 +24,7 @@ import { appendQueryParams } from "../utils/appendQueryParams.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -80,7 +81,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/SetContainer/SetContainer.js

@@ -24,6 +24,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -100,7 +101,6 @@ import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
-import "next/image.js";
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */

package/dist/SocialMediaBar/iconsRepository.js

@@ -25,6 +25,7 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -77,7 +78,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/VideoTile/VideoTile.js

@@ -33,6 +33,7 @@ import "../Button/Button.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -85,7 +86,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/VideoWrapper/index.js

@@ -26,6 +26,7 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -78,7 +79,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

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

@@ -1,4 +1,4 @@
-@keyframes _1vox1xj11 {
+@keyframes _1vox1xj10 {
   0% {
     opacity: 1;
   }
@@ -47,10 +47,10 @@
   list-style: none;
 }
 ._1vox1xja {
-  border-radius: 1rem;
   background-color: var(--_1073cm81);
-  padding: 2rem;
   border: 1px solid #c9e6f7;
+  border-radius: 1rem;
+  padding: 2rem;
 }
 ._1vox1xjb {
   margin-top: 1.3rem;
@@ -68,11 +68,11 @@
   border: 1px solid #c9e6f7;
   border-radius: 12px;
   color: #363636;
+  font-family: var(--header-font-family);
   font-size: 18px;
   letter-spacing: .3px;
   outline: 0;
   padding: 14px 16px;
-  font-family: var(--header-font-family);
 }
 ._1vox1xjd:focus {
   border-color: #1e629a;
@@ -93,138 +93,132 @@
 }
 ._1vox1xjf {
   color: var(--_1073cm8t);
+  display: block;
   font-size: 13px;
   font-weight: 500;
   margin-top: 5px;
   padding-left: 16px;
-  display: block;
 }
 ._1vox1xjg {
   position: relative;
 }
 ._1vox1xjh {
-  position: absolute;
   color: #363636;
   font-size: 16px;
   pointer-events: none;
+  position: absolute;
   user-select: none;
 }
 ._1vox1xji {
   top: 47px;
   right: 18px;
 }
-._1vox1xjj {
-  padding-left: 29px;
-}
-._1vox1xjl {
+._1vox1xjk {
   width: 100%;
 }
-._1vox1xjm > p {
+._1vox1xjl > p {
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 10px;
   letter-spacing: .2px;
 }
-._1vox1xjn {
-  display: flex!important;
+._1vox1xjm {
+  display: flex !important;
   flex-direction: column;
   align-items: center;
 }
 ._1vox1xjo {
-  font-weight: bold;
-}
-._1vox1xjp {
   color: var(--_1073cm85);
 }
-._1vox1xjq {
+._1vox1xjp {
   color: var(--_1073cm8c);
 }
-._1vox1xjr {
+._1vox1xjq {
   color: var(--_1073cm8j);
 }
-._1vox1xjs {
+._1vox1xjr {
   color: var(--_1073cm8q);
 }
-._1vox1xjt {
+._1vox1xjs {
   margin-top: 0.5rem;
 }
-._1vox1xju {
+._1vox1xjt {
   padding-inline-start: 0;
 }
-._1vox1xjv {
+._1vox1xju {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  width: 100%;
   background: #ffffff;
   cursor: pointer;
+  justify-content: space-between;
   text-align: left;
+  width: 100%;
 }
-._1vox1xjw {
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
+._1vox1xjv {
   color: #6b7280;
+  flex-shrink: 0;
+  height: 20px;
   transition: transform 200ms ease;
+  width: 20px;
 }
-[data-open] ._1vox1xjw {
+[data-open] ._1vox1xjv {
   transform: rotate(180deg);
 }
-._1vox1xjx {
+._1vox1xjw {
   background: #ffffff;
   border: 1px solid #c9e6f7;
   border-radius: 12px;
   box-shadow: 0 8px 24px rgba(0,0,0,0.12);
-  min-width: var(--button-width);
-  z-index: 50;
   margin-block: 4px;
+  min-width: var(--button-width);
   outline: none;
   padding: 12px;
+  z-index: 50;
 }
-._1vox1xjy {
+._1vox1xjx {
+  border: 1px solid transparent;
+  border-radius: 8px;
   color: #363636;
   cursor: pointer;
   font-family: var(--header-font-family);
-  font-size: 16px;
   padding: 8px 16px;
-  border: 1px solid transparent;
-  border-radius: 8px;
 }
-._1vox1xjy[data-selected], ._1vox1xjy[data-focus] {
+._1vox1xjx[data-selected], ._1vox1xjx[data-focus] {
   background: #e9f8ff;
   border-color: #c9e6f7;
   color: #1e3860;
 }
-._1vox1xjy[data-selected] {
+._1vox1xjx[data-selected] {
   font-weight: 700;
 }
-._1vox1xjz {
+._1vox1xjy {
   width: 100%;
   max-width: 320px;
 }
-._1vox1xj10 {
+._1vox1xjz {
+  color: #6b7280;
   font-size: 13px;
   font-weight: 400;
-  color: #6b7280;
-  margin-left: 6px;
   letter-spacing: .2px;
+  margin-left: 6px;
 }
-._1vox1xj12 {
-  animation: _1vox1xj11 120ms linear infinite;
+._1vox1xj11 {
+  animation: _1vox1xj10 120ms linear infinite;
   filter: blur(0.3px);
   opacity: 0.85;
 }
-._1vox1xj13 {
-  width: 100%;
-  min-width: 1px;
-  border-radius: 1rem;
-  border: 1px solid #c9e6f7;
+._1vox1xj12 {
   background: #ffffff;
+  border: 1px solid #c9e6f7;
+  border-radius: 1rem;
   padding: 24px;
+  width: 100%;
+  min-width: 1px;
 }
-._1vox1xj14 {
+._1vox1xj13 {
   background: url('https://www.axos.com/images/7FwQ1qLxA0zA7tLWlsqJNr/current.svg') #1e3860 left / cover;
   border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
   color: #ffffff;
   display: flex;
   align-items: center;
@@ -233,59 +227,54 @@
   margin-bottom: 12px;
   padding: 1rem;
   text-align: center;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
 }
-._1vox1xj15 {
+._1vox1xj14 {
+  font-family: var(--header-font-family);
   font-size: 16px;
   font-weight: 600;
   letter-spacing: .5px;
   margin-top: 3px;
-  font-family: var(--header-font-family);
 }
-._1vox1xj16 {
-  font-size: 2.5rem;
-  font-weight: 700;
-  letter-spacing: -1px;
-  line-height: 1.1;
-  transition: color 200ms ease;
+._1vox1xj15 {
+  font: 700 40px / 1.1 var(--header-font-family);
   font-variant-numeric: tabular-nums;
-  font-family: var(--header-font-family);
+  letter-spacing: -1px;
   margin-top: 16px;
+  transition: color 200ms ease;
 }
-._1vox1xj17 {
+._1vox1xj16 {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
   padding: 11px 0;
 }
-._1vox1xj17 + ._1vox1xj17 {
+._1vox1xj16 + ._1vox1xj16 {
   border-top: 1px solid #F3F4F6;
 }
-._1vox1xj18 {
+._1vox1xj17 {
+  color: #6b7280;
   font-size: 15px;
   font-weight: 500;
-  color: #6b7280;
 }
-._1vox1xj19 {
-  font-size: 16px;
-  font-weight: 700;
+._1vox1xj18 {
   color: var(--_1073cm85);
   font-variant-numeric: tabular-nums;
+  font-weight: 700;
 }
-._1vox1xj1a {
+._1vox1xj19 {
   padding: 2rem;
   width: 100%;
 }
-._1vox1xj1b {
+._1vox1xj1a {
   margin-bottom: 1rem;
 }
-@media screen and (max-width:768px) {
+@media screen and (max-width:770px) {
   ._1vox1xj5 {
     flex-wrap: wrap;
-    justify-content: center;
+    justify-content: center !important;
   }
-  ._1vox1xj7 {
-    margin-bottom: 1.5rem;
+  ._1vox1xjy {
+    max-width: none;
   }
 }
 @media screen and (min-width:1024px) {
@@ -293,6 +282,11 @@
     width: min(900px, calc(100% - 4rem));
   }
 }
+@media screen and (max-width:768px) {
+  ._1vox1xj7 {
+    margin-bottom: 1.5rem;
+  }
+}
 @media screen and (max-width:603px) {
   ._1vox1xja {
     padding: 1rem;
@@ -308,12 +302,12 @@
   ._1vox1xjd {
     font-size: 1rem;
   }
-  ._1vox1xjm {
+  ._1vox1xjl {
     margin-top: 1rem;
   }
 }
 @media screen and (max-width:1124px) {
-  ._1vox1xjn {
+  ._1vox1xjm {
     margin-top: 2rem;
   }
 }

package/dist/assets/Chatbot/AnimatedGradientBorder.css

@@ -28,6 +28,33 @@
     --angle: 360deg;
   }
 }
+@keyframes ic6iil4 {
+  0% {
+    box-shadow: px -4px 12px -6px var(--_1073cm813);
+  }
+  50% {
+    box-shadow: 0px -14px 40px -10px var(--_1073cm813);
+  }
+  100% {
+    box-shadow: 0px -4px 12px -6px var(--_1073cm813);
+  }
+}
+@keyframes ic6iil6 {
+  from {
+    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+  }
+  to {
+    box-shadow: 0 0 16px 4px var(--_1073cm813);
+  }
+}
+@keyframes ic6iil7 {
+  from {
+    box-shadow: 0 0 16px 4px var(--_1073cm813);
+  }
+  to {
+    box-shadow: 0 0 rgba(0, 0, 0, 0);
+  }
+}
 .ic6iil2 {
   --offset: 3px;
   background: var(--_1073cm813);
@@ -42,18 +69,18 @@
   background: var(--_1073cm815);
   animation: ic6iil1 2s ease-in-out infinite;
 }
-.ic6iil4 {
+.ic6iil5 {
   --angle: 90deg;
-  border: 2px solid var(--_1073cm819);
-  animation: ic6iil1 3s ease-in-out infinite;
+  border: 1px solid var(--_1073cm81c);
   border-radius: 12px;
   background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
 }
-.ic6iil4: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;
+  animation: ic6iil4 2s ease-in-out infinite;
+}
+.ic6iil8 {
+  animation: ic6iil7 0.4s ease forwards;
 }
 @media screen and (max-width:768px) {
   .ic6iil2 {
@@ -91,4 +118,8 @@
     border: 2px solid transparent;
     background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
   }
+  .ic6iil8:hover {
+    box-shadow: 0 0 16px 4px var(--_1073cm813);
+    animation: ic6iil6 0.4s ease forwards;
+  }
 }