@axos-web-dev/shared-components 1.0.100-dev.8 → 1.0.100-dev.80

package/dist/ATMLocator/ATMLocator.js

@@ -4,18 +4,19 @@ 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "react";
 import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Button/Button.css.js";
-import "react";
 import "react-use";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
@@ -64,12 +65,14 @@ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -96,7 +99,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";

package/dist/Accordion/Accordion.css.d.ts

@@ -43,7 +43,7 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const headerAccordion: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/Accordion/Accordion.css.js

@@ -1,6 +1,7 @@
-import '../assets/Accordion/Accordion.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/Accordion/Accordion.js

@@ -6,12 +6,13 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
+import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/AlertBanner/AlertBanner.css.js

@@ -1,4 +1,4 @@
-import '../assets/AlertBanner/AlertBanner.css';/* empty css                               */
+/* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var alertBanner = createRuntimeFn({ defaultClassName: "_1jmmqba0", variantClassNames: { variant: { Standard: "_1jmmqba1", Emergency: "_1jmmqba2" } }, defaultVariants: {}, compoundVariants: [] });
 var alertBanner_img_section = "_1jmmqba3";

package/dist/AlertBanner/index.js

@@ -2,8 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */

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

@@ -1,7 +1,8 @@
+export declare const related_insight: string;
 export declare const ant_article: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            border: "1px solid #d4d4d4";
+            border: "1px solid #B9C1CE";
         };
         secondary: {
             border: "none";
@@ -19,138 +20,110 @@ export declare const ant_content: string;
 export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            color: "#FAA74A";
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const ant_card_body: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            color: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})`;
-                    color: `var(--${string})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})`;
-                    color: `var(--${string})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
         secondary: {
-            background: `var(--${string})`;
-            color: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})`;
-                    color: `var(--${string})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})`;
-                    color: `var(--${string})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
         tertiary: {
-            color: `var(--${string})`;
-            backgroundColor: `var(--${string})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})`;
-                    color: `var(--${string})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 "&:active": {
-                    color: `var(--${string})`;
-                    backgroundColor: `var(--${string})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
         quaternary: {
-            color: `var(--${string})`;
-            backgroundColor: `var(--${string})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    borderColor: `var(--${string})`;
-                    color: `var(--${string})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
                 "&:active": {
-                    color: `var(--${string})`;
-                    backgroundColor: `var(--${string})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };

package/dist/Article/Article.css.js

@@ -1,16 +1,18 @@
-import '../assets/Article/Article.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                           */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var ant_article = createRuntimeFn({ defaultClassName: "n5hj5p0", variantClassNames: { variant: { primary: "n5hj5p1", secondary: "n5hj5p2", tertiary: "n5hj5p3", quaternary: "n5hj5p4" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_img = "n5hj5p5";
-var ant_content = "n5hj5p6";
-var ant_eyebrow = createRuntimeFn({ defaultClassName: "n5hj5p7", variantClassNames: { variant: { primary: "n5hj5p8", secondary: "n5hj5p9", tertiary: "n5hj5pa", quaternary: "n5hj5pb" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_card_title = createRuntimeFn({ defaultClassName: "n5hj5pc", variantClassNames: { variant: { primary: "n5hj5pd", secondary: "n5hj5pe", tertiary: "n5hj5pf", quaternary: "n5hj5pg" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_card_body = createRuntimeFn({ defaultClassName: "n5hj5ph", variantClassNames: { variant: { primary: "n5hj5pi", secondary: "n5hj5pj", tertiary: "n5hj5pk", quaternary: "n5hj5pl" } }, defaultVariants: {}, compoundVariants: [] });
-var ant_card_cta = createRuntimeFn({ defaultClassName: "n5hj5pm", variantClassNames: { variant: { primary: "n5hj5pn", secondary: "n5hj5po", tertiary: "n5hj5pp", quaternary: "n5hj5pq" } }, defaultVariants: {}, compoundVariants: [] });
+var related_insight = "n5hj5p0";
+var ant_article = createRuntimeFn({ defaultClassName: "n5hj5p1", variantClassNames: { variant: { primary: "n5hj5p2", secondary: "n5hj5p3", tertiary: "n5hj5p4", quaternary: "n5hj5p5" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_img = "n5hj5p6";
+var ant_content = "n5hj5p7";
+var ant_eyebrow = createRuntimeFn({ defaultClassName: "n5hj5p8", variantClassNames: { variant: { primary: "n5hj5p9", secondary: "n5hj5pa", tertiary: "n5hj5pb", quaternary: "n5hj5pc" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_card_title = createRuntimeFn({ defaultClassName: "n5hj5pd", variantClassNames: { variant: { primary: "n5hj5pe", secondary: "n5hj5pf", tertiary: "n5hj5pg", quaternary: "n5hj5ph" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_card_body = createRuntimeFn({ defaultClassName: "n5hj5pi", variantClassNames: { variant: { primary: "n5hj5pj", secondary: "n5hj5pk", tertiary: "n5hj5pl", quaternary: "n5hj5pm" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_card_cta = createRuntimeFn({ defaultClassName: "n5hj5pn", variantClassNames: { variant: { primary: "n5hj5po", secondary: "n5hj5pp", tertiary: "n5hj5pq", quaternary: "n5hj5pr" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   ant_article,
   ant_card_body,
@@ -18,5 +20,6 @@ export {
   ant_card_title,
   ant_content,
   ant_eyebrow,
-  ant_img
+  ant_img,
+  related_insight
 };

package/dist/Article/Article.d.ts

@@ -10,5 +10,6 @@ export interface ArticleProps {
     description: string | ReactNode;
     targetUrl: string;
     variant?: QuaternaryTypes;
+    useChevron?: boolean | false;
 }
-export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Article/Article.js

@@ -6,6 +6,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
+import { Chevron } from "../Chevron/index.js";
 const Article = ({
   id,
   image,
@@ -13,7 +14,8 @@ const Article = ({
   title,
   description,
   targetUrl,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  useChevron = false
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs(
@@ -29,7 +31,16 @@ const Article = ({
             /* @__PURE__ */ jsx("h3", { className: `${ant_card_title({ variant })} header_3`, children: title }),
             /* @__PURE__ */ jsx("div", { className: `${ant_card_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "text_center", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "text_center", children: useChevron ? /* @__PURE__ */ jsx("div", { className: "push_up_24", children: /* @__PURE__ */ jsx(
+            Chevron,
+            {
+              "aria-label": "read and learn more about this featured item",
+              targetUrl,
+              variant,
+              className: "push_up_24",
+              children: itemType == "Insight" ? "Read More" : "Learn More"
+            }
+          ) }) : /* @__PURE__ */ jsx(
             Button,
             {
               "aria-label": "read and learn more about this featured item",

package/dist/Article/index.js

@@ -1,5 +1,5 @@
 import { Article } from "./Article.js";
-import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article.css.js";
+import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img, related_insight } from "./Article.css.js";
 export {
   Article,
   ant_article,
@@ -8,5 +8,6 @@ export {
   ant_card_title,
   ant_content,
   ant_eyebrow,
-  ant_img
+  ant_img,
+  related_insight
 };

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

@@ -3,108 +3,48 @@ export declare const ant_header: string;
 export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    color: `var(--${string})`;
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    color: `var(--${string})`;
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: `var(--${string})`;
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: `var(--${string})`;
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    color: "#2F5B88";
-                } | {
-                    color: "#1E262F";
-                };
-            };
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: `var(--${string})`;
-                };
-            };
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: `var(--${string})`;
-                };
-            };
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: "#1E262F";
-                };
-            };
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    fill: "#2F5B88";
-                } | {
-                    fill: "#1E262F";
-                };
-            };
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
@@ -112,20 +52,20 @@ export declare const ant_grid: string;
 export declare const ant_sec_body: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/ArticlesSet/ArticlesSet.css.js

