@axos-web-dev/shared-components 0.0.82 → 0.0.84

package/dist/ImageLink/index.js

@@ -9,20 +9,19 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                */
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import "../Button/Button.css.js";
-import "react";
-import "../ApyCalculator/ApyCalculator.css.js";
-import "../Modal/contextApi/store.js";
-import "clsx";
-import "react-use";
-import "../IconBillboard/IconBillboard.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+import "next/image.js";
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Modal/contextApi/store.js";
+import "clsx";
+import "react";
+import "../Button/Button.css.js";
+import "react-use";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -37,9 +36,12 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+/* empty css                                                                                */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -64,7 +66,6 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */

package/dist/Modal/Modal.js

@@ -9,19 +9,18 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
 /* empty css                                                */
 import "../AlertBanner/AlertBanner.css.js";
-import "../Button/Button.css.js";
-import "react";
-import "../ApyCalculator/ApyCalculator.css.js";
-import { Button } from "../Button/Button.js";
-import "react-use";
-import "../IconBillboard/IconBillboard.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+import "next/image.js";
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -37,9 +36,12 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+/* empty css                                                                                */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -63,7 +65,6 @@ import "./contextApi/store.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -10,21 +10,20 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                   */
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import "../../Button/Button.css.js";
-import { useState, useEffect } from "react";
-import "../../ApyCalculator/ApyCalculator.css.js";
-import "../../Modal/contextApi/store.js";
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-import "clsx";
-import { useLocation } from "react-use";
-import "../../IconBillboard/IconBillboard.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                             */
+import Image from "next/image.js";
+import "../../IconBillboard/IconBillboard.css.js";
 /* empty css                                             */
-import "../../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
+import "../../Modal/contextApi/store.js";
+import "clsx";
+import { useState, useEffect } from "react";
+import "../../Button/Button.css.js";
+import { useLocation } from "react-use";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
@@ -39,9 +38,12 @@ import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
-import "../../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+/* empty css                                                                                   */
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */
@@ -65,7 +67,6 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
-import Image from "next/image.js";
 import Link from "next/link.js";
 /* empty css                          */
 import styles from "./NavBar.module.js";
