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

package/dist/NavigationMenu/SignInNavButton.js

@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.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/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/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/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/Modal/Modal.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                                    */
@@ -23,10 +23,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";
@@ -48,8 +55,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,15 +105,15 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+import styles from "./AxosBank/NavBar.module.js";
+import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
 import { NavItem } from "./NavItem/index.js";
 /* empty css                                      */
 import "next/navigation.js";
 /* empty css                                         */
 /* empty css                                              */
 /* empty css                                                 */
-import "next/link.js";
-import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
-import styles from "./AxosBank/NavBar.module.js";
 import { getNavItems } from "./AxosBank/NavData.js";
 /* empty css                                      */
 /* empty css                                       */
@@ -173,7 +174,6 @@ const SignInNavButton = () => {
       className: `${styles.desktop_only} flex_row middle relative`,
       ref,
       onKeyDown: handleKeyDownContainer,
-      role: "menubar",
       children: [
         lastNavItem && /* @__PURE__ */ jsx(
           NavItem,
@@ -205,7 +205,6 @@ const SignInNavButton = () => {
             action: toggle,
             size: "small",
             "aria-controls": "signin-drop-menu",
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx("span", { children: "Log in" }),
               /* @__PURE__ */ jsx(

package/dist/PageNavSet/PageNavSet.js

@@ -107,15 +107,23 @@ const PageNavSet = ({ id, pageNavItems }) => {
       });
     }
   }, [isClient]);
-  return /* @__PURE__ */ jsx("nav", { className: clsx(sticky_nav), id: "pageNav", children: /* @__PURE__ */ jsx("div", { className: "containment", id: `id_${id}`, style: { width: "100%" }, children: /* @__PURE__ */ jsx(SliderComponent, { ...settings, ref: sliderRef, children: pageNavItems?.map((section) => /* @__PURE__ */ jsx(
-    PageNavItem,
+  return /* @__PURE__ */ jsx(
+    "nav",
     {
-      id: section?.id,
-      label: section.label,
-      addClassName: `nav_child ${activeSection === section?.id?.replace(/ /g, "-") ? "active" : ""}`
-    },
-    section?.id
-  )) }) }) });
+      className: clsx(sticky_nav),
+      id: "pageNav",
+      "aria-label": "current page navigation",
+      children: /* @__PURE__ */ jsx("div", { className: "containment", id: `id_${id}`, style: { width: "100%" }, children: /* @__PURE__ */ jsx(SliderComponent, { ...settings, ref: sliderRef, children: pageNavItems?.map((section) => /* @__PURE__ */ jsx(
+        PageNavItem,
+        {
+          id: section?.id,
+          label: section.label,
+          addClassName: `nav_child ${activeSection === section?.id?.replace(/ /g, "-") ? "active" : ""}`
+        },
+        section?.id
+      )) }) })
+    }
+  );
 };
 export {
   PageNavSet

package/dist/SecondaryFooter/index.js

@@ -4,7 +4,14 @@ import clsx from "clsx";
 import { footer_items_wrapper, footer_item, footer_link, secondary_footer } from "./SecondaryFooter.css.js";
 const SecondaryFooter = (props) => {
   const { items } = props;
-  return /* @__PURE__ */ jsx("div", { className: clsx(secondary_footer, "containment", "section_spacer"), children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items?.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: item.targetURL, className: footer_link, children: item.displayText }) }, item.id)) }) });
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: clsx(secondary_footer, "containment"),
+      "aria-label": "popular links navigation",
+      children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items?.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: item.targetURL, className: footer_link, children: item.displayText }) }, item.id)) })
+    }
+  );
 };
 export {
   SecondaryFooter

package/dist/SetContainer/SetContainer.css.d.ts

@@ -5,14 +5,17 @@ export declare const set_container: import('@vanilla-extract/recipes').RuntimeFn
         };
         secondary: {
             background: `var(--${string})`;
+            paddingBlock: "2.5rem";
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "2.5rem";
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "2.5rem";
         };
     };
 }>;

