@axos-web-dev/shared-components 2.0.0-dev.28 → 2.0.0-dev.29-toasts

package/dist/ATMLocator/ATMLocator.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.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/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/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/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/ImageToast/ImageToast.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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.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                                    */
@@ -69,7 +69,7 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
@@ -80,6 +80,7 @@ import "../Comparison/Comparison.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -104,7 +105,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+/* empty css                                                                  */
 import "next/link.js";
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
@@ -124,6 +128,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                */
 /* empty css                                              */
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "iframe-resizer";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Article/Article.css.d.ts

@@ -2,15 +2,23 @@ export declare const related_insight: string;
 export declare const ant_article: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             border: "1px solid #B9C1CE";
         };
         secondary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             border: "none";
         };
         tertiary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             border: "none";
         };
         quaternary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
             border: "none";
         };
     };
@@ -53,19 +61,15 @@ export declare const ant_card_body: import('@vanilla-extract/recipes').RuntimeFn
     variant: {
         primary: {
             color: `var(--${string})`;
-            background: `var(--${string})`;
         };
         secondary: {
             color: `var(--${string})`;
-            background: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
-            background: `var(--${string})`;
         };
         quaternary: {
             color: `var(--${string})`;
-            background: `var(--${string})`;
         };
     };
 }>;

package/dist/ArticlesSet/ArticlesSet.css.d.ts

