@axos-web-dev/shared-components 0.0.191 → 0.0.193

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

@@ -1,40 +1,40 @@
-const header = "_header_mpaou_1";
-const wrapper = "_wrapper_mpaou_9";
-const header_main_row = "_header_main_row_mpaou_21";
-const mobile_header = "_mobile_header_mpaou_23";
-const primary_links = "_primary_links_mpaou_31";
-const main_nav_link = "_main_nav_link_mpaou_39";
-const sub_nav = "_sub_nav_mpaou_77";
-const sub_nav_link = "_sub_nav_link_mpaou_85";
-const signin_wrap = "_signin_wrap_mpaou_89";
-const signin_btn = "_signin_btn_mpaou_91";
-const header_sub_row = "_header_sub_row_mpaou_185";
-const signin_dropdown = "_signin_dropdown_mpaou_231";
-const shadow = "_shadow_mpaou_251";
-const signin_subheader = "_signin_subheader_mpaou_271";
-const opacity = "_opacity_mpaou_313";
-const fadeInDown = "_fadeInDown_mpaou_1";
-const open = "_open_mpaou_325";
-const reversed_row = "_reversed_row_mpaou_349";
-const hamburger = "_hamburger_mpaou_369";
-const mobile_only = "_mobile_only_mpaou_397";
-const mobile_logo = "_mobile_logo_mpaou_409";
-const highlight = "_highlight_mpaou_419";
-const mobile_nav = "_mobile_nav_mpaou_463";
-const mobile_opened = "_mobile_opened_mpaou_485";
-const mobile_nav_item = "_mobile_nav_item_mpaou_501";
-const has_dropdown = "_has_dropdown_mpaou_523";
-const icon_wrap = "_icon_wrap_mpaou_533";
-const mobile_footer = "_mobile_footer_mpaou_543";
-const mobile_footer_content = "_mobile_footer_content_mpaou_553";
-const footer_cta = "_footer_cta_mpaou_563";
-const inner_wrapper = "_inner_wrapper_mpaou_615";
-const btn = "_btn_mpaou_625";
-const sub_menu = "_sub_menu_mpaou_635";
-const main = "_main_mpaou_39";
-const skip_btn = "_skip_btn_mpaou_677";
-const desktop_only = "_desktop_only_mpaou_743";
-const logo_wrap = "_logo_wrap_mpaou_749";
+const header = "_header_1q2xq_1";
+const wrapper = "_wrapper_1q2xq_5";
+const header_main_row = "_header_main_row_1q2xq_11";
+const mobile_header = "_mobile_header_1q2xq_12";
+const primary_links = "_primary_links_1q2xq_16";
+const main_nav_link = "_main_nav_link_1q2xq_20";
+const sub_nav = "_sub_nav_1q2xq_39";
+const sub_nav_link = "_sub_nav_link_1q2xq_43";
+const signin_wrap = "_signin_wrap_1q2xq_45";
+const signin_btn = "_signin_btn_1q2xq_46";
+const header_sub_row = "_header_sub_row_1q2xq_93";
+const signin_dropdown = "_signin_dropdown_1q2xq_116";
+const shadow = "_shadow_1q2xq_126";
+const signin_subheader = "_signin_subheader_1q2xq_136";
+const opacity = "_opacity_1q2xq_157";
+const fadeInDown = "_fadeInDown_1q2xq_1";
+const open = "_open_1q2xq_163";
+const reversed_row = "_reversed_row_1q2xq_175";
+const hamburger = "_hamburger_1q2xq_185";
+const mobile_only = "_mobile_only_1q2xq_199";
+const mobile_logo = "_mobile_logo_1q2xq_205";
+const highlight = "_highlight_1q2xq_210";
+const mobile_nav = "_mobile_nav_1q2xq_232";
+const mobile_opened = "_mobile_opened_1q2xq_243";
+const mobile_nav_item = "_mobile_nav_item_1q2xq_251";
+const has_dropdown = "_has_dropdown_1q2xq_262";
+const icon_wrap = "_icon_wrap_1q2xq_267";
+const mobile_footer = "_mobile_footer_1q2xq_272";
+const mobile_footer_content = "_mobile_footer_content_1q2xq_277";
+const footer_cta = "_footer_cta_1q2xq_282";
+const inner_wrapper = "_inner_wrapper_1q2xq_308";
+const btn = "_btn_1q2xq_313";
+const sub_menu = "_sub_menu_1q2xq_318";
+const main = "_main_1q2xq_20";
+const skip_btn = "_skip_btn_1q2xq_339";
+const desktop_only = "_desktop_only_1q2xq_372";
+const logo_wrap = "_logo_wrap_1q2xq_375";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -53,6 +53,7 @@ import "../../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -84,10 +85,10 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                  */
 /* empty css                                    */
 import "../AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                       */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                       */
 /* empty css                                        */
 /* empty css                          */
 import "../../PageNavItem/PageNavItem.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -52,6 +52,7 @@ import "../../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                             */
@@ -88,10 +89,10 @@ import { NavItem } from "../NavItem/index.js";
 /* empty css                                                  */
 /* empty css                                    */
 import "../AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                       */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                       */
 /* empty css                                        */
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";

package/dist/SetContainer/SetContainer.js

@@ -55,6 +55,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -86,10 +87,10 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -53,6 +53,7 @@ import { Hyperlink } from "../Hyperlink/index.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -84,10 +85,10 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/SocialMediaBar/index.js

