@axos-web-dev/shared-components 1.0.7 → 1.0.9-9.dev.1

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -44,6 +44,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -57,6 +58,12 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -77,7 +84,11 @@ 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                                                      */
@@ -89,9 +100,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
@@ -107,11 +119,9 @@ import "react-slick";
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
+/* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                        */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/WalnutIframe/index.d.ts

@@ -0,0 +1,6 @@
+type WalnutProps = {
+    id?: string;
+    sourceUrl?: string;
+};
+declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react/jsx-runtime").JSX.Element;
+export default WalnutIframe;

package/dist/WalnutIframe/index.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import css from "./wrapper.module.js";
+const WalnutIframe = ({ id, sourceUrl }) => /* @__PURE__ */ jsx("div", { className: `${css.wrapper} overflow_hidden relative`, children: /* @__PURE__ */ jsx("div", { className: css.wrapper_control, children: /* @__PURE__ */ jsx(
+  "iframe",
+  {
+    id: `id-${id}`,
+    src: sourceUrl,
+    title: "Intereactive Demo",
+    style: { border: 0 },
+    allow: "fullscreen",
+    allowFullScreen: true,
+    loading: "eager",
+    name: "walnut_iframe",
+    sandbox: "allow-scripts allow-same-origin allow-popups allow-forms allow-downloads allow-popups-to-escape-sandbox",
+    width: "100%",
+    height: "100%"
+  }
+) }) });
+export {
+  WalnutIframe as default
+};

package/dist/WalnutIframe/wrapper.module.js

@@ -0,0 +1,14 @@
+import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
+const shimmer = "_shimmer_13j22_1";
+const wrapper_control = "_wrapper_control_13j22_39";
+const css = {
+  wrapper,
+  shimmer,
+  wrapper_control
+};
+export {
+  css as default,
+  shimmer,
+  wrapper,
+  wrapper_control
+};

package/dist/assets/Auth/ErrorAlert.css