@@ -1,4 +1,26 @@
-export declare const ant_section: string;
+export declare const ant_section: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+            background: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+            background: `var(--${string})`;
+            paddingBlock: "2.5rem";
+        };
+        tertiary: {
+            color: `var(--${string})`;
+            background: `var(--${string})`;
+            paddingBlock: "2.5rem";
+        };
+        quaternary: {
+            color: `var(--${string})`;
+            background: `var(--${string})`;
+            paddingBlock: "2.5rem";
+        };
+    };
+}>;
 export declare const ant_header: string;
 export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {

package/dist/ArticlesSet/ArticlesSet.css.js

@@ -5,13 +5,13 @@ import '../assets/ArticlesSet/ArticlesSet.css';import '../assets/themes/victorie
 /* empty css                                    */
 /* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var ant_section = "kjcqgc0";
-var ant_header = "kjcqgc1";
-var ant_sec_title = createRuntimeFn({ defaultClassName: "kjcqgc2", variantClassNames: { variant: { primary: "kjcqgc3", secondary: "kjcqgc4", tertiary: "kjcqgc5", quaternary: "kjcqgc6" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_blog_cta = createRuntimeFn({ defaultClassName: "kjcqgc7", variantClassNames: { variant: { primary: "kjcqgc8", secondary: "kjcqgc9", tertiary: "kjcqgca", quaternary: "kjcqgcb" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_svg_fill = createRuntimeFn({ defaultClassName: "kjcqgcc", variantClassNames: { variant: { primary: "kjcqgcd", secondary: "kjcqgce", tertiary: "kjcqgcf", quaternary: "kjcqgcg" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_grid = "kjcqgch";
-var ant_sec_body = createRuntimeFn({ defaultClassName: "kjcqgci", variantClassNames: { variant: { primary: "kjcqgcj", secondary: "kjcqgck", tertiary: "kjcqgcl", quaternary: "kjcqgcm" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_section = createRuntimeFn({ defaultClassName: "kjcqgc0", variantClassNames: { variant: { primary: "kjcqgc1", secondary: "kjcqgc2", tertiary: "kjcqgc3", quaternary: "kjcqgc4" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_header = "kjcqgc5";
+var ant_sec_title = createRuntimeFn({ defaultClassName: "kjcqgc6", variantClassNames: { variant: { primary: "kjcqgc7", secondary: "kjcqgc8", tertiary: "kjcqgc9", quaternary: "kjcqgca" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_blog_cta = createRuntimeFn({ defaultClassName: "kjcqgcb", variantClassNames: { variant: { primary: "kjcqgcc", secondary: "kjcqgcd", tertiary: "kjcqgce", quaternary: "kjcqgcf" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_svg_fill = createRuntimeFn({ defaultClassName: "kjcqgcg", variantClassNames: { variant: { primary: "kjcqgch", secondary: "kjcqgci", tertiary: "kjcqgcj", quaternary: "kjcqgck" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_grid = "kjcqgcl";
+var ant_sec_body = createRuntimeFn({ defaultClassName: "kjcqgcm", variantClassNames: { variant: { primary: "kjcqgcn", secondary: "kjcqgco", tertiary: "kjcqgcp", quaternary: "kjcqgcq" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   ant_blog_cta,
   ant_grid,

package/dist/ArticlesSet/ArticlesSet.js

@@ -3,7 +3,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { getViewAllURL } from "../utils/relatedArticlesUtil.js";
 import { Article } from "../Article/Article.js";
 import "../Article/Article.css.js";
-import { ant_section, ant_header, ant_sec_title, ant_sec_body, ant_blog_cta, ant_svg_fill, ant_grid } from "./ArticlesSet.css.js";
+import { ant_header, ant_sec_title, ant_sec_body, ant_blog_cta, ant_svg_fill, ant_grid, ant_section } from "./ArticlesSet.css.js";
 const ArticlesSet = ({
   id,
   title,
@@ -14,7 +14,7 @@ const ArticlesSet = ({
 }) => {
   const variant = getVariant(fullVariant);
   const viewAllURL = getViewAllURL(resource);
-  return /* @__PURE__ */ jsx("section", { className: ant_section, id, children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+  return /* @__PURE__ */ jsx("section", { className: ant_section({ variant }), id, children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
     /* @__PURE__ */ jsxs("div", { className: `${ant_header} text_center`, children: [
       /* @__PURE__ */ jsx("h2", { className: `${ant_sec_title({ variant })} header_1`, children: title || "Articles & Tools" }),
       /* @__PURE__ */ jsx("div", { className: `${ant_sec_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) }),
@@ -106,8 +106,7 @@ const ArticlesSet = ({
         image: article?.image,
         title: article?.title,
         description: article?.description,
-        targetUrl: article?.targetUrl,
-        variant: article?.variant
+        targetUrl: article?.targetUrl
       },
       `id_${article.id}`
     )) })

package/dist/Auth/ErrorAlert.js

@@ -17,7 +17,7 @@ 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/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/Modal/Modal.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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/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/ImageToast/ImageToast.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/Modal/Modal.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -42,6 +42,7 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -64,10 +65,11 @@ import "./SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 import { Hyperlink } from "../Hyperlink/index.js";
@@ -76,6 +78,7 @@ import "../Comparison/Comparison.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -96,13 +99,15 @@ import "next/script.js";
 /* empty css                                            */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+/* empty css                                                                  */
 import "next/link.js";
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/Auth/SignInPassword.js

@@ -40,7 +40,7 @@ const SignIn = (props) => {
     });
   };
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx("div", { id: "axb-page", className: "section_spacer", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+  return /* @__PURE__ */ jsx("div", { id: "axb-page", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
     /* @__PURE__ */ jsxs(
       "form",
       {

package/dist/AwardsItem/AwardsItem.js

@@ -26,8 +26,8 @@ const AwardsItem = ({
       className: `${award_item} text_center`,
       id: `id_${id}`,
       children: [
-        starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", role: "presentation", width: 69, height: 12 }),
-        /* @__PURE__ */ jsx("p", { className: award_name, children: awardsName }),
+        starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", width: 69, height: 12 }),
+        /* @__PURE__ */ jsx("p", { className: award_name, role: "heading", "aria-level": 2, children: awardsName }),
         /* @__PURE__ */ jsx("p", { className: award_company, children: awardsSource })
       ]
     },

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/AxosBank/NavBar2.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/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/ImageToast/ImageToast.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/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";
@@ -26,6 +27,7 @@ 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 "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -72,7 +74,7 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
@@ -83,6 +85,7 @@ import "../Comparison/Comparison.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -107,7 +110,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+/* empty css                                                                  */
 import "next/link.js";
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
@@ -160,7 +166,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 +198,7 @@ const Button = ({
         id,
         target: newTab ? "_blank" : "_self",
         onClick: marketingIntersitial ? openMarketingInterstitial : action ?? onClick,
+        onMouseDown: handleMouseDown,
         disabled: disabled ?? false
       },
       children

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

@@ -0,0 +1,95 @@
+export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const apy_calculator: string;
+export declare const calculator_section: string;
+export declare const section_header: string;
+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 percent: string;
+export declare const span_12: string;
+export declare const form_disclosure: string;
+export declare const marketing: string;
+export declare const header_theme: 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 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;

package/dist/Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js

@@ -0,0 +1,101 @@
+import '../../assets/Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.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: "_138i3b20", variantClassNames: { variant: { primary: "_138i3b21", secondary: "_138i3b22", tertiary: "_138i3b23", quaternary: "_138i3b24" } }, defaultVariants: {}, compoundVariants: [] });
+var apy_calculator = "_138i3b25";
+var calculator_section = "_138i3b26";
+var section_header = "_138i3b27";
+var apy_calculator_form = "_138i3b28";
+var errorTag = "_138i3b29";
+var fieldset = "_138i3b2a";
+var field_row = "_138i3b2b";
+var field_label = "_138i3b2c";
+var field_row_input = "_138i3b2d";
+var field_row_input_error = "_138i3b2e";
+var field_error = "_138i3b2f";
+var relative = "_138i3b2g";
+var label_symbol = "_138i3b2h";
+var percent = "_138i3b2i";
+var span_12 = "_138i3b2j";
+var form_disclosure = "_138i3b2k";
+var marketing = "_138i3b2l";
+var header_theme = createRuntimeFn({ defaultClassName: "_138i3b2m", variantClassNames: { variant: { primary: "_138i3b2n", secondary: "_138i3b2o", tertiary: "_138i3b2p", quaternary: "_138i3b2q" } }, defaultVariants: {}, compoundVariants: [] });
+var mt_8 = "_138i3b2r";
+var pis_0 = "_138i3b2s";
+var listbox_button = "_138i3b2t";
+var chevron_icon = "_138i3b2u";
+var listbox_options = "_138i3b2v";
+var listbox_option = "_138i3b2w";
+var results_wrapper = "_138i3b2x";
+var optional_badge = "_138i3b2y";
+var scrambling = "_138i3b210";
+var result_card = "_138i3b211";
+var result_section = "_138i3b212";
+var result_value_label = "_138i3b213";
+var result_value = "_138i3b214";
+var result_item = "_138i3b215";
+var result_item_label = "_138i3b216";
+var result_item_value = "_138i3b217";
+var result_image = "_138i3b218";
+var definitions_accordion = "_138i3b219";
+var definitions_button = "_138i3b21a";
+var definitions_h2 = createRuntimeFn({ defaultClassName: "_138i3b21b", variantClassNames: { variant: { primary: "_138i3b21c", secondary: "_138i3b21d", tertiary: "_138i3b21e", quaternary: "_138i3b21f" } }, defaultVariants: {}, compoundVariants: [] });
+var definitions_panel = "_138i3b21g";
+var definitions_columns = "_138i3b21h";
+var definitions_column = "_138i3b21i";
+var definitions_item = "_138i3b21j";
+var definitions_term = "_138i3b21k";
+var definitions_text = "_138i3b21l";
+var calc_btn = "_138i3b21m";
+export {
+  apy_calculator,
+  apy_calculator_form,
+  calc_btn,
+  calculator_section,
+  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,
+  mt_8,
+  optional_badge,
+  percent,
+  pis_0,
+  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
+};

package/dist/Calculators/ApyCalculatorUserTest/index.d.ts

@@ -0,0 +1,12 @@
+import { IconBillboardProps } from '../../IconBillboard/IconBillboard.interface';
+import { QuaternaryTypes } from '../../utils';
+import { FC, ReactNode } from 'react';
+
+export interface ApyCalcUserTestingProps {
+    header?: ReactNode | string;
+    body?: ReactNode | string;
+    marketingTiles?: IconBillboardProps[];
+    variant: QuaternaryTypes;
+    disclosure?: ReactNode | string;
+}
+export declare const ApyCalculatorUserTesting: FC<ApyCalcUserTestingProps>;