@@ -1,6 +1,7 @@
-import '../assets/ArticlesSet/ArticlesSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/ArticlesSet/ArticlesSet.js

@@ -79,7 +79,7 @@ const ArticlesSet = ({
                                     className: `${ant_svg_fill({ variant })}`,
                                     d: "M1.13491422,0.187942261 C0.94986252,0.00203917967 0.649789062,0.00203917967 0.464737367,0.187942261 L0.187303721,0.466652324 C0.00225202625,0.652555405 0.00225202625,0.95391307 0.187303721,1.13991252 L4.55851447,5.53075249 L0.187303721,9.92149608 C0.00225202625,10.1074955 0.00225202625,10.4088532 0.187303721,10.5947563 L0.464737367,10.8734663 C0.649789062,11.0593694 0.94986252,11.0593694 1.13491422,10.8734663 L6.45248835,5.53075249 L1.13491422,0.187942261 Z",
                                     id: "Fill-1",
-                                    fill: "#2F5B88",
+                                    fill: "#1E629A",
                                     fillRule: "evenodd",
                                     mask: "url(#mask-2)"
                                   }

package/dist/Auth/ErrorAlert.css.js

@@ -1,4 +1,4 @@
-import '../assets/Auth/ErrorAlert.css';/* empty css                              */
+/* empty css                              */
 var error_alert = "a3pcaf0";
 var error_alert_content = "a3pcaf1";
 var separator = "a3pcaf2";

package/dist/Auth/ErrorAlert.js

@@ -17,8 +17,9 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -50,18 +51,20 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
+import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
 import "react-dom";
 /* empty css                          */
 import "./SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 import { Hyperlink } from "../Hyperlink/index.js";
@@ -89,7 +92,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";

package/dist/Auth/Logout.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useFormState } from "react-dom";
 import { useForm } from "react-hook-form";
-import { sign_in_button, sign_in_form } from "./SignIn.css.js";
+import { sign_in_form, sign_in_button } from "./SignIn.css.js";
 const Logout = ({
   action
 }) => {