@axos-web-dev/shared-components 2.0.0-dev.2 → 2.0.0-dev.2-bwaTest

package/dist/Accordion/Accordion.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import React, { createContext, useState, useContext } from "react";
+import React, { createContext, useContext, useState } from "react";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { bodyAccordion, hide, paragraph, accordion, headerContent, icon, headerAccordion } from "./Accordion.css.js";
+import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/AlertBanner/index.js

@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import SvgLockIcon from "../icons/LockIcon/index.js";
 import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
-import { alertBanner_img_section, alertBanner_body, alertBanner_cta, alertBanner } from "./AlertBanner.css.js";
+import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
 const AlertBanner = ({
   alertType,
   message,

package/dist/Article/Article.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
-import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta, ant_article } from "./Article.css.js";
+import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";

package/dist/Calculators/AnnualFeeCalculator/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../../utils/getVariant.js";
 import { useRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import { calculator } from "../calculator.css.js";
-import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block, container } from "./AnnualFeeCalculator.css.js";
+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";
 const AnnualFeeCalculator = ({
   marketingTiles,
   variant: fullVariant = "primary"

package/dist/Calculators/ApyCalculator/index.js

@@ -8,7 +8,7 @@ import { Chevron } from "../../Chevron/index.js";
 import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import { getVariant } from "../../utils/getVariant.js";
-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, container } from "./ApyCalculator.css.js";
+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";
 const ApyCalculator = ({
   header,
   body,

package/dist/Calculators/BuyDownCalculator/index.js

@@ -22,7 +22,7 @@ import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure, calc_container } from "./BuyDownCalculator.css.js";
+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";
 const BuyDownCalculator = ({
   header,
   body,

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
 import { button } from "../../Button/Button.css.js";
 import { useEffect } from "react";
 import "react-use";
-import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
+import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
 import { Chevron } from "../../Chevron/index.js";
 import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { getVariant } from "../../utils/getVariant.js";

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+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";
 const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
-import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "./MonthlyPaymentCalculator.css.js";
+import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentCalculator = ({
   variant,
   header,

package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js

@@ -4,7 +4,7 @@ import { button } from "../../Button/Button.css.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-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, bg_vars } from "./MonthlyPaymentCalculator.css.js";
+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";
 const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
   const theme = getVariant(variant);
   const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");

package/dist/Carousel/index.js

@@ -128,7 +128,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
+import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

package/dist/ContentBanner/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
+import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
   icon,

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -4,7 +4,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Chevron } from "../Chevron/index.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { Overlay } from "./Overlay.js";
-import { executive_bio, compact, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, 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, ceoSection } from "./ExecutiveBio.css.js";
+import { executive_bio, compact, 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";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { bio_section_text, header_theme, components, details, section_theme } from "./ExecutiveBio.css.js";
+import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
 import "react";
 import { columnValues } from "../utils/variant.types.js";
 import { getNumOfColumns } from "../utils/getNumber.js";

package/dist/FaqAccordion/index.js

@@ -130,7 +130,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { content, summary, summaryHeader, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
+import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
   addItem: (id) => {

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { footerDisclosure, iconsContent, footerParagraph } from "./FooterDisclosure.css.js";
+import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/Forms/EmailUs.js

@@ -24,7 +24,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const EmailUs = ({
   icon = false,
@@ -97,40 +97,46 @@ const EmailUs = ({
           e.preventDefault();
         },
         children: [
-          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                ...register("email", {
-                  required: true,
-                  validate: {
-                    isValid: associatedEmail
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx(formWrapper({ variant, formType: "emailUs" })),
+              children: [
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "email",
+                    ...register("email", {
+                      required: true,
+                      validate: {
+                        isValid: associatedEmail
+                      }
+                    }),
+                    label: "Email",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.email,
+                    helperText: errors.email?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  InputTextArea,
+                  {
+                    id: "message",
+                    ...register("message", { required: true }),
+                    label: "Write Your Message",
+                    sizes: "medium",
+                    required: true,
+                    error: !!errors.message,
+                    helperText: errors.message?.message,
+                    variant
                   }
-                }),
-                label: "Email",
-                sizes: "medium",
-                required: true,
-                error: !!errors.email,
-                helperText: errors.email?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-              InputTextArea,
-              {
-                id: "message",
-                ...register("message", { required: true }),
-                label: "Write Your Message",
-                sizes: "medium",
-                required: true,
-                error: !!errors.message,
-                helperText: errors.message?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx(HoneyPot, { register, variant })
-          ] }),
+                ) }),
+                /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+              ]
+            }
+          ),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
           /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(

package/dist/Forms/Forms.css.d.ts

@@ -76,6 +76,9 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
             gap: number;
             gridTemplateColumns: "1fr auto !important";
         };
+        emailUs: {
+            gridTemplateColumns: "1fr !important";
+        };
         questionnaire: {
             display: "flex";
             flexDirection: "column";

package/dist/Forms/Forms.css.js

@@ -17,45 +17,45 @@ var headerContainer = "tfms6a8";
 var axosHeader = "tfms6a9";
 var headerF = createRuntimeFn({ defaultClassName: "tfms6aa", variantClassNames: { variant: { primary: "tfms6ab", secondary: "tfms6ac", tertiary: "tfms6ad", quaternary: "tfms6ae" } }, defaultVariants: {}, compoundVariants: [] });
 var headerForm = createRuntimeFn({ defaultClassName: "tfms6af", variantClassNames: { variant: { primary: "tfms6ag", secondary: "tfms6ah", tertiary: "tfms6ai", quaternary: "tfms6aj" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ak", variantClassNames: { variant: { primary: "tfms6al", secondary: "tfms6am", tertiary: "tfms6an", quaternary: "tfms6ao" }, formType: { email: "tfms6ap", questionnaire: "tfms6aq", "default": "tfms6ar" } }, defaultVariants: {}, compoundVariants: [] });
-var form_row = "tfms6as";
-var actions = "tfms6at";
-var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6au", variantClassNames: { variant: { primary: "tfms6av", secondary: "tfms6aw", tertiary: "tfms6ax", quaternary: "tfms6ay" } }, defaultVariants: {}, compoundVariants: [] });
-var form = "tfms6az";
-var apply_now_form = "tfms6a10";
-var success_wrap = createRuntimeFn({ defaultClassName: "tfms6a13", variantClassNames: { variant: { primary: "tfms6a14", secondary: "tfms6a15", tertiary: "tfms6a16", quaternary: "tfms6a17" } }, defaultVariants: {}, compoundVariants: [] });
-var success_icon = "tfms6a18";
-var succes_check_mark = "tfms6a19";
-var success_circle = createRuntimeFn({ defaultClassName: "tfms6a1a", variantClassNames: { variant: { primary: "tfms6a1b", secondary: "tfms6a1c", tertiary: "tfms6a1d", quaternary: "tfms6a1e" } }, defaultVariants: {}, compoundVariants: [] });
-var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a1f", variantClassNames: { variant: { primary: "tfms6a1g", secondary: "tfms6a1h", tertiary: "tfms6a1i", quaternary: "tfms6a1j" }, formType: { questionnaire: "tfms6a1k" } }, defaultVariants: {}, compoundVariants: [] });
-var fullRowForm = "tfms6a1l";
-var one_row = "tfms6a1m";
-var section_title = createRuntimeFn({ defaultClassName: "tfms6a1n", variantClassNames: { variant: { primary: "tfms6a1o", secondary: "tfms6a1p", tertiary: "tfms6a1q", quaternary: "tfms6a1r" } }, defaultVariants: {}, compoundVariants: [] });
-var checkbox_group = "tfms6a1s";
-var ro_input = "tfms6a1t";
-var pl_label = "tfms6a1u";
-var x_input = "tfms6a1v";
-var xc_input = "tfms6a1w";
-var fullRowSelect = "tfms6a1x";
-var mt2rem = "tfms6a1y";
-var centerSelect = "tfms6a1z";
-var formBtns = "tfms6a20";
-var modalCheckboxContainer = "tfms6a21";
-var threeColRow = "tfms6a22";
-var mt1Rem = "tfms6a23";
-var mw24 = "tfms6a24";
-var modalMobile = "tfms6a25";
-var resposiveLabel = "tfms6a26";
-var dropdown = "tfms6a27";
-var dynPH = "tfms6a28";
-var na_cursor = "tfms6a29";
-var show_options = "tfms6a2a";
-var hide_options = "tfms6a2b";
-var back_btn_apply_now = "tfms6a2c";
-var iconbillboards_option_apply_now = "tfms6a2d";
-var form_nav_apply_now = "tfms6a2e";
-var step_title_apply_now = "tfms6a2f";
-var email_only_btn = "tfms6a2g";
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ak", variantClassNames: { variant: { primary: "tfms6al", secondary: "tfms6am", tertiary: "tfms6an", quaternary: "tfms6ao" }, formType: { email: "tfms6ap", emailUs: "tfms6aq", questionnaire: "tfms6ar", "default": "tfms6as" } }, defaultVariants: {}, compoundVariants: [] });
+var form_row = "tfms6at";
+var actions = "tfms6au";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6av", variantClassNames: { variant: { primary: "tfms6aw", secondary: "tfms6ax", tertiary: "tfms6ay", quaternary: "tfms6az" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6a10";
+var apply_now_form = "tfms6a11";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6a14", variantClassNames: { variant: { primary: "tfms6a15", secondary: "tfms6a16", tertiary: "tfms6a17", quaternary: "tfms6a18" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6a19";
+var succes_check_mark = "tfms6a1a";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6a1b", variantClassNames: { variant: { primary: "tfms6a1c", secondary: "tfms6a1d", tertiary: "tfms6a1e", quaternary: "tfms6a1f" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a1g", variantClassNames: { variant: { primary: "tfms6a1h", secondary: "tfms6a1i", tertiary: "tfms6a1j", quaternary: "tfms6a1k" }, formType: { questionnaire: "tfms6a1l" } }, defaultVariants: {}, compoundVariants: [] });
+var fullRowForm = "tfms6a1m";
+var one_row = "tfms6a1n";
+var section_title = createRuntimeFn({ defaultClassName: "tfms6a1o", variantClassNames: { variant: { primary: "tfms6a1p", secondary: "tfms6a1q", tertiary: "tfms6a1r", quaternary: "tfms6a1s" } }, defaultVariants: {}, compoundVariants: [] });
+var checkbox_group = "tfms6a1t";
+var ro_input = "tfms6a1u";
+var pl_label = "tfms6a1v";
+var x_input = "tfms6a1w";
+var xc_input = "tfms6a1x";
+var fullRowSelect = "tfms6a1y";
+var mt2rem = "tfms6a1z";
+var centerSelect = "tfms6a20";
+var formBtns = "tfms6a21";
+var modalCheckboxContainer = "tfms6a22";
+var threeColRow = "tfms6a23";
+var mt1Rem = "tfms6a24";
+var mw24 = "tfms6a25";
+var modalMobile = "tfms6a26";
+var resposiveLabel = "tfms6a27";
+var dropdown = "tfms6a28";
+var dynPH = "tfms6a29";
+var na_cursor = "tfms6a2a";
+var show_options = "tfms6a2b";
+var hide_options = "tfms6a2c";
+var back_btn_apply_now = "tfms6a2d";
+var iconbillboards_option_apply_now = "tfms6a2e";
+var form_nav_apply_now = "tfms6a2f";
+var step_title_apply_now = "tfms6a2g";
+var email_only_btn = "tfms6a2h";
 export {
   actions,
   apply_now_form,

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -47,7 +47,7 @@ import "../../Input/RadioButton.js";
 import "../../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, centerSelect, formWrapper, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
+import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";

package/dist/HeroBanner/HeroBanner.js

@@ -16,8 +16,8 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import { getVariant } from "../utils/getVariant.js";
 import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, hero_banner, reversed_lg_image } from "./HeroBanner.css.js";
-import { lg_hero_content, lg_hero_eyebrow, lg_headline_text, lg_hero_text, lg_hero_img, lg_hero_sizing, lg_hero_banner } from "./LargeBanner.css.js";
+import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
+import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
 import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/ImageBillboard/ImageBillboard.js

@@ -15,7 +15,7 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas, billboard } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,

package/dist/Input/Checkbox.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { checkbox, checkboxContainer } from "./Checkbox.css.js";
-import { input, labelClassName, container, helperText, wrapper } from "./Input.css.js";
+import { checkboxContainer, checkbox } from "./Checkbox.css.js";
+import { wrapper, container, labelClassName, input, helperText } from "./Input.css.js";
 const Checkbox = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/DownPaymentInput.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef, useState, useEffect } from "react";
-import { labelClassName, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, input, helperText } from "./Input.css.js";
 import { dp_input } from "./Dropdown.css.js";
 const DownPaymentInput = forwardRef(
   ({

package/dist/Input/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
 import { selectInput } from "./Dropdown.css.js";
-import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
 const Dropdown = forwardRef(
   (props, ref) => {
     const {

package/dist/Input/Input.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
 const Input = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/InputTextArea.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
 const InputTextArea = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Insight/Featured/Featured.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Fragment } from "react";
 import { getVariant } from "../../utils/getVariant.js";
@@ -100,7 +100,7 @@ import "next/script.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_title, featured_maingrid_img, featured_maingrid_title, featured_center_vertical, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section, featured_subgrid_item, featured_supertag, featured_subgrid_title } from "./Featured.css.js";
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
 /* empty css                          */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -16,7 +16,7 @@ import SvgComponent$5 from "../icons/Logos/AXOS.js";
 import SvgComponent$6 from "../icons/Logos/GBLVF.js";
 import SvgComponent$7 from "../icons/Logos/SPB.js";
 import { getVariant } from "../utils/getVariant.js";
-import { svg_fill, spb_container, lp_container, spb_hover, lp_hover, lp_theme } from "./LandingPageHeader.css.js";
+import { svg_fill, lp_theme, spb_container, lp_container, spb_hover, lp_hover } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
   variant: fullVariant = "primary",

package/dist/Modal/contextApi/store.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Modal } from "../Modal.js";
 import { findMoreAxosDomains, isAllowedUrl } from "../../utils/allowedAxosDomains.js";
-import { createContext, useState, useCallback, useContext } from "react";
+import { createContext, useContext, useState, useCallback } from "react";
 import { validateLink, shortUrl } from "../../utils/validateExternalLinks.js";
 const noopResolver = (url) => url;
 const GlobalContext = createContext({

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -441,10 +441,8 @@ const getMenuData = (resolveUrl) => ({
       "Make a Payment": "https://loanpayment.axosbank.com"
     },
     Business: {
-      "Business Banking Login": resolveUrl("{AXOSBANK}/business/login"),
-      "MWA Business Login": resolveUrl(
-        "{AXOSBANK}/business/mwa-business-banking"
-      ),
+      "Business Banking Login": resolveUrl("{ONLINEBANKING}/auth/Login"),
+      "MWA Business Login": resolveUrl("{ONLINEBANKING}/auth/Login"),
       "Commercial Portal": resolveUrl(
         "{AXOSBANK}/commercial/lending/commercial-portal"
       )

package/dist/NavigationMenu/AxosBank/index.js

@@ -466,22 +466,14 @@ function NavBar({
                               "li",
                               {
                                 className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/business/login"), children: "Business Banking Login" })
+                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "Business Banking Login" })
                               }
                             ),
                             /* @__PURE__ */ jsx(
                               "li",
                               {
                                 className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx(
-                                  "a",
-                                  {
-                                    href: resolveUrl(
-                                      "{AXOSBANK}/business/mwa-business-banking"
-                                    ),
-                                    children: "MWA Business Banking"
-                                  }
-                                )
+                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "MWA Business Banking" })
                               }
                             ),
                             /* @__PURE__ */ jsx(

package/dist/PageNavItem/PageNavItem.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { pn_link, pn_btn } from "./PageNavItem.css.js";
+import { pn_btn, pn_link } from "./PageNavItem.css.js";
 const PageNavItem = ({
   id,
   addClassName,

package/dist/SetContainer/SetContainer.js

@@ -81,7 +81,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import { setcontainer_section_text, inline_container, set_container_cols, set_container, isolate_container } from "./SetContainer.css.js";
+import { setcontainer_section_text, set_container_cols, inline_container, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";

package/dist/StepItem/StepItem.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { li, point, step_num, line_points, bullet_details, bs_topic, bs_copy } from "./StepItem.css.js";
+import { li, line_points, point, step_num, bullet_details, bs_topic, bs_copy } from "./StepItem.css.js";
 const StepItem = ({
   id,
   counter,

package/dist/StepItemSet/StepItemSet.js

@@ -16,7 +16,7 @@ import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css
 /* empty css                               */
 /* empty css                                    */
 /* empty css                                        */
-import { bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, bs_video, steps_wrapper, ol, ul, bs_btns, bs_add_details, bs_section } from "./StepItemSet.css.js";
+import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, bs_video, steps_wrapper, ol, ul, bs_btns, bs_add_details } from "./StepItemSet.css.js";
 const StepItemSet = ({
   id,
   variant: fullVariant = "primary",

package/dist/Table/Table.js

@@ -11,7 +11,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
 import { createElement } from "react";
-import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_section, table_container_text, table_headline, table_description_text, table_container } from "./Table.css.js";
+import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,

package/dist/Topic/Topic.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { topic_container, topic_columns, topic_header, topic_item } from "./Topic.css.js";
+import { topic_container, topic_header, topic_columns, topic_item } from "./Topic.css.js";
 const Topic = ({ children }) => {
   return /* @__PURE__ */ jsx("div", { className: clsx(topic_container), children });
 };

package/dist/assets/Forms/Forms.css

@@ -1,4 +1,4 @@
-@keyframes tfms6a11 {
+@keyframes tfms6a12 {
   from {
     stroke-dashoffset: 1;
   }
@@ -6,7 +6,7 @@
     opacity: 100;
   }
 }
-@keyframes tfms6a12 {
+@keyframes tfms6a13 {
   0% {
     stroke-dashoffset: -1000;
   }
@@ -116,13 +116,16 @@
   grid-template-columns: 1fr auto !important;
 }
 .tfms6aq {
+  grid-template-columns: 1fr !important;
+}
+.tfms6ar {
   display: flex;
   flex-direction: column;
 }
-.tfms6ar {
+.tfms6as {
   grid-template-columns: 1fr 1fr;
 }
-.tfms6aq h4 {
+.tfms6ar h4 {
   font-size: 24px;
   font-weight: 700;
   letter-spacing: 3px;
@@ -131,88 +134,88 @@
   font-family: var(--header-font-family);
   line-height: 30px;
 }
-.tfms6aq h4:before {
+.tfms6ar h4:before {
   content: "";
   border-top: 2px solid #60AECB;
   height: 40px;
   position: relative;
   width: 100%;
 }
-.tfms6aq h5 {
+.tfms6ar h5 {
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 2px;
   font-family: var(--header-font-family);
   line-height: 16px;
 }
-.tfms6aq p {
+.tfms6ar p {
   font-size: 15px;
   font-weight: 400;
   margin-bottom: 10px;
   font-family: var(--header-font-family);
   line-height: 28px;
 }
-.tfms6aq label {
+.tfms6ar label {
   padding-left: 0;
   margin-bottom: 10px;
 }
-.tfms6as {
+.tfms6at {
   display: flex;
   flex-direction: row;
   width: 100%;
   gap: 15px;
 }
-.tfms6as > div {
+.tfms6at > div {
   flex-grow: 1;
 }
-.tfms6at {
+.tfms6au {
   margin-top: 1.5rem;
   text-align: center;
   margin-inline: auto;
 }
-.tfms6au {
+.tfms6av {
   margin-top: 16px;
 }
-.tfms6av {
+.tfms6aw {
   color: var(--_1073cm83);
 }
-.tfms6aw {
+.tfms6ax {
   color: var(--_1073cm8a);
 }
-.tfms6ax {
+.tfms6ay {
   color: var(--_1073cm8h);
 }
-.tfms6ay {
+.tfms6az {
   color: var(--_1073cm8o);
 }
-.tfms6az {
+.tfms6a10 {
   max-width: 860px;
   margin-inline: auto;
 }
-.tfms6a10 {
+.tfms6a11 {
   max-width: 900px;
   margin-inline: auto;
 }
-.tfms6a13 {
+.tfms6a14 {
   padding: 2.5rem 0;
 }
-.tfms6a14 {
+.tfms6a15 {
   color: var(--_1073cm85);
   background: var(--_1073cm81);
 }
-.tfms6a15 {
+.tfms6a16 {
   color: var(--_1073cm8c);
   background: var(--_1073cm88);
 }
-.tfms6a16 {
+.tfms6a17 {
   color: var(--_1073cm8h);
   background: var(--_1073cm8f);
 }
-.tfms6a17 {
+.tfms6a18 {
   color: var(--_1073cm8o);
   background: var(--_1073cm8m);
 }
-.tfms6a13 h1 {
+.tfms6a14 h1 {
   font-size: 43px;
   font-weight: 700;
   letter-spacing: 1px;
@@ -220,29 +223,29 @@
   margin-bottom: 0.7rem;
   font-family: var(--header-font-family);
 }
-.tfms6a13 p {
+.tfms6a14 p {
   margin-bottom: 0;
 }
-.tfms6a18 {
+.tfms6a19 {
   margin: 0 auto;
   display: block;
 }
-.tfms6a19 {
+.tfms6a1a {
   fill: none;
   stroke: #faa74a;
   stroke-width: 4;
   stroke-dasharray: 100px;
   stroke-dashoffset: 100;
-  animation: tfms6a11 0.5s ease-in-out forwards reverse;
+  animation: tfms6a12 0.5s ease-in-out forwards reverse;
   -webkit-animation-delay: 0.7s;
 }
-.tfms6a1a {
+.tfms6a1b {
   fill: none;
   stroke-width: 4;
   stroke-dasharray: 1000px;
   stroke-dashoffset: 1000;
-  -webkit-animation: tfms6a12 0.8s ease-in-out forwards;
-  animation: tfms6a12 0.8s ease-in-out forwards;
+  -webkit-animation: tfms6a13 0.8s ease-in-out forwards;
+  animation: tfms6a13 0.8s ease-in-out forwards;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
@@ -250,143 +253,143 @@
   -ms-transform: rotate(-40deg);
   transform: rotate(-40deg);
 }
-.tfms6a1b {
+.tfms6a1c {
   stroke: var(--_1073cm85);
 }
-.tfms6a1c {
+.tfms6a1d {
   stroke: var(--_1073cm8c);
 }
-.tfms6a1d {
+.tfms6a1e {
   stroke: var(--_1073cm8h);
 }
-.tfms6a1e {
+.tfms6a1f {
   stroke: var(--_1073cm8o);
 }
-.tfms6a1f {
+.tfms6a1g {
   margin-top: 1rem;
 }
-.tfms6a1g {
+.tfms6a1h {
   color: var(--_1073cm83);
 }
-.tfms6a1h {
+.tfms6a1i {
   color: var(--_1073cm8a);
 }
-.tfms6a1i {
+.tfms6a1j {
   color: var(--_1073cm8h);
 }
-.tfms6a1j {
+.tfms6a1k {
   color: var(--_1073cm8o);
 }
-.tfms6a1k {
+.tfms6a1l {
   margin-top: 1rem;
 }
-.tfms6ak .tfms6a1l {
+.tfms6ak .tfms6a1m {
   grid-column-start: 1;
   grid-column-end: 3;
 }
-.tfms6a1m {
+.tfms6a1n {
   grid-column: 1 / -1;
 }
-.tfms6a1n {
+.tfms6a1o {
   width: 100%;
   padding-bottom: 4px;
 }
-.tfms6a1o {
+.tfms6a1p {
   border-bottom: 1px solid var(--_1073cm83);
 }
-.tfms6a1p {
+.tfms6a1q {
   border-bottom: 1px solid var(--_1073cm8a);
 }
-.tfms6a1q {
+.tfms6a1r {
   border-bottom: 1px solid var(--_1073cm8h);
 }
-.tfms6a1r {
+.tfms6a1s {
   border-bottom: 1px solid var(--_1073cm8o);
 }
-.tfms6a1o > h4, .tfms6a1p > h4 {
+.tfms6a1p > h4, .tfms6a1q > h4 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm85);
   -webkit-text-fill-color: var(--_1073cm85);
 }
-.tfms6a1q > h4, .tfms6a1r > h4 {
+.tfms6a1r > h4, .tfms6a1s > h4 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm8j);
   -webkit-text-fill-color: var(--_1073cm8j);
 }
-.tfms6a1s {
+.tfms6a1t {
   display: flex;
 }
-.tfms6a1t {
+.tfms6a1u {
   cursor: pointer;
   caret-color: transparent;
 }
-.tfms6a1u {
+.tfms6a1v {
   padding-left: 16px;
 }
-.tfms6a1w label {
+.tfms6a1x label {
   white-space: nowrap;
 }
-.tfms6a1y {
+.tfms6a1z {
   margin-top: 2rem;
 }
-.tfms6a1z {
+.tfms6a20 {
   display: flex;
   justify-content: center;
 }
-.tfms6a1z > div {
+.tfms6a20 > div {
   width: 100%;
 }
-.tfms6a20 {
+.tfms6a21 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 2rem;
 }
-.tfms6a21 {
+.tfms6a22 {
   display: flex;
   margin: 1rem 0;
   text-align: left;
   gap: 1rem;
 }
-.tfms6a22 {
+.tfms6a23 {
   display: flex;
   justify-content: space-between;
 }
-.tfms6a22 > div {
+.tfms6a23 > div {
   min-width: 32%;
 }
-.tfms6a23 {
+.tfms6a24 {
   margin-top: 1rem;
 }
-.tfms6a24 {
+.tfms6a25 {
   min-width: 24px;
 }
-.tfms6a25 {
+.tfms6a26 {
   width: min(calc(100% - 2rem));
   height: min(calc(100% - 2rem));
   overflow: scroll!important;
 }
-.tfms6a26 {
+.tfms6a27 {
   display: none;
 }
-.tfms6a28::placeholder {
+.tfms6a29::placeholder {
   color: transparent;
 }
-.tfms6a29 {
+.tfms6a2a {
   cursor: not-allowed;
 }
-.tfms6a2a {
+.tfms6a2b {
   display: flex;
 }
-.tfms6a2b {
+.tfms6a2c {
   visibility: hidden;
   display: none;
 }
-.tfms6a2d {
+.tfms6a2e {
   display: flex;
   gap: 24px;
 }
-.tfms6a2e {
+.tfms6a2f {
   vertical-align: vertical;
   width: 100%;
   display: flex;
@@ -395,12 +398,12 @@
   align-items: center;
   flex-direction: column-reverse;
 }
-.tfms6a2f {
+.tfms6a2g {
   text-transform: capitalize;
   margin: auto ;
   max-width: fit-content;
 }
-.tfms6a2g {
+.tfms6a2h {
   padding: 16px 64px;
   border-radius: 0 8px 8px 0;
 }
@@ -408,7 +411,7 @@
   .tfms6a0 {
     font-size: 28px;
   }
-  .tfms6a2g {
+  .tfms6a2h {
     padding: 16px;
   }
 }
@@ -433,80 +436,80 @@
   .tfms6ak {
     grid-template-columns: 1fr;
   }
-  .tfms6as {
+  .tfms6at {
     flex-direction: column;
   }
-  .tfms6ak .tfms6a1l {
+  .tfms6ak .tfms6a1m {
     grid-column-start: 1;
     grid-column-end: 2;
   }
 }
 @media screen and (max-width: 992px) {
-  .tfms6a13 h1 {
+  .tfms6a14 h1 {
     font-size: 37px;
     line-height: 1.29;
     margin-bottom: 0.4rem;
   }
 }
 @media screen and (maxwidth: 767px) {
-  .tfms6a13 h1 {
+  .tfms6a14 h1 {
     font-size: 32px;
     font-weight: 700;
     margin-top: 0;
     margin-bottom: 0.4rem;
   }
-  .tfms6a18 {
+  .tfms6a19 {
     max-width: 69px;
   }
 }
 @media screen and (max-width: 780px) {
-  .tfms6a1s {
+  .tfms6a1t {
     flex-direction: column;
   }
 }
 @media screen and (max-width: 1103px) {
-  .tfms6a1s ._18du0lag {
+  .tfms6a1t ._18du0lag {
     padding: 6px;
   }
 }
 @media screen and (max-width: 571px) and (min-width: 481px) {
-  .tfms6a1v label {
+  .tfms6a1w label {
     height: 48px;
     display: flex;
     align-items: flex-end;
   }
 }
 @media screen and (min-width: 481px) {
-  .tfms6a1x select {
+  .tfms6a1y select {
     background: url(https://images.axos.com/o9ov1v03uwqk/4ayjjdIkEzQsfmhKbPeNaE/636b57923fbdac891d48f78ca06ffeb6/image_1_-_2024-06-27T142052.191.png) no-repeat 98%;
   }
 }
 @media screen and (min-width: 769px) {
-  .tfms6a1z > div {
+  .tfms6a20 > div {
     grid-template: none;
     width: 50%;
   }
 }
 @media screen and (max-width: 500px) {
-  .tfms6a20 {
+  .tfms6a21 {
     flex-direction: column;
   }
 }
 @media screen and (max-width: 800px) {
-  .tfms6a22 {
+  .tfms6a23 {
     flex-direction: column;
   }
-  .tfms6a27 select {
+  .tfms6a28 select {
     white-space: normal;
     padding-right: 4rem;
   }
-  .tfms6a28::placeholder {
+  .tfms6a29::placeholder {
     color: #5E6A74;
   }
-  .tfms6a2d {
+  .tfms6a2e {
     flex-direction: column;
   }
-  .tfms6a2e {
+  .tfms6a2f {
     flex-direction: column-reverse;
   }
 }
@@ -514,7 +517,7 @@
   .rate-watch-form hr {
     display: none;
   }
-  .tfms6a26 {
+  .tfms6a27 {
     display: block;
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.2",
+  "version": "2.0.0-dev.2-bwaTest",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",