@@ -84,6 +85,7 @@ import "next/script.js";
 import { sub_nav, dd_media } from "./SubNavbar.css.js";
 function SubNavBar() {
   const { pathname } = useLocation();
+  const location = useLocation();
   const [hoveredLink, setHoveredLink] = useState(void 0);
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
@@ -91,6 +93,7 @@ function SubNavBar() {
   const [showNavbar, setShowNavbar] = useState(false);
   const support = subNavItems.support;
   const about = subNavItems.about;
+  const isHomepage = location.pathname === "/";
   useEffect(() => {
     setShowNavbar(
       () => [
@@ -104,7 +107,7 @@ function SubNavBar() {
   }, [pathname]);
   return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: styles.header_sub_row, children: [
     /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
-      pathname?.includes("/personal") && /* @__PURE__ */ jsxs(Fragment, { children: [
+      (pathname?.includes("/personal") || isHomepage) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {

package/dist/NavigationMenu/AxosBank/index.js

@@ -51,7 +51,7 @@ function NavBar() {
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
       /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
         /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
-          Link,
+          "a",
           {
             href: "/",
             "aria-label": "return to axos advisor services homepage",

package/dist/SetContainer/SetContainer.js

@@ -16,15 +16,14 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import "../ApyCalculator/ApyCalculator.css.js";
-import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+import "next/image.js";
+import { header_section } from "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -39,9 +38,12 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+/* empty css                                                                                */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -64,7 +66,6 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */

package/dist/assets/Blockquote/Blockquote.css.css

@@ -0,0 +1,68 @@
+._quote_spacer_1yycp_1 {
+  line-height: 1.35;
+  margin-bottom: clamp(0.99rem, 0.7vw + 0.82rem, 1.38rem);
+  margin-inline: auto;
+  margin-top: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+}
+
+._author_1yycp_8,
+._quote_1yycp_1 {
+  color: #333d46;
+}
+
+._author_1yycp_8 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_1yycp_8 cite {
+  font-style: normal;
+}
+
+._quote_spacer_1yycp_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_1yycp_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_1yycp_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_1yycp_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_1yycp_8 {
+    margin-top: 14px;
+  }
+  ._quote_1yycp_1 p {
+    font-size: 18px;
+  }
+  ._author_1yycp_8 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_1yycp_8 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_1yycp_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_1yycp_1 p {
+    font-weight: 600;
+  }
+}

package/dist/assets/{AnnualFeeCalculator → Calculators/AnnualFeeCalculator}/AnnualFeeCalculator.css

@@ -1,36 +1,36 @@
-.tosm7c1 {
+._7zr6kt1 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
   border: 1px solid #D4D4D4;
 }
-.tosm7c2 {
+._7zr6kt2 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-.tosm7c3 {
+._7zr6kt3 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-.tosm7c4 {
+._7zr6kt4 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-.tosm7c5 {
+._7zr6kt5 {
   width: 50%;
-  padding: 4rem;
+  padding: 4rem 4rem 0;
 }
-.tosm7c6 {
+._7zr6kt6 {
   padding: 4rem 28px 4rem 28px;
 }
-.tosm7c7 {
+._7zr6kt7 {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.tosm7c9 {
+._7zr6kt9 {
   flex-basis: 50%;
 }
-.tosm7ca {
+._7zr6kta {
   color: #1e3860;
   font-family: var(--main-font-family);
   font-size: 34px;
@@ -38,14 +38,14 @@
   letter-spacing: .2px;
   line-height: 1.29;
 }
-.tosm7cb {
+._7zr6ktb {
   width: 100%;
 }
-.tosm7cc {
+._7zr6ktc {
   position: relative;
   padding-right: 1rem;
 }
-.tosm7cc::after {
+._7zr6ktc::after {
   content: "";
   position: absolute;
   background-color: #bdbdbd;
@@ -55,16 +55,16 @@
   top: 0;
   bottom: 0;
 }
-.tosm7cd {
+._7zr6ktd {
   border-bottom: 1px solid #bdbdbd;
   padding: 1.5rem 0;
 }
-.tosm7ce {
+._7zr6kte {
   margin: auto;
   min-width: 100%;
   padding: 77px 0 60px;
 }
-.tosm7cf {
+._7zr6ktf {
   width: 100%;
   -webkit-appearance: none;
   height: 12px;
@@ -75,7 +75,7 @@
   transition: opacity .2s, background .2s;
   border-radius: 1rem;
 }
-.tosm7cf::-webkit-slider-thumb {
+._7zr6ktf::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 2rem;
@@ -87,7 +87,7 @@
   -webkit-transition: all .35s ease;
   transition: all .35s ease;
 }
-.tosm7cf::-moz-range-thumb {
+._7zr6ktf::-moz-range-thumb {
   width: 2rem;
   height: 2rem;
   border: 1px solid #2670af;
@@ -97,29 +97,29 @@
   -moz-transition: all .35s ease;
   transition: all .35s ease;
 }
-.tosm7cf::-webkit-slider-thumb:hover {
+._7zr6ktf::-webkit-slider-thumb:hover {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }
-.tosm7cf::-moz-range-thumb:hover {
+._7zr6ktf::-moz-range-thumb:hover {
   transform: scale(1.2);
 }
 @media screen and (max-width:1023px) {
-  .tosm7c5 {
+  ._7zr6kt5 {
     width: 100%;
   }
-  .tosm7c8 {
+  ._7zr6kt8 {
     flex-direction: column;
   }
-  .tosm7cg {
+  ._7zr6ktg {
     padding-top: 0!important;
   }
-  .tosm7ch {
+  ._7zr6kth {
     padding-bottom: 0!important;
   }
 }
 @media screen and (max-width:600px) {
-  .tosm7c5 {
+  ._7zr6kt5 {
     padding: 2rem;
   }
 }

package/dist/assets/{ApyCalculator → Calculators/ApyCalculator}/ApyCalculator.css

@@ -1,51 +1,51 @@
-._74vxga1 {
+._1vox1xj1 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
 }
-._74vxga2 {
+._1vox1xj2 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-._74vxga3 {
+._1vox1xj3 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-._74vxga4 {
+._1vox1xj4 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-._74vxga5 {
+._1vox1xj5 {
   padding: 2.5rem 0;
 }
-._74vxga6 {
+._1vox1xj6 {
   width: 100%;
 }
-._74vxga7 {
+._1vox1xj7 {
   margin-bottom: 2.5rem;
   max-width: 49.5rem;
   text-align: center;
   margin-inline: auto;
 }
-._74vxga9 {
+._1vox1xj9 {
   color: red;
   font-size: larger;
   list-style: none;
 }
-._74vxgaa {
+._1vox1xja {
   max-width: 792px;
   margin: 0 auto;
 }
-._74vxgab {
+._1vox1xjb {
   margin-top: 1rem;
 }
-._74vxgab label {
+._1vox1xjb label {
   padding-left: 3px;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 5px;
   display: inline-block;
 }
-._74vxgab input, ._74vxgab select {
+._1vox1xjb input, ._1vox1xjb select {
   border-radius: 1rem;
   outline: 0;
   padding: 1rem 2rem;
@@ -53,101 +53,102 @@
   letter-spacing: .3px;
   color: #363636;
   -webkit-appearance: none;
+  height: 59px;
 }
-._74vxgab .input_label {
+._1vox1xjb .input_label {
   color: inherit;
 }
-._74vxgac {
+._1vox1xjc {
   position: relative;
 }
-._74vxgad {
+._1vox1xjd {
   position: absolute;
   color: #323339;
   font-size: 18px;
   font-weight: 500!important;
   margin-bottom: 0;
 }
-._74vxgae {
+._1vox1xje {
   left: 21px;
   top: 46px;
 }
-._74vxgaf {
+._1vox1xjf {
   top: 47px;
   right: 10px;
 }
-._74vxgag {
+._1vox1xjg {
   padding-left: 2rem;
 }
-._74vxgai {
+._1vox1xji {
   width: 100%;
 }
-._74vxgaj > p {
+._1vox1xjj > p {
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 10px;
   letter-spacing: .2px;
 }
-._74vxgak {
+._1vox1xjk {
   display: flex!important;
   flex-direction: column;
   align-items: center;
 }
-._74vxgal {
+._1vox1xjl {
   padding: 2rem;
   width: 100%;
 }
-._74vxgam {
+._1vox1xjm {
   margin-bottom: 1rem;
 }
-._1073cm80 ._74vxgao {
+._1073cm80 ._1vox1xjo {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 ._74vxgao {
+._1es6o1h0 ._1vox1xjo {
   color: var(--_1073cm83);
 }
-._1073cm80 ._74vxgap {
+._1073cm80 ._1vox1xjp {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8b);
   -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px #00000000;
 }
-._1es6o1h0 ._74vxgap {
+._1es6o1h0 ._1vox1xjp {
   color: var(--_1073cm8a);
 }
-._74vxgaq {
+._1vox1xjq {
   color: var(--_1073cm8h);
 }
-._74vxgar {
+._1vox1xjr {
   color: var(--_1073cm8o);
 }
-._74vxgas {
+._1vox1xjs {
   margin-top: 0.5rem;
 }
-._74vxgat {
+._1vox1xjt {
   padding-inline-start: 0;
 }
 @media screen and (max-width:1124px) {
-  ._74vxga5 {
+  ._1vox1xj5 {
     flex-wrap: wrap;
     justify-content: center;
   }
-  ._74vxgak {
+  ._1vox1xjk {
     margin-top: 2rem;
   }
 }
 @media screen and (min-width:1125px) {
-  ._74vxga6 {
+  ._1vox1xj6 {
     margin-right: 2rem;
   }
 }
 @media screen and (max-width:1023px) {
-  ._74vxgab input, ._74vxgab select {
+  ._1vox1xjb input, ._1vox1xjb select {
     font-size: 1rem;
   }
-  ._74vxgaj {
+  ._1vox1xjj {
     margin-top: 1rem;
   }
 }