@axos-web-dev/shared-components 2.0.0-dev.9-fixdependencies → 2.0.0-dev.insights.10

package/dist/Button/Button.d.ts

@@ -18,4 +18,4 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
     as?: "a";
 };
 export type ButtonProps = ButtonAsButton | ButtonAsLink;
-export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react").JSX.Element;

package/dist/Button/Button.js

@@ -6,15 +6,16 @@ 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/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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/VideoTile/VideoTile.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/ufb.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/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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/VideoTile/VideoTile.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/Forms/HoneyPot/HoneyPot.css';import '../assets/ImageToast/ImageToast.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
+import { handleAnchorClick } from "../utils/appendQueryParams.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { useState, createElement } from "react";
+import clsx from "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { button } from "./Button.css.js";
@@ -24,7 +25,16 @@ import "../IconBillboard/IconBillboard.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+/* empty css                                          */
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -44,10 +54,9 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
+/* empty css                                            */
+import "../Forms/HoneyPot/honeyPotValidation.js";
 import "../Forms/SalesforceFieldsForm.js";
-/* empty css                                          */
-/* empty css                                          */
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -71,19 +80,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.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";
@@ -102,13 +106,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */
@@ -160,7 +167,23 @@ const Button = ({
         e.preventDefault();
         setOpenModal(external_link);
         setTargetLinkUrl(targetUrl);
+        return;
       }
+      const resolved = resolveUrl(targetUrl);
+      if (handleAnchorClick(e, resolved)) return;
+      e.preventDefault();
+      if (newTab) {
+        window.open(resolved, "_blank");
+      } else {
+        window.location.href = resolved;
+      }
+    }
+  };
+  const handleMouseDown = (e) => {
+    if (!targetUrl) return;
+    if (e.button === 1 || e.metaKey || e.ctrlKey) {
+      const el = e.currentTarget;
+      el.href = resolveUrl(targetUrl);
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -176,6 +199,7 @@ const Button = ({
         id,
         target: newTab ? "_blank" : "_self",
         onClick: marketingIntersitial ? openMarketingInterstitial : action ?? onClick,
+        onMouseDown: handleMouseDown,
         disabled: disabled ?? false
       },
       children

package/dist/Button/GoBackButton.d.ts

@@ -1,4 +1,4 @@
 import { ButtonProps } from './Button';
 import { ButtonVariants } from './Button.css';
 
-export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react").JSX.Element;

package/dist/Calculators/AnnualFeeCalculator/index.js

@@ -55,7 +55,7 @@ const AnnualFeeCalculator = ({
   const handleSliderChange = (event) => {
     setSliderValue(parseFloat(event.target.value));
   };
-  return /* @__PURE__ */ jsx("section", { className: clsx(calculator), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("section", { className: clsx(calculator({ variant })), children: /* @__PURE__ */ jsx(
     "div",
     {
       className: `rounded containment ${container({ variant: getVariant(variant) })}`,

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

@@ -25,17 +25,16 @@ export declare const apy_calculator_form: string;
 export declare const errorTag: string;
 export declare const fieldset: string;
 export declare const field_row: string;
+export declare const field_label: string;
+export declare const field_row_input: string;
+export declare const field_row_input_error: string;
+export declare const field_error: string;
 export declare const relative: string;
 export declare const label_symbol: string;
-export declare const cash: string;
 export declare const percent: string;
-export declare const prefix_pad: string;
-export declare const submit_section: string;
 export declare const span_12: string;
 export declare const form_disclosure: string;
 export declare const marketing: string;
-export declare const marketingTile: string;
-export declare const bodyContent: string;
 export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -54,3 +53,45 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
 }>;
 export declare const mt_8: string;
 export declare const pis_0: string;
+export declare const listbox_button: string;
+export declare const chevron_icon: string;
+export declare const listbox_options: string;
+export declare const listbox_option: string;
+export declare const results_wrapper: string;
+export declare const optional_badge: string;
+export declare const scrambling: string;
+export declare const result_card: string;
+export declare const result_section: string;
+export declare const result_value_label: string;
+export declare const result_value: string;
+export declare const result_item: string;
+export declare const result_item_label: string;
+export declare const result_item_value: string;
+export declare const result_image: string;
+export declare const definitions_accordion: string;
+export declare const definitions_button: string;
+export declare const definitions_h2: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const definitions_panel: string;
+export declare const definitions_columns: string;
+export declare const definitions_column: string;
+export declare const definitions_item: string;
+export declare const definitions_term: string;
+export declare const definitions_text: string;
+export declare const calc_btn: string;
+export declare const marketingTile: string;
+export declare const bodyContent: string;

package/dist/Calculators/ApyCalculator/ApyCalculator.css.js

@@ -1,7 +1,8 @@
-import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
+/* empty css                                             */
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var container = createRuntimeFn({ defaultClassName: "_1vox1xj0", variantClassNames: { variant: { primary: "_1vox1xj1", secondary: "_1vox1xj2", tertiary: "_1vox1xj3", quaternary: "_1vox1xj4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -12,41 +13,93 @@ var apy_calculator_form = "_1vox1xj8";
 var errorTag = "_1vox1xj9";
 var fieldset = "_1vox1xja";
 var field_row = "_1vox1xjb";
-var relative = "_1vox1xjc";
-var label_symbol = "_1vox1xjd";
-var cash = "_1vox1xje";
-var percent = "_1vox1xjf";
-var prefix_pad = "_1vox1xjg";
-var submit_section = "_1vox1xjh";
-var span_12 = "_1vox1xji";
-var form_disclosure = "_1vox1xjj";
-var marketing = "_1vox1xjk";
-var marketingTile = "_1vox1xjl";
-var bodyContent = "_1vox1xjm";
-var header_theme = createRuntimeFn({ defaultClassName: "_1vox1xjn", variantClassNames: { variant: { primary: "_1vox1xjo", secondary: "_1vox1xjp", tertiary: "_1vox1xjq", quaternary: "_1vox1xjr" } }, defaultVariants: {}, compoundVariants: [] });
-var mt_8 = "_1vox1xjs";
-var pis_0 = "_1vox1xjt";
+var field_label = "_1vox1xjc";
+var field_row_input = "_1vox1xjd";
+var field_row_input_error = "_1vox1xje";
+var field_error = "_1vox1xjf";
+var relative = "_1vox1xjg";
+var label_symbol = "_1vox1xjh";
+var percent = "_1vox1xji";
+var span_12 = "_1vox1xjj";
+var form_disclosure = "_1vox1xjk";
+var marketing = "_1vox1xjl";
+var header_theme = createRuntimeFn({ defaultClassName: "_1vox1xjm", variantClassNames: { variant: { primary: "_1vox1xjn", secondary: "_1vox1xjo", tertiary: "_1vox1xjp", quaternary: "_1vox1xjq" } }, defaultVariants: {}, compoundVariants: [] });
+var mt_8 = "_1vox1xjr";
+var pis_0 = "_1vox1xjs";
+var listbox_button = "_1vox1xjt";
+var chevron_icon = "_1vox1xju";
+var listbox_options = "_1vox1xjv";
+var listbox_option = "_1vox1xjw";
+var results_wrapper = "_1vox1xjx";
+var optional_badge = "_1vox1xjy";
+var scrambling = "_1vox1xj10";
+var result_card = "_1vox1xj11";
+var result_section = "_1vox1xj12";
+var result_value_label = "_1vox1xj13";
+var result_value = "_1vox1xj14";
+var result_item = "_1vox1xj15";
+var result_item_label = "_1vox1xj16";
+var result_item_value = "_1vox1xj17";
+var result_image = "_1vox1xj18";
+var definitions_accordion = "_1vox1xj19";
+var definitions_button = "_1vox1xj1a";
+var definitions_h2 = createRuntimeFn({ defaultClassName: "_1vox1xj1b", variantClassNames: { variant: { primary: "_1vox1xj1c", secondary: "_1vox1xj1d", tertiary: "_1vox1xj1e", quaternary: "_1vox1xj1f" } }, defaultVariants: {}, compoundVariants: [] });
+var definitions_panel = "_1vox1xj1g";
+var definitions_columns = "_1vox1xj1h";
+var definitions_column = "_1vox1xj1i";
+var definitions_item = "_1vox1xj1j";
+var definitions_term = "_1vox1xj1k";
+var definitions_text = "_1vox1xj1l";
+var calc_btn = "_1vox1xj1m";
+var marketingTile = "_1vox1xj1n";
+var bodyContent = "_1vox1xj1o";
 export {
   apy_calculator,
   apy_calculator_form,
   bodyContent,
+  calc_btn,
   calculator_section,
-  cash,
+  chevron_icon,
   container,
+  definitions_accordion,
+  definitions_button,
+  definitions_column,
+  definitions_columns,
+  definitions_h2,
+  definitions_item,
+  definitions_panel,
+  definitions_term,
+  definitions_text,
   errorTag,
+  field_error,
+  field_label,
   field_row,
+  field_row_input,
+  field_row_input_error,
   fieldset,
   form_disclosure,
   header_theme,
   label_symbol,
+  listbox_button,
+  listbox_option,
+  listbox_options,
   marketing,
   marketingTile,
   mt_8,
+  optional_badge,
   percent,
   pis_0,
-  prefix_pad,
   relative,
+  result_card,
+  result_image,
+  result_item,
+  result_item_label,
+  result_item_value,
+  result_section,
+  result_value,
+  result_value_label,
+  results_wrapper,
+  scrambling,
   section_header,
-  span_12,
-  submit_section
+  span_12
 };