@@ -10,8 +10,10 @@ const SocialMediaBar = ({
 }) => {
   const [isLVF, setLVF] = useState(false);
   useEffect(() => {
-    const lvf = document.getElementById("lvf-page");
-    lvf ? setLVF(true) : null;
+    const lvfElement = document.getElementById("lvf-page");
+    if (lvfElement) {
+      setLVF(true);
+    }
   }, []);
   const iconsToRender = [];
   if (!isLVF) {

package/dist/VideoWrapper/index.js

@@ -54,6 +54,7 @@ import "../Hyperlink/Hyperlink.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -85,10 +86,10 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/navigation.js";
 import "next/image.js";
-/* empty css                                                      */
 import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                     */
 import "../NavigationMenu/LaVictoire/NavData.js";

package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css

@@ -0,0 +1,201 @@
+@keyframes move-forever {
+  0% {
+    transform: translate3d(-90px,0,0);
+  }
+  100% {
+    transform: translate3d(85px,0,0);
+  }
+}
+._1xynjwx0 {
+  position: relative;
+  isolation: isolate;
+  padding-block: 56px;
+}
+._1xynjwx1 {
+  background: var(--_1073cm81);
+}
+._1xynjwx2 {
+  background: var(--_1073cm88);
+}
+._1xynjwx3 {
+  background: var(--_1073cm8f);
+}
+._1xynjwx4 {
+  background: var(--_1073cm8m);
+}
+._1xynjwx5 {
+  flex: 1 1 0%;
+}
+._1xynjwx6 {
+  color: #28587d;
+  line-height: 1.25;
+}
+._1xynjwx7 {
+  margin-top: 1.5rem;
+}
+._1xynjwx8 {
+  color: var(--_1073cm82);
+}
+._1xynjwx9 {
+  color: var(--_1073cm89);
+}
+._1xynjwxa {
+  color: var(--_1073cm8g);
+}
+._1xynjwxb {
+  color: var(--_1073cm8n);
+}
+._1xynjwxc {
+  background-color: #1C3D57;
+  color: #fff;
+  padding: 12px;
+  text-align: center;
+  font: 600 20px / 1.25 var(--header-font-family);
+}
+._1xynjwxd {
+  background-color: #E7F5FA;
+  border-radius: 16px;
+  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px , rgba(0,0,0,0.1) 0px 6px 12px -4px , rgba(0,0,0,0.2) 0px -3px 0px inset;
+  overflow: hidden;
+  width: 400px;
+}
+._1xynjwxe {
+  padding: 28px 32px;
+}
+._1xynjwxf {
+  position: relative;
+}
+._1xynjwxf select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: #fff;
+}
+._1xynjwxf select:hover {
+  cursor: pointer;
+}
+._1xynjwxf label {
+  background-color: #1C3D57;
+  color: #fff;
+  display: grid;
+  place-items: center;
+  padding-inline: 18px;
+}
+._1xynjwxg {
+  border: none;
+  outline: none;
+  padding: .7rem;
+  width: 100%;
+}
+._1xynjwxf label[for='loanYears'] {
+  order: 2;
+}
+._1xynjwxf label[for='interestRate'] {
+  order: 2;
+  min-width: 77px;
+}
+._1xynjwxh {
+  bottom: -20px;
+  color: #8C1900;
+  font-size: 12px;
+  left: 15px;
+  position: absolute;
+}
+._1xynjwxi {
+  border-radius: 8px;
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+}
+._1xynjwxj {
+  background-color: #1F7A96;
+  border-radius: 8px;
+  box-shadow: rgba(31,122,150,0.3) 8px 8px 16px 0px;
+  color: #fff;
+  padding: 32px 28px;
+}
+._1xynjwxk {
+  font-size: 2.5rem;
+  font-weight: 700;
+}
+._1xynjwxl {
+  color: rgb(255 255 255 / 73%);
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: .4px;
+}
+._1xynjwxm {
+  bottom: 0;
+  height: 200px;
+  left: 0;
+  margin-bottom: -7px;
+  position: absolute;
+  width: 100%;
+  z-index: -1;
+}
+._1xynjwxn > use {
+  animation: move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;
+}
+._1xynjwxn > use:nth-child(1) {
+  animation-delay: -2s;
+  animation-duration: 7s;
+}
+._1xynjwxn > use:nth-child(2) {
+  animation-delay: -3s;
+  animation-duration: 10s;
+}
+._1xynjwxn > use:nth-child(3) {
+  animation-delay: -4s;
+  animation-duration: 13s;
+}
+._1xynjwxn > use:nth-child(4) {
+  animation-delay: -5s;
+  animation-duration: 20s;
+}
+.section_spacer:has(._1xynjwxn) {
+  margin-top: 0px;
+}
+@media screen and (max-width: 1023px) {
+  ._1xynjwx0 {
+    padding-block: 42px;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._1xynjwx0 {
+    padding-block: 2rem;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._1xynjwx5 {
+    text-align: center;
+  }
+  ._1xynjwxd {
+    width: min(400px, 100%);
+  }
+  ._1xynjwxg {
+    width: 100%;
+  }
+  ._1xynjwx0 .gap_24 {
+    flex-direction: column;
+  }
+}
+@media screen and (min-width:1024px) {
+  ._1xynjwx6 {
+    font-size: 48px;
+  }
+}
+@media screen and (max-width:470px) {
+  ._1xynjwxc {
+    font-size: 18px;
+  }
+  ._1xynjwxe {
+    padding: 24px 16px;
+  }
+  ._1xynjwxj {
+    margin-top: 16px;
+    padding: 18px 16px;
+  }
+  ._1xynjwxl {
+    font-size: 15px;
+  }
+}