package/dist/SetContainer/SetContainer.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/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/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/ImageToast/ImageToast.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/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                                    */
@@ -23,11 +23,12 @@ import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Button/Button.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
+import "../Button/Button.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import { setcontainer_section_text, inline_container, set_container_cols, setcontainer_section_additionaltext, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -75,15 +76,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 { setcontainer_section_text, inline_container, set_container_cols, setcontainer_section_additionaltext, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
@@ -99,18 +99,19 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
 /* empty css                                        */
+/* empty css                                          */
 /* empty css                                        */
 /* empty css                                              */
 /* 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/SocialMediaBar/iconsRepository.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.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/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/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/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/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                                    */
@@ -25,9 +25,14 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.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";
@@ -71,18 +76,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";
@@ -101,13 +102,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/SocialMediaBar/index.js

@@ -30,7 +30,7 @@ const SocialMediaBar = ({
   } else {
     iconsToRender.push(FacebookLVF, InstagramLVF, LinkedInLVF);
   }
-  return /* @__PURE__ */ jsx("section", { role: "contentinfo", className: smb_section, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("nav", { className: smb_section, "aria-label": "social media links", children: /* @__PURE__ */ jsx(
     "div",
     {
       className: `containment flex center middle ${smb_wrapper} ${className}`,

package/dist/StepItemSet/StepItemSet.css.d.ts

@@ -7,14 +7,17 @@ export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "48px";
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "48px";
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "48px";
         };
     };
 }>;

package/dist/Table/Table.css.d.ts

@@ -23,6 +23,9 @@ export declare const table_container: import('@vanilla-extract/recipes').Runtime
         };
     };
 }>;
+/** Marker classes for TableContainer + SetContainer (styles applied to inner .containment) */
+export declare const table_set_apy: string;
+export declare const table_set_standard: string;
 export declare const table_container_text: string;
 export declare const table_headline: string;
 export declare const highlight_first_row: string;

package/dist/Table/Table.css.js

@@ -1,29 +1,32 @@
-import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/Table/Table.css';import '../assets/SetContainer/SetContainer.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                    */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
+/* empty css                                              */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var table_section = createRuntimeFn({ defaultClassName: "_1nivbwe0", variantClassNames: { variant: { primary: "_1nivbwe1", secondary: "_1nivbwe2", tertiary: "_1nivbwe3", quaternary: "_1nivbwe4" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
 var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe5", variantClassNames: { variant: { apy: "_1nivbwe6", standard: "_1nivbwe7" } }, defaultVariants: {}, compoundVariants: [] });
-var table_container_text = "_1nivbwe8";
-var table_headline = "_1nivbwe9";
-var highlight_first_row = "_1nivbwea";
-var highlight_last_row = "_1nivbweb";
-var headerCell = "_1nivbwec";
-var headerVariants = { primary: "_1nivbwed _1nivbwec", secondary: "_1nivbwee _1nivbwec", tertiary: "_1nivbwef _1nivbwec", quaternary: "_1nivbweg _1nivbwec" };
-var bodyHeader = "_1nivbweh";
-var th = createRuntimeFn({ defaultClassName: "_1nivbwei", variantClassNames: { variant: { primary: "_1nivbwej", secondary: "_1nivbwek", tertiary: "_1nivbwel", quaternary: "_1nivbwem" }, highlighted: { true: "_1nivbwen" } }, defaultVariants: {}, compoundVariants: [] });
-var apy_table = "_1nivbweo";
-var td = createRuntimeFn({ defaultClassName: "_1nivbwep", variantClassNames: { variant: { primary: "_1nivbweq", secondary: "_1nivbwer", tertiary: "_1nivbwes", quaternary: "_1nivbwet" }, highlighted: { true: "_1nivbweu" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwev"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwew"]] });
-var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwex", variantClassNames: { variant: { primary: "_1nivbwey", secondary: "_1nivbwez", tertiary: "_1nivbwe10", quaternary: "_1nivbwe11" } }, defaultVariants: {}, compoundVariants: [] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwe12", variantClassNames: { variant: { primary: "_1nivbwe13", secondary: "_1nivbwe14", tertiary: "_1nivbwe15", quaternary: "_1nivbwe16" } }, defaultVariants: {}, compoundVariants: [] });
-var alternate_color_rows = "_1nivbwe17";
-var table_description_text = "_1nivbwe18 _1nivbwe8";
-var highlight_cell = "_1nivbwe19";
-var highlight_th = "_1nivbwe1a";
+var table_set_apy = "_1nivbwe8";
+var table_set_standard = "_1nivbwe9";
+var table_container_text = "_1nivbwea";
+var table_headline = "_1nivbweb";
+var highlight_first_row = "_1nivbwec";
+var highlight_last_row = "_1nivbwed";
+var headerCell = "_1nivbwee";
+var headerVariants = { primary: "_1nivbwef _1nivbwee", secondary: "_1nivbweg _1nivbwee", tertiary: "_1nivbweh _1nivbwee", quaternary: "_1nivbwei _1nivbwee" };
+var bodyHeader = "_1nivbwej";
+var th = createRuntimeFn({ defaultClassName: "_1nivbwek", variantClassNames: { variant: { primary: "_1nivbwel", secondary: "_1nivbwem", tertiary: "_1nivbwen", quaternary: "_1nivbweo" }, highlighted: { true: "_1nivbwep" } }, defaultVariants: {}, compoundVariants: [] });
+var apy_table = "_1nivbweq";
+var td = createRuntimeFn({ defaultClassName: "_1nivbwer", variantClassNames: { variant: { primary: "_1nivbwes", secondary: "_1nivbwet", tertiary: "_1nivbweu", quaternary: "_1nivbwev" }, highlighted: { true: "_1nivbwew" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwex"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwey"]] });
+var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwez", variantClassNames: { variant: { primary: "_1nivbwe10", secondary: "_1nivbwe11", tertiary: "_1nivbwe12", quaternary: "_1nivbwe13" } }, defaultVariants: {}, compoundVariants: [] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwe14", variantClassNames: { variant: { primary: "_1nivbwe15", secondary: "_1nivbwe16", tertiary: "_1nivbwe17", quaternary: "_1nivbwe18" } }, defaultVariants: {}, compoundVariants: [] });
+var alternate_color_rows = "_1nivbwe19";
+var table_description_text = "_1nivbwe1a _1nivbwea";
+var highlight_cell = "_1nivbwe1b";
+var highlight_th = "_1nivbwe1c";
 export {
   alternate_color_rows,
   apy_table,
@@ -41,6 +44,8 @@ export {
   table_description_text,
   table_headline,
   table_section,
+  table_set_apy,
+  table_set_standard,
   td,
   th
 };

package/dist/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, variant, }: TableContainerProps) => import("react").JSX.Element;
+export declare const TableContainer: ({ headline, bodyCopy, additionalDetails, children, tableType, tableTitle, tableDescription, tableFooter, tableBody, internalName, id, icon, variant, eyebrow, }: TableContainerProps) => import("react").JSX.Element;
 export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react").JSX.Element;

