@axos-web-dev/shared-components 1.0.77-patch.62 → 1.0.77-patch.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.js +3 -3
- package/dist/AlertBanner/index.js +1 -1
- package/dist/Article/Article.js +1 -1
- package/dist/Calculators/AnnualFeeCalculator/index.js +1 -1
- package/dist/Calculators/ApyCalculator/index.js +1 -1
- package/dist/Calculators/BuyDownCalculator/index.js +1 -1
- package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
- package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
- package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
- package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -1
- package/dist/Carousel/index.js +1 -1
- package/dist/ContentBanner/index.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBioSet.js +1 -1
- package/dist/FaqAccordion/index.js +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.js +1 -1
- package/dist/Forms/BoatMooringLocation.d.ts +25 -0
- package/dist/Forms/BoatMooringLocation.js +481 -0
- package/dist/Forms/ConstructionLendingDynamic.d.ts +12 -0
- package/dist/Forms/ConstructionLendingDynamic.js +327 -0
- package/dist/Forms/EmailUs.js +1 -1
- package/dist/Forms/Forms.css.d.ts +3 -0
- package/dist/Forms/Forms.css.js +39 -39
- package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
- package/dist/Forms/index.d.ts +2 -0
- package/dist/Forms/index.js +4 -0
- package/dist/HeroBanner/HeroBanner.js +2 -2
- package/dist/Hyperlink/index.js +3 -2
- package/dist/IconBillboard/IconBillboardSet.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.js +1 -1
- package/dist/Input/Checkbox.js +2 -2
- package/dist/Input/DownPaymentInput.js +1 -1
- package/dist/Input/Dropdown.js +1 -1
- package/dist/Input/Input.js +1 -1
- package/dist/Input/InputTextArea.js +1 -1
- package/dist/Insight/Featured/Featured.js +2 -2
- package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
- package/dist/Modal/contextApi/store.js +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +2 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +6 -0
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +18 -0
- package/dist/PageNavItem/PageNavItem.js +1 -1
- package/dist/SetContainer/SetContainer.js +1 -1
- package/dist/StepItem/StepItem.js +1 -1
- package/dist/StepItemSet/StepItemSet.js +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Topic/Topic.js +1 -1
- package/dist/assets/Forms/Forms.css +94 -91
- package/dist/main.js +4 -0
- package/dist/utils/appendQueryParams.js +36 -5
- package/dist/utils/validateExternalLinks.js +2 -4
- package/package.json +135 -135
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import React, { createContext,
|
|
4
|
+
import React, { createContext, useContext, useState } from "react";
|
|
5
5
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
6
6
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
7
7
|
import SvgChevronDown from "../icons/ChevronDown.js";
|
|
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
|
-
import {
|
|
15
|
+
import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
|
|
16
16
|
const AccordionCtx = createContext({
|
|
17
17
|
isOpen: false,
|
|
18
18
|
onclick: () => {
|
|
@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
import SvgLockIcon from "../icons/LockIcon/index.js";
|
|
12
12
|
import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
|
|
13
|
-
import { alertBanner_img_section, alertBanner_body, alertBanner_cta
|
|
13
|
+
import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
|
|
14
14
|
const AlertBanner = ({
|
|
15
15
|
alertType,
|
|
16
16
|
message,
|
package/dist/Article/Article.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { getVariant } from "../utils/getVariant.js";
|
|
3
3
|
import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
|
|
4
|
-
import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta
|
|
4
|
+
import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
|
|
5
5
|
import { Button } from "../Button/Button.js";
|
|
6
6
|
import "../Button/Button.css.js";
|
|
7
7
|
import "react";
|
|
@@ -8,7 +8,7 @@ import { getVariant } from "../../utils/getVariant.js";
|
|
|
8
8
|
import { useRef, useState, useEffect } from "react";
|
|
9
9
|
import clsx from "clsx";
|
|
10
10
|
import { calculator } from "../calculator.css.js";
|
|
11
|
-
import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block
|
|
11
|
+
import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
|
|
12
12
|
const AnnualFeeCalculator = ({
|
|
13
13
|
marketingTiles,
|
|
14
14
|
variant: fullVariant = "primary"
|
|
@@ -7,7 +7,7 @@ import "react-use";
|
|
|
7
7
|
import { Chevron } from "../../Chevron/index.js";
|
|
8
8
|
import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
|
|
9
9
|
import { getVariant } from "../../utils/getVariant.js";
|
|
10
|
-
import { apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent
|
|
10
|
+
import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
|
|
11
11
|
const ApyCalculator = ({
|
|
12
12
|
header,
|
|
13
13
|
body,
|
|
@@ -23,7 +23,7 @@ import { z } from "zod";
|
|
|
23
23
|
import { getVariant } from "../../utils/getVariant.js";
|
|
24
24
|
import clsx from "clsx";
|
|
25
25
|
import { useForm, FormProvider } from "react-hook-form";
|
|
26
|
-
import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure
|
|
26
|
+
import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
|
|
27
27
|
const BuyDownCalculator = ({
|
|
28
28
|
header,
|
|
29
29
|
body,
|
|
@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
|
|
|
4
4
|
import { button } from "../../Button/Button.css.js";
|
|
5
5
|
import { useEffect } from "react";
|
|
6
6
|
import "react-use";
|
|
7
|
-
import { field_row, errorTag, marketingTile, bodyContent, header_theme
|
|
7
|
+
import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
|
|
8
8
|
import { Chevron } from "../../Chevron/index.js";
|
|
9
9
|
import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
|
|
10
10
|
import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
|
|
@@ -8,7 +8,7 @@ import { useState } from "react";
|
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
10
10
|
import { calculator } from "../calculator.css.js";
|
|
11
|
-
import { calc_container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results
|
|
11
|
+
import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
12
12
|
const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
|
|
13
13
|
const fullVariant = getVariant(variant);
|
|
14
14
|
const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { button } from "../../Button/Button.css.js";
|
|
4
|
-
import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results
|
|
4
|
+
import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
5
5
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
6
6
|
import "../../utils/allowedAxosDomains.js";
|
|
7
7
|
import { getVariant } from "../../utils/getVariant.js";
|
|
@@ -8,7 +8,7 @@ import { useState } from "react";
|
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
10
10
|
import { calculator } from "../calculator.css.js";
|
|
11
|
-
import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results
|
|
11
|
+
import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
|
|
12
12
|
const MonthlyPaymentCalculator = ({
|
|
13
13
|
variant,
|
|
14
14
|
header,
|
|
@@ -5,7 +5,7 @@ import "../../utils/allowedAxosDomains.js";
|
|
|
5
5
|
import { getVariant } from "../../utils/getVariant.js";
|
|
6
6
|
import { useState } from "react";
|
|
7
7
|
import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
8
|
-
import { calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax
|
|
8
|
+
import { bg_vars, calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax } from "./MonthlyPaymentCalculator.css.js";
|
|
9
9
|
const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
|
|
10
10
|
const theme = getVariant(variant);
|
|
11
11
|
const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");
|
package/dist/Carousel/index.js
CHANGED
|
@@ -133,7 +133,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
133
133
|
/* empty css */
|
|
134
134
|
/* empty css */
|
|
135
135
|
/* empty css */
|
|
136
|
-
import { icon,
|
|
136
|
+
import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
|
|
137
137
|
import { useCarousel } from "./store.js";
|
|
138
138
|
const iconVarints = /* @__PURE__ */ new Map([
|
|
139
139
|
[
|
|
@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
7
7
|
import { Button } from "../Button/Button.js";
|
|
8
8
|
import "../Button/Button.css.js";
|
|
9
9
|
import "react-use";
|
|
10
|
-
import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link
|
|
10
|
+
import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
|
|
11
11
|
const ContentBanner = ({
|
|
12
12
|
variant,
|
|
13
13
|
icon,
|
|
@@ -4,7 +4,7 @@ import { useRef, useState, useEffect, createElement } from "react";
|
|
|
4
4
|
import { getVariant } from "../utils/getVariant.js";
|
|
5
5
|
import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
|
|
6
6
|
import { Overlay } from "./Overlay.js";
|
|
7
|
-
import { executive_bio, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row,
|
|
7
|
+
import { executive_bio, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
|
|
8
8
|
import "../Accordion/Accordion.js";
|
|
9
9
|
import "../Accordion/Accordion.css.js";
|
|
10
10
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { getVariant } from "../utils/getVariant.js";
|
|
3
3
|
import { ExecutiveBio } from "./ExecutiveBio.js";
|
|
4
|
-
import { bio_section_text, header_theme, components, details
|
|
4
|
+
import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
|
|
5
5
|
const ExecutiveBioSet = ({
|
|
6
6
|
id,
|
|
7
7
|
title,
|
|
@@ -135,7 +135,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
135
135
|
/* empty css */
|
|
136
136
|
import { getLevelNumber } from "../utils/faqAccordionOptions.js";
|
|
137
137
|
import { create } from "zustand";
|
|
138
|
-
import {
|
|
138
|
+
import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
|
|
139
139
|
const useAccordion = create()((set) => ({
|
|
140
140
|
itemsOpened: [],
|
|
141
141
|
addItem: (id) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
|
|
4
4
|
const FooterContent = (props) => {
|
|
5
5
|
return /* @__PURE__ */ jsx(
|
|
6
6
|
"div",
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FormProps } from './FormProps';
|
|
2
|
+
|
|
3
|
+
export type BoatMooringLocationInputs = {
|
|
4
|
+
email: string;
|
|
5
|
+
firstName: string;
|
|
6
|
+
lastName: string;
|
|
7
|
+
boatName: string;
|
|
8
|
+
marinaAddress: string;
|
|
9
|
+
marinaAddress2: string;
|
|
10
|
+
city: string;
|
|
11
|
+
state: string;
|
|
12
|
+
zip: string;
|
|
13
|
+
country: string;
|
|
14
|
+
seasonallyMove: "Yes" | "No";
|
|
15
|
+
charter: "Yes" | "No";
|
|
16
|
+
extraMarinaAddress: string;
|
|
17
|
+
extraMarinaAddress2: string;
|
|
18
|
+
extraCity: string;
|
|
19
|
+
extraState: string;
|
|
20
|
+
extraZip: string;
|
|
21
|
+
extraCountry: string;
|
|
22
|
+
charterType: "Limited Charter" | "Full-time Charter";
|
|
23
|
+
charterCompany: string;
|
|
24
|
+
};
|
|
25
|
+
export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|