@axos-web-dev/shared-components 2.2.24 → 2.2.26

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/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/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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/ImageToast/ImageToast.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                                    */
@@ -55,7 +55,13 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.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 "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -68,19 +74,14 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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";
@@ -99,13 +100,13 @@ 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                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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/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/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/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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                                    */
@@ -39,10 +39,15 @@ 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 "../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                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -65,20 +70,16 @@ import "./SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 import { Hyperlink } from "../Hyperlink/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.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";
@@ -98,13 +99,13 @@ import "next/script.js";
 /* empty css                                            */
 import "../Interstitial/Interstitial-variants.css.js";
 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                                                      */
 /* 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,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/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/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/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/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                                    */
@@ -24,10 +24,17 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.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";
@@ -49,8 +56,6 @@ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
 import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
-/* empty css                                          */
-/* empty css                                          */
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -74,18 +79,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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 "../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";
@@ -104,13 +105,13 @@ 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                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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
 };

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

@@ -2,11 +2,11 @@ import { IconBillboardProps } from '../../IconBillboard/IconBillboard.interface'
 import { QuaternaryTypes } from '../../utils';
 import { FC, ReactNode } from 'react';
 
-export interface ApyCalculatorProps {
+export interface ApyCalcProps {
     header?: ReactNode | string;
     body?: ReactNode | string;
     marketingTiles?: IconBillboardProps[];
     variant: QuaternaryTypes;
     disclosure?: ReactNode | string;
 }
-export declare const ApyCalculator: FC<ApyCalculatorProps>;
+export declare const ApyCalculator: FC<ApyCalcProps>;