@@ -0,0 +1,37 @@
+.a3pcaf0 {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.a3pcaf1 {
+  width: 90%;
+  max-width: 500px;
+  background-color: #fff;
+  padding: 24px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  text-align: center;
+}
+.a3pcaf2 {
+  width: 100%;
+  height: 1px;
+  background-color: #EBEBEB;
+  margin: 20px 0;
+}
+.a3pcaf3 {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  background: none;
+  border: none;
+  font-size: 24px;
+  cursor: pointer;
+  color: #EBEBEB;;
+}

package/dist/assets/Auth/SignIn.css

@@ -0,0 +1,86 @@
+@keyframes _1c7jj80 {
+  0% {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+._1c7jj81 {
+  animation: _1c7jj80 0.8s ease-out forwards;
+  animation-delay: 0.2s;
+  background: #1E3860;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+  color: var(--_1073cm8g);
+  gap: 16px;
+  isolation: isolate;
+  margin: 0 auto;
+  opacity: 0;
+  padding: 2.5rem;
+  width: min(685px, 100%);
+  will-change: opacity, transform;
+}
+._1c7jj82 {
+  background: var(--_1073cm8k);
+  color: var(--_1073cm8j);
+  border: 1px solid var(--_1073cm8k);
+  padding: 11px 24px;
+  border-radius: 8px;
+  font-size: 1rem;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background 0.3s ease;
+  width: min(189px, 100%);
+}
+._1c7jj82:hover {
+  background: transparent;
+  color: var(--_1073cm8k);
+  opacity: 0.9;
+}
+._1c7jj82:active {
+  background: var(--_1073cm8k);
+  color: var(--_1073cm8j);
+}
+._1c7jj82:focus {
+  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  outline: none;
+}
+._1c7jj82:focus-visible {
+  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  outline: none;
+}
+._1c7jj82:focus-within {
+  box-shadow: 0 0 0 2px var(--_1073cm8k);
+  outline: none;
+}
+._1c7jj82:disabled {
+  background: #C7C7C7;
+  border-color: transparent;
+  color: #FFF;
+  cursor: not-allowed;
+}
+._1c7jj83 {
+  color: hsl(216 25% 85% / 1);
+  text-align: center;
+  text-wrap: pretty;
+}
+._1c7jj84 {
+  display: flex;
+  gap: 12px;
+}
+._1c7jj85 {
+  width: min(434px, 100%);
+}
+._1c7jj85 ._18du0lar:focus-within {
+  color: var(--_1073cm8o);
+}
+._1c7jj85 ._18du0laf:focus-within {
+  border-color: var(--_1073cm8o);
+}
+@media (max-width: 603px) {
+  ._1c7jj81 {
+    padding-inline: 1.5rem;
+  }
+}

package/dist/assets/Button/Button.css

@@ -72,24 +72,28 @@
   padding: 12px 64px;
 }
 ._13pdpuj8 {
+  padding: 8px 48px;
+  font-size: 14px;
+}
+._13pdpuj9 {
   border: 2px solid transparent;
   color: #F4F4F4;
   background: transparent;
   cursor: not-allowed;
 }
-._13pdpuj9 {
+._13pdpuja {
   border-radius: 0;
 }
-._13pdpuja {
+._13pdpujb {
   border-radius: 4px;
 }
-._13pdpujb {
+._13pdpujc {
   border-radius: 8px;
 }
-._13pdpujc {
+._13pdpujd {
   border-radius: 16px;
 }
-._13pdpujd {
+._13pdpuje {
   width: 160px;
   min-height: 160px;
   white-space: break-spaces;
@@ -104,53 +108,53 @@
   align-items: center;
   gap: 8px;
 }
-._13pdpujd:hover {
+._13pdpuje:hover {
   background: #EBEBEB;
   color: #333D46;
 }
-._13pdpuje {
+._13pdpujf {
   color: #5E6A74;
   background: #d4d4d4;
   cursor: not-allowed;
 }
-._13pdpuje:hover {
+._13pdpujf:hover {
   cursor: not-allowed;
   background: #d4d4d4;
   text-decoration: none;
   color: #5E6A74;
   border-color: transparent;
 }
-._13pdpujf {
+._13pdpujg {
   background: #8F8F8F;
   color: #FFFFFF;
 }
-._13pdpujf:hover {
+._13pdpujg:hover {
   cursor: not-allowed;
   background: #8F8F8F;
   text-decoration: none;
   color: #FFFFFF;
   border-color: #8F8F8F;
 }
-._13pdpujg {
+._13pdpujh {
   background: #8F8F8F;
   color: #FFFFFF;
 }
-._13pdpujg:hover {
+._13pdpujh:hover {
   cursor: not-allowed;
   background: #8F8F8F;
   text-decoration: none;
   color: #FFFFFF;
   border-color: #8F8F8F;
 }
-._13pdpujh {
+._13pdpuji {
   height: 50px;
   padding: 12px 64px 12px 64px;
 }
-._13pdpuji {
+._13pdpujj {
   height: 40px;
   padding: 8px 48px 8px 48px;
 }
-._13pdpujj {
+._13pdpujk {
   height: 28px;
   padding: 4px 32px 4px 32px;
 }
@@ -165,8 +169,19 @@
     padding: 11px 1.5rem;
   }
 }
+@media screen and (max-width: 768px) {
+  ._13pdpuj8 {
+    padding: 8px 8px;
+  }
+}
+@media screen and (max-width: 450px) {
+  ._13pdpuj8 {
+    padding: 4px 4px;
+    font-size: 12px;
+  }
+}
 @media screen and (max-width:768px) {
-  ._13pdpujd {
+  ._13pdpuje {
     width: 120px;
     min-height: 120px;
   }

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

@@ -199,6 +199,11 @@
     margin-top: 16px;
     padding: 32px 16px 0;
   }
+  ._11b2y8zi {
+    font-size: 14px;
+    padding-bottom: 16px;
+    padding-inline: 16px;
+  }
 }
 @media screen and (max-width: 450px) {
   ._11b2y8z4 {

package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css

@@ -0,0 +1,197 @@
+.n9fzuw0 {
+  padding-inline: 120px;
+  padding-top: 48px;
+  padding-bottom: 48px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.n9fzuw1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+.n9fzuw2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.n9fzuw3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.n9fzuw4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.n9fzuw5 {
+  padding: 2.5rem 0;
+  display: flex;
+}
+.n9fzuw6 {
+  width: 100%;
+}
+.n9fzuw7 {
+  margin-bottom: 2.5rem;
+  max-width: 49.5rem;
+  text-align: center;
+  margin-inline: auto;
+}
+.n9fzuw8 {
+  margin-inline: auto;
+}
+.n9fzuw9 {
+  color: red;
+  font-size: larger;
+  list-style: none;
+}
+.n9fzuwa {
+  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+.n9fzuwb {
+  color: var(--_1073cm82);
+}
+.n9fzuwc {
+  color: var(--_1073cm89);
+}
+.n9fzuwd {
+  color: var(--_1073cm8g);
+}
+.n9fzuwe {
+  color: var(--_1073cm8n);
+}
+.n9fzuwf {
+  max-width: 792px;
+  margin: 0 auto;
+}
+.n9fzuwg {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: 15px;
+}
+.n9fzuwh {
+  display: flex;
+  flex-direction: row;
+}
+.n9fzuwg > div {
+  flex-grow: 1;
+  width: 100%;
+}
+.n9fzuwi {
+  margin-top: 1.5rem;
+  text-align: center;
+  margin-inline: auto;
+  margin-bottom: 1.5rem;
+}
+.n9fzuwg .input_label {
+  color: inherit;
+}
+.n9fzuwj {
+  position: relative;
+}
+.n9fzuwk {
+  position: absolute;
+  color: #323339;
+  font-size: 18px;
+  font-weight: 500!important;
+  margin-bottom: 0;
+}
+.n9fzuwl {
+  left: 21px;
+  top: 46px;
+}
+.n9fzuwm {
+  top: 47px;
+  right: 10px;
+}
+.n9fzuwn {
+  padding-left: 2rem;
+}
+.n9fzuwp {
+  width: 100%;
+}
+.n9fzuwq > p {
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 10px;
+  letter-spacing: .2px;
+}
+.n9fzuwr {
+  margin-bottom: 1rem;
+}
+._1073cm80 .n9fzuwt {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n9fzuwt {
+  color: var(--_1073cm83);
+}
+._1073cm80 .n9fzuwu {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n9fzuwu {
+  color: var(--_1073cm8a);
+}
+.n9fzuwv {
+  color: var(--_1073cm8h);
+}
+.n9fzuww {
+  color: var(--_1073cm8o);
+}
+.n9fzuwx {
+  margin-top: 0.5rem;
+}
+.n9fzuwy {
+  padding-inline-start: 0;
+}
+.n9fzuwz {
+  font-weight: 400;
+  color: #344a53;
+  margin-bottom: 8px;
+}
+.n9fzuw8 label:not(.n9fzuwz) {
+  font-weight: 700;
+  color: #28587d;
+}
+@media screen and (max-width:1023px) {
+  .n9fzuw0 {
+    padding-inline: 0;
+    padding: 0 3.5rem;
+  }
+  .n9fzuwq {
+    margin-top: 1rem;
+  }
+}
+@media screen and (max-width:768px) {
+  .n9fzuw0 {
+    padding: 0 2rem;
+  }
+}
+@media screen and (max-width:470px) {
+  .n9fzuw0 {
+    padding: 0 1.5rem;
+  }
+}
+@media screen and (max-width:1124px) {
+  .n9fzuw5 {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+}
+@media screen and (min-width:1125px) {
+  .n9fzuw6 {
+    margin-right: 2rem;
+  }
+}
+@media screen and (max-width:480px) {
+  .n9fzuwg {
+    flex-direction: column;
+  }
+}

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

@@ -104,6 +104,7 @@
 }
 ._11oamghj {
   margin-top: 16px;
+  padding-inline: 72px;
 }
 ._11oamghk {
   color: var(--_1073cm82);
@@ -127,6 +128,9 @@
   ._11oamgh1 {
     padding: 0px 24px;
   }
+  ._11oamghj {
+    padding-inline: 40px;
+  }
 }
 @media screen and (max-width:1023px) {
   ._11oamgh3 {
@@ -196,6 +200,10 @@
     margin-top: 16px;
     padding: 32px 16px 0;
   }
+  ._11oamghj {
+    font-size: 14px;
+    padding-inline: 16px;
+  }
 }
 @media screen and (max-width: 450px) {
   ._11oamgh4 {

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -9,6 +9,9 @@
 ._1tdyl740 .flex {
   align-items: center;
 }
+._1tdyl740 h2.header_3 {
+  margin-bottom: 16px;
+}
 ._1tdyl741 {
   height: 100%;
 }
@@ -42,6 +45,7 @@
   max-height: 200px;
 }
 ._1tdyl74a {
+  max-width: 782px;
   justify-content: space-between;
 }
 ._1tdyl74b {

package/dist/assets/Comparison/Comparison.css

@@ -91,6 +91,13 @@
   display: none;
 }
 ._198o0ltd {
+  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+}
+._198o0lte {
   display: flex;
   justify-content: center;
   width: 100%;
@@ -139,10 +146,10 @@
   }
 }
 @media screen and (max-width: 380px) {
-  ._198o0ltd {
+  ._198o0lte {
     flex-direction: column;
   }
-  ._198o0ltd:first-child {
+  ._198o0lte:first-child {
     margin-bottom: 1em;
   }
 }

package/dist/assets/Forms/HoneyPot/HoneyPot.css

@@ -0,0 +1,4 @@
+._1f7d89m0 {
+  position: absolute;
+  left: -9999px;
+}