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

package/dist/ImageToast/index.js

@@ -4,7 +4,7 @@ import { IconBillboard } from "../IconBillboard/IconBillboard.js";
 import "../IconBillboard/IconBillboard.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/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/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/Forms/HoneyPot/HoneyPot.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                                    */
@@ -31,6 +31,10 @@ 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";
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -50,7 +54,8 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
+/* empty css                                            */
+import "../Forms/HoneyPot/honeyPotValidation.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -82,10 +87,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 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,16 +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                                                                 */
 /* empty css                                                                  */
-import "next/link.js";
 import "../NavigationMenu/ServerNavigation/Menu.js";
 import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/ImageWrapper/ImageWrapper.d.ts

@@ -6,5 +6,5 @@ export interface ImageWrapperProps {
         heigth?: string | number;
     };
 }
-declare const ImageWrapper: ({ image }: ImageWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImageWrapper: ({ image }: ImageWrapperProps) => import("react").JSX.Element;
 export default ImageWrapper;

package/dist/Insight/Featured/CategorySelector.css.js

@@ -11,7 +11,7 @@ var selector_link_mobile = "_13y9ptj2 _13y9ptj1";
 var selector_title_link = "_13y9ptj3";
 var selector_more = "_13y9ptj4";
 var selector_grid_items = "_13y9ptj5";
-var selector_small_item = "_13y9ptj6 _1sr2o6v9";
+var selector_small_item = "_13y9ptj6 _1sr2o6v4";
 var selector_title = "_13y9ptj7";
 var selector_grid_content = "_13y9ptj8";
 var selector_img = "_13y9ptj9";

package/dist/Insight/Featured/CategorySelector.d.ts

@@ -11,5 +11,5 @@ export interface CategorySelectorProps extends PropsWithChildren {
     hideLink?: boolean;
     hideMore?: boolean;
 }
-export declare const CategorySelector: (props: CategorySelectorProps) => import("react/jsx-runtime").JSX.Element;
-export declare const InsightItem: (props: FeaturedItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CategorySelector: (props: CategorySelectorProps) => import("react").JSX.Element;
+export declare const InsightItem: (props: FeaturedItemProps) => import("react").JSX.Element;

package/dist/Insight/Featured/CategorySelector.js

@@ -6,7 +6,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.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/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Forms/HoneyPot/HoneyPot.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -29,6 +29,11 @@ import "next/image.js";
 import "../../Button/Button.css.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";
@@ -48,7 +53,8 @@ import "../../Input/PercentageInput.js";
 import "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
+/* empty css                                               */
+import "../../Forms/HoneyPot/honeyPotValidation.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
@@ -81,11 +87,6 @@ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 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";
@@ -103,16 +104,16 @@ import "next/script.js";
 import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
 /* 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                                                                    */
 /* empty css                                                                     */
-import "next/link.js";
 import "../../NavigationMenu/ServerNavigation/Menu.js";
 import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                          */
 /* empty css                                                      */

package/dist/Insight/Featured/Featured.css.d.ts

@@ -2,13 +2,15 @@ export declare const featured_section: string;
 export declare const featured_title: string;
 export declare const featured_supertag: string;
 export declare const featured_grid: string;
+export declare const featured_maingrid: string;
+export declare const ratio: string;
+export declare const featured_main_wrapper: string;
+export declare const featured_maingrid_title: string;
+export declare const featured_maingrid_text: string;
+export declare const info_details: string;
 export declare const featured_subgrid: string;
 export declare const featured_subgrid_item: string;
 export declare const featured_subgrid_title: string;
-export declare const featured_subgrid_divider: string;
 export declare const featured_center_vertical: string;
-export declare const featured_maingrid: string;
-export declare const featured_hero: string;
 export declare const featured_maingrid_img: string;
 export declare const featured_maingrid_item: string;
-export declare const featured_maingrid_title: string;

package/dist/Insight/Featured/Featured.css.js

@@ -1,32 +1,37 @@
-import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+import '../../assets/Insight/Featured/Featured.css';import '../../assets/themes/axos.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+/* empty css                                   */
 /* empty css                            */
 var featured_section = "_1sr2o6v0";
 var featured_title = "_1sr2o6v1";
 var featured_supertag = "_1sr2o6v2";
 var featured_grid = "_1sr2o6v3";
-var featured_subgrid = "_1sr2o6v4";
-var featured_subgrid_item = "_1sr2o6v5";
-var featured_subgrid_title = "_1sr2o6v6";
-var featured_subgrid_divider = "_1sr2o6v7";
-var featured_center_vertical = "_1sr2o6v8";
-var featured_maingrid = "_1sr2o6v9";
-var featured_hero = "_1sr2o6va";
-var featured_maingrid_img = "_1sr2o6vb";
-var featured_maingrid_item = "_1sr2o6vc";
-var featured_maingrid_title = "_1sr2o6vd";
+var featured_maingrid = "_1sr2o6v4";
+var ratio = "_1sr2o6v5";
+var featured_main_wrapper = "_1sr2o6v6";
+var featured_maingrid_title = "_1sr2o6v7";
+var featured_maingrid_text = "_1sr2o6v8";
+var info_details = "_1sr2o6v9";
+var featured_subgrid = "_1sr2o6va";
+var featured_subgrid_item = "_1sr2o6vb";
+var featured_subgrid_title = "_1sr2o6vc";
+var featured_center_vertical = "_1sr2o6vd";
+var featured_maingrid_img = "_1sr2o6ve";
+var featured_maingrid_item = "_1sr2o6vf";
 export {
   featured_center_vertical,
   featured_grid,
-  featured_hero,
+  featured_main_wrapper,
   featured_maingrid,
   featured_maingrid_img,
   featured_maingrid_item,
+  featured_maingrid_text,
   featured_maingrid_title,
   featured_section,
   featured_subgrid,
-  featured_subgrid_divider,
   featured_subgrid_item,
   featured_subgrid_title,
   featured_supertag,
-  featured_title
+  featured_title,
+  info_details,
+  ratio
 };

package/dist/Insight/Featured/Featured.d.ts

@@ -16,10 +16,11 @@ export interface FeaturedItemProps {
         alt: string;
     };
     title?: ReactNode;
+    text?: string;
     supertag?: ReactNode;
     readingTime?: string;
 }
 export declare const FeaturedItem: (props: FeaturedItemProps & {
     variant: QuaternaryTypes;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Featured: (props: InsightProps) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
+export declare const Featured: (props: InsightProps) => import("react").JSX.Element;

package/dist/Insight/Featured/Featured.js

@@ -6,7 +6,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.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/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/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/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/Forms/HoneyPot/HoneyPot.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -26,6 +26,11 @@ import Image from "next/image.js";
 import "../../Button/Button.css.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";
@@ -45,7 +50,8 @@ import "../../Input/PercentageInput.js";
 import "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
+/* empty css                                               */
+import "../../Forms/HoneyPot/honeyPotValidation.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
@@ -81,11 +87,6 @@ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 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 { set_container } from "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
@@ -96,25 +97,25 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                             */
 /* empty css                                                            */
 /* empty css                                               */
-import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
+import "../../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_title, featured_maingrid_img, featured_maingrid_title, featured_center_vertical, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section, featured_subgrid_item, featured_supertag, featured_subgrid_title } from "./Featured.css.js";
-/* empty css                          */
+import { featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, ratio, featured_main_wrapper, featured_maingrid_title, featured_maingrid_text, info_details, featured_subgrid, featured_subgrid_item, featured_subgrid_title } from "./Featured.css.js";
+import { insight_wrap } from "./Header.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                                                                    */
 /* empty css                                                                     */
-import "next/link.js";
 import "../../NavigationMenu/ServerNavigation/Menu.js";
 import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                          */
 /* empty css                                                      */
@@ -138,110 +139,119 @@ const FeaturedItem = (props) => {
     readingTime,
     supertag: supertagText,
     title: featureItemTitle,
-    variant: fullVariant
+    variant: fullVariant,
+    image
   } = props;
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
-    /* @__PURE__ */ jsx("h2", { className: clsx(supertag({ variant }), featured_supertag), children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? "" }),
-    /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
-    /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsx("a", { href: url ?? "/", className: featured_subgrid_item, children: /* @__PURE__ */ jsxs("div", { className: "flex", style: { gap: "16px" }, children: [
+    /* @__PURE__ */ jsxs("picture", { className: ratio, children: [
+      /* @__PURE__ */ jsx("source", { srcSet: `https:${image?.url}?fm=avif`, type: "image/avif" }),
+      /* @__PURE__ */ jsx("source", { srcSet: `https:${image?.url}?fm=webp`, type: "image/webp" }),
       /* @__PURE__ */ jsx(
-        ClockIcon,
+        Image,
         {
-          className: clsx(featured_center_vertical),
-          style: {
-            filter: ["tertiary", "quaternary"].includes(variant) ? "brightness(0) invert(1)" : ""
-          }
+          src: `https:${image?.url}`,
+          className: clsx(featured_maingrid_img, ratio),
+          height: 159,
+          width: 269,
+          priority: true,
+          alt: ""
         }
-      ),
-      " ",
-      /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap_24", children: [
+      /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
+        /* @__PURE__ */ jsx(ClockIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: info_details, children: (readingTime ?? "0") + " minute read" }),
+        /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 1,
+            height: 20,
+            viewBox: "0 0 1 20",
+            fill: "none",
+            children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? "" })
+      ] })
     ] })
-  ] });
+  ] }) });
 };
 const Featured = (props) => {
   const { id, variant: fullVariant, featured, headline } = props;
   const variant = getVariant(fullVariant);
   const [main, ...restFeatured] = featured;
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id,
-      className: clsx(featured_section, set_container({ variant })),
-      children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
-        headline && /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
-        /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
-          /* @__PURE__ */ jsxs(
-            "a",
+  return /* @__PURE__ */ jsx("section", { id, className: featured_section, children: /* @__PURE__ */ jsxs("div", { className: insight_wrap, children: [
+    headline && /* @__PURE__ */ jsx("h2", { className: featured_title, children: headline }),
+    /* @__PURE__ */ jsxs("div", { className: featured_grid, children: [
+      /* @__PURE__ */ jsxs("a", { href: main?.url, className: featured_maingrid, children: [
+        /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, "rounded"), children: [
+          /* @__PURE__ */ jsx(
+            "source",
             {
-              href: main?.url,
-              className: clsx(featured_maingrid, featured_hero),
-              children: [
-                /* @__PURE__ */ jsxs("picture", { children: [
-                  /* @__PURE__ */ jsx(
-                    "source",
-                    {
-                      srcSet: `https:${main?.image?.url}?fm=avif`,
-                      type: "image/avif"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "source",
-                    {
-                      srcSet: `https:${main?.image?.url}?fm=webp`,
-                      type: "image/webp"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Image,
-                    {
-                      src: `https:${main?.image?.url}?q=85`,
-                      className: clsx(featured_maingrid_img),
-                      width: 703,
-                      height: 340,
-                      priority: true,
-                      alt: ""
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
-                  /* @__PURE__ */ jsx(
-                    "h2",
-                    {
-                      className: clsx(
-                        title({ variant: "primary" }),
-                        featured_maingrid_title
-                      ),
-                      children: main?.title ?? ""
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
-                    " ",
-                    /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
-                  ] })
-                ] })
-              ]
+              srcSet: `https:${main?.image?.url}?fm=avif`,
+              type: "image/avif"
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              FeaturedItem,
+          /* @__PURE__ */ jsx(
+            "source",
+            {
+              srcSet: `https:${main?.image?.url}?fm=webp`,
+              type: "image/webp"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: `https:${main?.image?.url}`,
+              className: clsx(featured_maingrid_img, ratio),
+              height: 346,
+              width: 586,
+              priority: true,
+              alt: ""
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: featured_main_wrapper, children: [
+          /* @__PURE__ */ jsx("h3", { className: featured_maingrid_title, children: main?.title ?? "" }),
+          /* @__PURE__ */ jsx("p", { className: featured_maingrid_text, children: main?.text ?? "" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
+            /* @__PURE__ */ jsx(ClockIcon, {}),
+            /* @__PURE__ */ jsx("span", { className: info_details, children: (main?.readingTime ?? "") + " minute read" }),
+            /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
+              "svg",
               {
-                variant: variant ?? "tertiary",
-                readingTime: item.readingTime,
-                supertag: item.supertag,
-                title: item.title,
-                url: item.url
-              },
-              item.id
-            ),
-            index < restFeatured.length - 1 && /* @__PURE__ */ jsx("hr", { className: clsx(featured_subgrid_divider) })
-          ] }, item.id)) })
+                xmlns: "http://www.w3.org/2000/svg",
+                width: 1,
+                height: 20,
+                viewBox: "0 0 1 20",
+                fill: "none",
+                children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof main?.supertag == "string" && main?.supertag.replaceAll("-", " ")) ?? "" })
+          ] })
         ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: featured_title, children: "Popular topics" }),
+        /* @__PURE__ */ jsx("div", { className: featured_subgrid, children: restFeatured.map((item) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          FeaturedItem,
+          {
+            variant: variant ?? "secondary",
+            readingTime: item.readingTime,
+            supertag: item.supertag,
+            title: item.title,
+            url: item.url
+          },
+          item.id
+        ) }, item.id)) })
       ] })
-    }
-  );
+    ] })
+  ] }) });
 };
 export {
   Featured,

package/dist/Insight/Featured/Header.css.d.ts

@@ -1,4 +1,5 @@
 export declare const header_featured: string;
+export declare const insight_wrap: string;
 export declare const breadcumbs_header_featured_section: string;
 export declare const breadcumb_link: string;
 export declare const header_title_featured: string;

package/dist/Insight/Featured/Header.css.js

@@ -1,13 +1,16 @@
-import '../../assets/Insight/Featured/Header.css';/* empty css                          */
+import '../../assets/Insight/Featured/Header.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                          */
 var header_featured = "_19yqlq40";
-var breadcumbs_header_featured_section = "_19yqlq41";
-var breadcumb_link = "_19yqlq42";
-var header_title_featured = "_19yqlq43";
-var header_in_insight = "_19yqlq44";
+var insight_wrap = "_19yqlq41";
+var breadcumbs_header_featured_section = "_19yqlq42";
+var breadcumb_link = "_19yqlq43";
+var header_title_featured = "_19yqlq44";
+var header_in_insight = "_19yqlq45";
 export {
   breadcumb_link,
   breadcumbs_header_featured_section,
   header_featured,
   header_in_insight,
-  header_title_featured
+  header_title_featured,
+  insight_wrap
 };

package/dist/Insight/Featured/Header.d.ts

@@ -2,5 +2,5 @@ type Props = {
     showTitle?: boolean;
     section?: string;
 };
-declare const BreadcumbHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcumbHeader: (props: Props) => import("react").JSX.Element;
 export { BreadcumbHeader };