package/dist/Table/Table.interface.d.ts

@@ -1,3 +1,4 @@
+import { SetContainerProps } from '../SetContainer';
 import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
@@ -18,14 +19,10 @@ export interface TableProps extends PropsWithChildren {
     className?: string;
     tableAriaLabel?: string;
 }
-export interface TableContainerProps extends PropsWithChildren {
-    id?: string;
-    variant: string;
+export interface TableContainerProps extends SetContainerProps {
+    tableType?: "Standard" | "Rate";
     tableTitle?: ReactNode | string;
-    tableBody?: ReactNode | string;
-    tableFooter?: ReactNode | string;
-    tableType?: string;
     tableDescription?: ReactNode | string;
-    internalName?: string;
-    icon?: boolean;
+    tableFooter?: ReactNode | string;
+    tableBody?: ReactNode | string;
 }

package/dist/Table/Table.js

@@ -1,54 +1,44 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import SvgComponent from "../icons/AxosX/Blue.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-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 { SetContainer } from "../SetContainer/SetContainer.js";
+import "../SetContainer/SetContainer.css.js";
 import { getVariant } from "../utils/getVariant.js";
 import { createElement } from "react";
-import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_container_text, table_headline, table_description_text, table_container, table_section } from "./Table.css.js";
+import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_set_apy, table_set_standard, table_section } from "./Table.css.js";
 const TableContainer = ({
-  tableTitle,
-  tableBody,
-  tableFooter,
+  headline,
+  bodyCopy,
+  additionalDetails,
+  children,
   tableType = "Standard",
+  tableTitle,
   tableDescription,
+  tableFooter,
+  tableBody,
   internalName,
   id,
   icon,
-  variant = "primary"
+  variant = "primary",
+  eyebrow
 }) => {
-  const container_variant = getVariant(variant);
   return /* @__PURE__ */ jsx(
-    "section",
+    SetContainer,
     {
-      id: internalName?.replace(/ /g, "-"),
-      className: table_section({ variant: container_variant }),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: clsx(
-            tableType === "Rate" ? table_container({ variant: "apy" }) : table_container({ variant: "standard" }),
-            "containment"
-          ),
-          children: [
-            (tableTitle || icon) && /* @__PURE__ */ jsxs("div", { className: table_container_text, children: [
-              icon && /* @__PURE__ */ jsx("div", { className: "mb_16 text_center", children: /* @__PURE__ */ jsx(SvgComponent, {}) }),
-              /* @__PURE__ */ jsx("h2", { className: clsx("header_2", table_headline), children: tableTitle })
-            ] }),
-            tableDescription && /* @__PURE__ */ jsx("div", { className: table_description_text, children: tableDescription }),
-            tableBody,
-            tableFooter && /* @__PURE__ */ jsx("div", { className: clsx(table_container_text, "push_up_24"), children: tableFooter })
-          ]
-        }
-      )
-    },
-    id
+      id,
+      variant,
+      headline: headline ?? tableTitle,
+      bodyCopy: bodyCopy ?? tableDescription,
+      additionalDetails: additionalDetails ?? tableFooter,
+      icon,
+      eyebrow,
+      internalName,
+      numberOfColumns: "1 Column",
+      className: clsx(
+        tableType === "Rate" ? table_set_apy : table_set_standard,
+        table_section({ variant: getVariant(variant) })
+      ),
+      children: children ?? tableBody
+    }
   );
 };
 const Table = ({

package/dist/Table/index.js

@@ -1,5 +1,5 @@
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table.js";
-import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table.css.js";
+import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, table_set_apy, table_set_standard, td, th } from "./Table.css.js";
 export {
   Table,
   TableBody,
@@ -23,6 +23,8 @@ export {
   table_description_text,
   table_headline,
   table_section,
+  table_set_apy,
+  table_set_standard,
   td,
   th
 };

package/dist/TopicalNavItem/TopicalNavItem.css.d.ts

@@ -1,5 +1,4 @@
 export declare const picker_navItem: string;
 export declare const picker_itemProduct: string;
-export declare const picker_arrow: string;
 export declare const picker_itemContent: string;
 export declare const picker_navIcon: string;

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,11 +1,9 @@
 import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
-var picker_arrow = "dmebjx2";
-var picker_itemContent = "dmebjx3";
-var picker_navIcon = "dmebjx4";
+var picker_itemContent = "dmebjx2";
+var picker_navIcon = "dmebjx3";
 export {
-  picker_arrow,
   picker_itemContent,
   picker_itemProduct,
   picker_navIcon,