@axos-web-dev/shared-components 2.0.0-dev.30-toasts.1 → 2.0.0-dev.31

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/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                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/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                                    */
@@ -28,6 +28,7 @@ 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";
@@ -105,13 +105,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/SocialMediaBar/iconsRepository.d.ts

@@ -2,43 +2,43 @@ import { UrlResolver } from '../utils/allowedAxosDomains';
 
 export declare const BusinessWire: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Facebook: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const FacebookLVF: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Glassdoor: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Indeed: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Instagram: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const InstagramLVF: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const LinkedIn: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const LinkedInLVF: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Libsyn: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Pinterest: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Spotify: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Youtube: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Xtwitter: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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/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/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/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/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                                    */
@@ -28,6 +28,11 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.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,19 +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";
-/* empty css                                          */
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -102,13 +102,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/SocialMediaBar/index.d.ts

@@ -4,4 +4,4 @@ export * from './SocialMediaBar.css';
 export declare const SocialMediaBar: ({ className, style, }: {
     className?: string;
     style?: CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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/Tab/Tab.d.ts

@@ -7,4 +7,4 @@ export interface TabProps {
     onClick: () => void;
     variant: string;
 }
-export declare const Tab: ({ id, headline, className, onClick, variant, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: ({ id, headline, className, onClick, variant, }: TabProps) => import("react").JSX.Element;

package/dist/Tab/TabContainer.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 
 export declare const TabContainer: ({ className, children, }: {
     className?: string;
-} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+} & PropsWithChildren) => import("react").JSX.Element;

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,11 +1,11 @@
 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-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").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;
+export declare const TableBody: ({ children }: PropsWithChildren) => import("react").JSX.Element;
 export declare const TableCell: ({ children, as, variant, highlighted, colSpan, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     colSpan: number | undefined;
     className: string;

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/TextBlock/TextBlock.d.ts

@@ -6,4 +6,4 @@ export interface TextBlockProps {
     id?: string;
     internalName?: string;
 }
-export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextBlock: (props: TextBlockProps) => import("react").JSX.Element;

package/dist/Topic/Topic.d.ts

@@ -1,19 +1,19 @@
 import { default as React, PropsWithChildren } from 'react';
 
 export type Topic = PropsWithChildren;
-export declare const Topic: ({ children }: Topic) => import("react/jsx-runtime").JSX.Element;
+export declare const Topic: ({ children }: Topic) => React.JSX.Element;
 export type TopicHeader = {
     As?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "a";
     title?: React.ReactNode;
 } & PropsWithChildren;
-export declare const TopicHeader: (props: TopicHeader) => import("react/jsx-runtime").JSX.Element;
+export declare const TopicHeader: (props: TopicHeader) => React.JSX.Element;
 export declare const TopicContent: (props: {
     url?: string;
     title?: string;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const TopicItem: (props: {
     url?: string;
     title?: string;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

package/dist/TopicalNavSet/TopicalNavSet.js

@@ -5,16 +5,24 @@ const TopicalNavSet = ({
   id,
   topicalNavigationItems
 }) => {
-  return /* @__PURE__ */ jsx("nav", { id: `id_${id}`, className: picker_section, children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav) => /* @__PURE__ */ jsx(
-    TopicalNavItem,
+  return /* @__PURE__ */ jsx(
+    "nav",
     {
-      id: `id_${nav?.id}`,
-      icon: { src: nav?.icon?.src || "" },
-      displayText: nav?.displayText,
-      targetUrl: nav?.targetUrl
-    },
-    `id_${nav?.id}`
-  )) }) }) });
+      id: `id_${id}`,
+      className: picker_section,
+      "aria-label": "popular topics navigation",
+      children: /* @__PURE__ */ jsx("div", { className: picker_container, children: /* @__PURE__ */ jsx("div", { className: `${picker_orient} flex`, children: topicalNavigationItems?.map((nav) => /* @__PURE__ */ jsx(
+        TopicalNavItem,
+        {
+          id: `id_${nav?.id}`,
+          icon: { src: nav?.icon?.src || "" },
+          displayText: nav?.displayText,
+          targetUrl: nav?.targetUrl
+        },
+        `id_${nav?.id}`
+      )) }) })
+    }
+  );
 };
 export {
   TopicalNavSet

package/dist/VideoTile/VideoInit.d.ts

@@ -1 +1 @@
-export declare const VideoInit: () => import("react/jsx-runtime").JSX.Element;
+export declare const VideoInit: () => import("react").JSX.Element;