@axos-web-dev/shared-components 1.0.5 → 1.0.7-7.1

package/dist/Auth/ErrorAlert.js

@@ -0,0 +1,183 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+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";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import "react-hook-form";
+import { headerForm } from "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
+import "react-dom";
+/* empty css                          */
+import "./SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+import { Hyperlink } from "../Hyperlink/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../Interstitial/Interstitial-variants.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+/* empty css                                                      */
+/* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
+/* empty css                                                   */
+/* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+/* empty css                                                      */
+const ErrorAlert = ({
+  variant: fullVariant = "primary",
+  modalRef,
+  onClose
+}) => {
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(error_alert), role: "presentation", children: [
+    /* @__PURE__ */ jsx("div", {}),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          "containment",
+          "section_spacer",
+          "center",
+          error_alert_content
+        ),
+        ref: modalRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": "Close modal",
+              className: error_close_button,
+              onClick: onClose,
+              children: "X"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: clsx("header_3", headerForm({ variant })), children: "Let's try that again" }),
+            /* @__PURE__ */ jsx("hr", { className: clsx(separator) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { children: "The ACE User ID or ACE Company ID you provided isn't recognized." }),
+              /* @__PURE__ */ jsxs("p", { children: [
+                "Please try entering your ACE User ID and ACE Company ID again or call customer support at",
+                " ",
+                /* @__PURE__ */ jsx(Hyperlink, { targetUrl: "tel:+8446782722", children: "(844) 678 - 2722" }),
+                " ",
+                "to retrieve your login credentials."
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  color: "primary",
+                  className: clsx("button", "button_primary"),
+                  action: onClose,
+                  children: "Close"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ErrorAlert
+};

package/dist/Auth/Logout.d.ts

@@ -0,0 +1,3 @@
+export declare const Logout: ({ action, }: {
+    action: (prev: unknown, formData: FormData) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/Logout.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useFormState } from "react-dom";
+import { useForm } from "react-hook-form";
+import { sign_in_button, sign_in_form } from "./SignIn.css.js";
+const Logout = ({
+  action
+}) => {
+  const [, dispatch, pending] = useFormState(action, void 0);
+  useForm({
+    mode: "onChange"
+  });
+  return /* @__PURE__ */ jsx("div", { className: clsx("containment", "section_spacer", "center"), children: /* @__PURE__ */ jsxs("form", { action: dispatch, className: clsx(sign_in_form), children: [
+    /* @__PURE__ */ jsx("h2", { className: clsx(), children: "Logout" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: clsx(sign_in_button),
+        disabled: pending,
+        type: "submit",
+        children: "Logout"
+      }
+    )
+  ] }) });
+};
+export {
+  Logout
+};

package/dist/Auth/SignIn.css.d.ts

@@ -0,0 +1,6 @@
+export declare const fadeInUp: string;
+export declare const sign_in_form: string;
+export declare const sign_in_button: string;
+export declare const body_sign_in: string;
+export declare const form_input: string;
+export declare const form_input_wrapper: string;

package/dist/Auth/SignIn.css.js

@@ -0,0 +1,18 @@
+import '../assets/Auth/SignIn.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                          */
+var fadeInUp = "_1c7jj80";
+var sign_in_form = "_1c7jj81";
+var sign_in_button = "_1c7jj82";
+var body_sign_in = "_1c7jj83";
+var form_input = "_1c7jj84";
+var form_input_wrapper = "_1c7jj85";
+export {
+  body_sign_in,
+  fadeInUp,
+  form_input,
+  form_input_wrapper,
+  sign_in_button,
+  sign_in_form
+};

package/dist/Auth/SignInPassword.d.ts

@@ -0,0 +1,15 @@
+import { QuaternaryTypes } from '../utils';
+import { ReactNode } from 'react';
+
+export type SignIn = {
+    signin: any;
+    headline?: ReactNode;
+    bodyCopy?: ReactNode;
+    additionalDetails?: ReactNode;
+    variant?: QuaternaryTypes;
+};
+export type Credentials = {
+    username: string;
+    password: string;
+};
+export declare const SignIn: (props: SignIn) => import("react/jsx-runtime").JSX.Element;

package/dist/Auth/SignInPassword.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Input } from "../Input/Input.js";
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { useAction } from "next-safe-action/hooks";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { ErrorAlert } from "./ErrorAlert.js";
+import { body_sign_in, form_input_wrapper, sign_in_button, sign_in_form } from "./SignIn.css.js";
+const schema = z.object({
+  username: z.string().min(1, { message: "username is required." }),
+  password: z.string().min(1, { message: "Password is required." })
+});
+const SignIn = (props) => {
+  const { signin, headline, bodyCopy, variant: fullVariant } = props;
+  const [showError, setShowError] = useState(false);
+  const onCloseError = () => {
+    setShowError(false);
+  };
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = useForm({
+    resolver: zodResolver(schema),
+    mode: "onChange"
+  });
+  const { executeAsync, isPending } = useAction(signin, {
+    onError: () => {
+      setShowError(true);
+    }
+  });
+  const onSubmit = async (data) => {
+    await executeAsync({
+      username: data.username,
+      password: data.password
+    });
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("div", { id: "axb-page", className: "section_spacer", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit(onSubmit),
+        className: clsx(
+          sign_in_form,
+          "flex_col middle center rounded relative"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "https://www.axos.com/images/45wrgZKYCe6gUFWASqFUdP/logo-ace.png",
+              alt: "",
+              height: 26,
+              width: 78
+            }
+          ),
+          /* @__PURE__ */ jsx("h2", { className: "header_1", children: headline ?? "Log in" }),
+          bodyCopy ?? /* @__PURE__ */ jsxs("div", { className: clsx(body_sign_in), children: [
+            /* @__PURE__ */ jsx("p", { children: "Please login to access this resource." }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              "Your ",
+              /* @__PURE__ */ jsx("b", { children: "Axos Resource Center" }),
+              " credentials were sent via email during the onboarding process."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_input_wrapper} push_up`, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "username",
+              ...register("username", { required: true }),
+              label: "Username",
+              sizes: "medium",
+              placeholder: "Username",
+              required: true,
+              error: !!errors.username,
+              helperText: errors?.username?.message,
+              variant
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: form_input_wrapper, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "password",
+              ...register("password", { required: true }),
+              label: "Password",
+              sizes: "medium",
+              placeholder: "Password",
+              required: true,
+              error: !!errors.password,
+              helperText: errors?.password?.message,
+              variant,
+              type: "password"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: `${sign_in_button} push_up_24`,
+              disabled: !isValid || isSubmitting || isPending,
+              type: "submit",
+              children: "Log in"
+            }
+          )
+        ]
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ErrorAlert, { onClose: onCloseError }) })
+  ] }) });
+};
+export {
+  SignIn
+};

package/dist/Auth/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ErrorAlert';
+export * from './ErrorAlert.css';
+export * from './Logout';
+export * from './SignIn.css';
+export * from './SignInPassword';

package/dist/Auth/index.js

@@ -0,0 +1,20 @@
+import { ErrorAlert } from "./ErrorAlert.js";
+import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
+import { Logout } from "./Logout.js";
+import { body_sign_in, fadeInUp, form_input, form_input_wrapper, sign_in_button, sign_in_form } from "./SignIn.css.js";
+import { SignIn } from "./SignInPassword.js";
+export {
+  ErrorAlert,
+  Logout,
+  SignIn,
+  body_sign_in,
+  error_alert,
+  error_alert_content,
+  error_close_button,
+  fadeInUp,
+  form_input,
+  form_input_wrapper,
+  separator,
+  sign_in_button,
+  sign_in_form
+};

package/dist/Button/Button.css.d.ts

@@ -3,44 +3,44 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
     color: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
             };
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
             };
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})`;
+                    color: `var(--${string})`;
                 };
             };
         };
@@ -71,6 +71,19 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
                 };
             };
         };
+        embedded: {
+            padding: "8px 48px";
+            fontSize: number;
+            "@media": {
+                "screen and (max-width: 768px)": {
+                    padding: "8px 8px";
+                };
+                "screen and (max-width: 450px)": {
+                    padding: "4px 4px";
+                    fontSize: number;
+                };
+            };
+        };
     };
     disabled: {
         true: {

package/dist/Button/Button.css.js

@@ -4,7 +4,7 @@ import '../assets/Button/Button.css';import '../assets/themes/victorie.css';impo
 /* empty css                                    */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7" }, disabled: { true: "_13pdpuj8" }, rounded: { none: "_13pdpuj9", small: "_13pdpuja", medium: "_13pdpujb", large: "_13pdpujc" }, square: { true: "_13pdpujd" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpuje"], [{ color: "secondary", disabled: true }, "_13pdpujf"], [{ color: "tertiary", disabled: true }, "_13pdpujg"], [{ skeleton: true, size: "large" }, "_13pdpujh"], [{ skeleton: true, size: "medium" }, "_13pdpuji"], [{ skeleton: true, size: "small" }, "_13pdpujj"]] });
+var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7", embedded: "_13pdpuj8" }, disabled: { true: "_13pdpuj9" }, rounded: { none: "_13pdpuja", small: "_13pdpujb", medium: "_13pdpujc", large: "_13pdpujd" }, square: { true: "_13pdpuje" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpujf"], [{ color: "secondary", disabled: true }, "_13pdpujg"], [{ color: "tertiary", disabled: true }, "_13pdpujh"], [{ skeleton: true, size: "large" }, "_13pdpuji"], [{ skeleton: true, size: "medium" }, "_13pdpujj"], [{ skeleton: true, size: "small" }, "_13pdpujk"]] });
 export {
   button
 };

package/dist/Button/Button.js

@@ -6,7 +6,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -58,6 +58,12 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -78,6 +84,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
+/* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                        */
 /* empty css                                              */
@@ -90,9 +97,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
@@ -108,6 +116,7 @@ import "react-slick";
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
+/* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
 import "next/script.js";

package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts

@@ -1,21 +1,21 @@
 export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             border: "1px solid #D4D4D4";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -27,16 +27,16 @@ export declare const fb50: string;
 export declare const stat: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;