@axos-web-dev/shared-components 2.0.0-dev.17-nav-3 → 2.0.0-dev.18-apy

package/dist/VideoWrapper/index.js

@@ -1,27 +1,130 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import "react";
-import { getVariant } from "../utils/getVariant.js";
-import { header_section } from "../IconBillboard/IconBillboard.css.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import "react";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import { header_section } from "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                          */
-import "../Chevron/Chevron.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
-import "../Interstitial/Interstitial-variants.css.js";
 import "../Button/Button.css.js";
 import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
+import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                      */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                    */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                   */
+/* empty css                                    */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
+/* empty css                                       */
+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";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                        */
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+/* empty css                                                   */
+/* empty css                                                      */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                     */
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/WalnutIframe/wrapper.module.js

@@ -1,4 +1,4 @@
-const wrapper = "_wrapper_f1tr5_10";
+import '../assets/WalnutIframe/wrapper.css';const wrapper = "_wrapper_f1tr5_10";
 const shimmer = "_shimmer_f1tr5_1";
 const wrapper_control = "_wrapper_control_f1tr5_39";
 const css = {

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

@@ -1,3 +1,20 @@
+@keyframes _1vox1xj11 {
+  0% {
+    opacity: 1;
+  }
+  25% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 ._1vox1xj1 {
   background: var(--_1073cm81);
   color: var(--_1073cm83);
@@ -22,9 +39,7 @@
 }
 ._1vox1xj7 {
   margin-bottom: 2.5rem;
-  max-width: 49.5rem;
   text-align: center;
-  margin-inline: auto;
 }
 ._1vox1xj9 {
   color: red;
@@ -32,114 +47,273 @@
   list-style: none;
 }
 ._1vox1xja {
-  max-width: 792px;
-  margin: 0 auto;
+  border-radius: 1rem;
+  background-color: var(--_1073cm81);
+  padding: 2rem;
+  border: 1px solid #c9e6f7;
 }
 ._1vox1xjb {
-  margin-top: 1rem;
+  margin-top: 1.3rem;
 }
-._1vox1xjb label {
-  padding-left: 3px;
+._1vox1xjc {
+  color: var(--_1073cm85);
+  font-family: var(--header-font-family);
   font-size: 18px;
   font-weight: 700;
-  margin-bottom: 5px;
-  display: inline-block;
+  margin-bottom: 4px;
+  padding-left: 16px;
 }
-._1vox1xjb input, ._1vox1xjb select {
-  border-radius: 1rem;
-  outline: 0;
-  padding: 1rem 2rem;
+._1vox1xjd {
+  -webkit-appearance: none;
+  border: 1px solid #c9e6f7;
+  border-radius: 12px;
+  color: #363636;
   font-size: 18px;
   letter-spacing: .3px;
-  color: #363636;
-  -webkit-appearance: none;
-  height: 59px;
-}
-._1vox1xjb .input_label {
-  color: inherit;
+  outline: 0;
+  padding: 14px 16px;
+  font-family: var(--header-font-family);
 }
-._1vox1xjc {
-  position: relative;
+._1vox1xjd:focus {
+  border-color: #1e629a;
+  box-shadow: rgb(30, 56, 96) 0px 0px 0px 1px;
+  background-color: #e9f8ff;
 }
-._1vox1xjd {
-  position: absolute;
-  color: #323339;
-  font-size: 18px;
-  font-weight: 500!important;
-  margin-bottom: 0;
+._1vox1xjd::-webkit-inner-spin-button, ._1vox1xjd::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
 ._1vox1xje {
-  left: 21px;
-  top: 46px;
+  border-color: var(--_1073cm8t) !important;
+}
+._1vox1xje:focus {
+  border-color: var(--_1073cm8t) !important;
+  box-shadow: var(--_1073cm8t) 0px 0px 0px 1px;
+  background-color: #fff5f5;
 }
 ._1vox1xjf {
-  top: 47px;
-  right: 10px;
+  color: var(--_1073cm8t);
+  font-size: 13px;
+  font-weight: 500;
+  margin-top: 5px;
+  padding-left: 16px;
+  display: block;
 }
 ._1vox1xjg {
-  padding-left: 2rem;
+  position: relative;
+}
+._1vox1xjh {
+  position: absolute;
+  color: #363636;
+  font-size: 16px;
+  pointer-events: none;
+  user-select: none;
 }
 ._1vox1xji {
+  top: 47px;
+  right: 18px;
+}
+._1vox1xjj {
+  padding-left: 29px;
+}
+._1vox1xjl {
   width: 100%;
 }
-._1vox1xjj > p {
+._1vox1xjm > p {
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 10px;
   letter-spacing: .2px;
 }
-._1vox1xjk {
+._1vox1xjn {
   display: flex!important;
   flex-direction: column;
   align-items: center;
 }
-._1vox1xjl {
-  padding: 2rem;
-  width: 100%;
-}
-._1vox1xjm {
-  margin-bottom: 1rem;
-}
-._1vox1xjn {
+._1vox1xjo {
   font-weight: bold;
 }
-._1vox1xjo {
+._1vox1xjp {
   color: var(--_1073cm85);
 }
-._1vox1xjp {
+._1vox1xjq {
   color: var(--_1073cm8c);
 }
-._1vox1xjq {
+._1vox1xjr {
   color: var(--_1073cm8j);
 }
-._1vox1xjr {
+._1vox1xjs {
   color: var(--_1073cm8q);
 }
-._1vox1xjs {
+._1vox1xjt {
   margin-top: 0.5rem;
 }
-._1vox1xjt {
+._1vox1xju {
   padding-inline-start: 0;
 }
-@media screen and (max-width:1124px) {
+._1vox1xjv {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  background: #ffffff;
+  cursor: pointer;
+  text-align: left;
+}
+._1vox1xjw {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  color: #6b7280;
+  transition: transform 200ms ease;
+}
+[data-open] ._1vox1xjw {
+  transform: rotate(180deg);
+}
+._1vox1xjx {
+  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;
+  outline: none;
+  padding: 12px;
+}
+._1vox1xjy {
+  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] {
+  background: #e9f8ff;
+  border-color: #c9e6f7;
+  color: #1e3860;
+}
+._1vox1xjy[data-selected] {
+  font-weight: 700;
+}
+._1vox1xjz {
+  width: 100%;
+  max-width: 320px;
+}
+._1vox1xj10 {
+  font-size: 13px;
+  font-weight: 400;
+  color: #6b7280;
+  margin-left: 6px;
+  letter-spacing: .2px;
+}
+._1vox1xj12 {
+  animation: _1vox1xj11 120ms linear infinite;
+  filter: blur(0.3px);
+  opacity: 0.85;
+}
+._1vox1xj13 {
+  width: 100%;
+  min-width: 1px;
+  border-radius: 1rem;
+  border: 1px solid #c9e6f7;
+  background: #ffffff;
+  padding: 24px;
+}
+._1vox1xj14 {
+  background: url('https://www.axos.com/images/7FwQ1qLxA0zA7tLWlsqJNr/current.svg') #1e3860 left / cover;
+  border-radius: 8px;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 12px;
+  padding: 1rem;
+  text-align: center;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
+}
+._1vox1xj15 {
+  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;
+  font-variant-numeric: tabular-nums;
+  font-family: var(--header-font-family);
+  margin-top: 16px;
+}
+._1vox1xj17 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 11px 0;
+}
+._1vox1xj17 + ._1vox1xj17 {
+  border-top: 1px solid #F3F4F6;
+}
+._1vox1xj18 {
+  font-size: 15px;
+  font-weight: 500;
+  color: #6b7280;
+}
+._1vox1xj19 {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--_1073cm85);
+  font-variant-numeric: tabular-nums;
+}
+._1vox1xj1a {
+  padding: 2rem;
+  width: 100%;
+}
+._1vox1xj1b {
+  margin-bottom: 1rem;
+}
+@media screen and (max-width:768px) {
   ._1vox1xj5 {
     flex-wrap: wrap;
     justify-content: center;
   }
-  ._1vox1xjk {
-    margin-top: 2rem;
+  ._1vox1xj7 {
+    margin-bottom: 1.5rem;
   }
 }
-@media screen and (min-width:1125px) {
-  ._1vox1xj6 {
-    margin-right: 2rem;
+@media screen and (min-width:1024px) {
+  ._1vox1xj5 ._1vox1xj5 {
+    width: min(900px, calc(100% - 4rem));
+  }
+}
+@media screen and (max-width:603px) {
+  ._1vox1xja {
+    padding: 1rem;
+  }
+  ._1vox1xjc {
+    font-size: 1rem;
+  }
+  ._1vox1xji {
+    top: 43px;
   }
 }
 @media screen and (max-width:1023px) {
-  ._1vox1xjb input, ._1vox1xjb select {
+  ._1vox1xjd {
     font-size: 1rem;
   }
-  ._1vox1xjj {
+  ._1vox1xjm {
     margin-top: 1rem;
   }
+}
+@media screen and (max-width:1124px) {
+  ._1vox1xjn {
+    margin-top: 2rem;
+  }
 }