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

package/dist/IconBillboard/IconBillboard.css.js

@@ -1,6 +1,7 @@
-import '../assets/IconBillboard/IconBillboard.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";
@@ -9,15 +10,16 @@ var layout = createRuntimeFn({ defaultClassName: "_1r4ovbu5", variantClassNames:
 var billboard_icon = "_1r4ovbu7";
 var content = "_1r4ovbu8";
 var headerIconBillboard = "_1r4ovbu9";
-var title = createRuntimeFn({ defaultClassName: "_1r4ovbua", variantClassNames: { variant: { primary: "_1r4ovbub", secondary: "_1r4ovbuc", tertiary: "_1r4ovbud", quaternary: "_1r4ovbue" } }, defaultVariants: {}, compoundVariants: [] });
-var list = "_1r4ovbuf";
-var listItem = "_1r4ovbug";
-var buttons = "_1r4ovbuh";
-var section_text = "_1r4ovbui";
-var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
-var section_container = "_1r4ovbuo";
-var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
-var link_wrapper = "_1r4ovbuu";
+var insightTitle = "_1r4ovbua";
+var title = createRuntimeFn({ defaultClassName: "_1r4ovbub", variantClassNames: { variant: { primary: "_1r4ovbuc", secondary: "_1r4ovbud", tertiary: "_1r4ovbue", quaternary: "_1r4ovbuf" } }, defaultVariants: {}, compoundVariants: [] });
+var list = "_1r4ovbug";
+var listItem = "_1r4ovbuh";
+var buttons = "_1r4ovbui";
+var section_text = "_1r4ovbuj";
+var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuk", variantClassNames: { variant: { primary: "_1r4ovbul", secondary: "_1r4ovbum", tertiary: "_1r4ovbun", quaternary: "_1r4ovbuo" } }, defaultVariants: {}, compoundVariants: [] });
+var section_container = "_1r4ovbup";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbuq", variantClassNames: { variant: { primary: "_1r4ovbur", secondary: "_1r4ovbus", tertiary: "_1r4ovbut", quaternary: "_1r4ovbuu" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbuv";
 export {
   billboard_icon,
   buttons,
@@ -25,6 +27,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/IconBillboard/IconBillboard.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useRef, useState, useEffect } from "react";
 import { getVariant } from "../utils/getVariant.js";
-import { content, containerIconBillboard, link_wrapper } from "./IconBillboard.css.js";
+import { containerIconBillboard, link_wrapper, content } from "./IconBillboard.css.js";
 import { LayoutSection } from "./sections/LayoutSection.js";
 import { IconSection } from "./sections/IconSection.js";
 import { HeaderSection } from "./sections/HeaderSection.js";
@@ -26,15 +26,15 @@ const IconBillboard = (props) => {
   const [headingLevel, setHeadingLevel] = useState("h2");
   useEffect(() => {
     if (headingRef.current) {
-      const section = headingRef.current.closest(".section_spacer");
+      const section = headingRef.current.closest(".page_body_contents > div");
       if (section) {
-        const existingH2 = section.querySelector("h2._1r4ovbuj");
+        const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {
           setHeadingLevel("h3");
         }
       }
     }
-  }, []);
+  }, [headingRef]);
   const { isClickable, handleClick, chevronText } = useFullClick(callToActionRow);
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, insightTitle, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   IconBillboard,
@@ -10,6 +10,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -1,21 +1,21 @@
 export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            color: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: "1px solid #B9C1CE";
         };
         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})`;
         };
         tertiary: {
-            background: `var(--${string})`;
-            color: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
-            background: `var(--${string})`;
-            color: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
@@ -58,88 +58,32 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
 export declare const supertag: 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 header: 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})`;
         };
     };
 }>;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -1,8 +1,10 @@
-import '../assets/ImageBillboard/ImageBillboard.css';import '../assets/SetContainer/SetContainer.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                                              */
+/* empty css                                    */
 /* empty css                                  */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/ImageBillboard/ImageBillboard.js

@@ -3,8 +3,9 @@ import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.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/ImageBillboard/ImageBillboardSet.js

@@ -8,8 +8,9 @@ import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
-import '../assets/VideoTile/VideoTile.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                                                */
@@ -18,7 +19,7 @@ import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { useExitIntentModal } from "./ExitIntentModal/useExitIntentModal.js";
 import { ModalWrapper } from "./ExitIntentModal/ModalWrapper.js";
 import clsx from "clsx";
-import { billboard_img, center_center, remove_padding, image_inner_wrapper, image_background, is_bg_img, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement, image_based, bottom_right, bottom_center, bottom_left, center_right, center_left, top_right, top_center, top_left } from "./ImageBillboard.css.js";
+import { billboard, imagePlacement, image_based, billboard_img, center_center, remove_padding, image_inner_wrapper, image_background, is_bg_img, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, bottom_right, bottom_center, bottom_left, center_right, center_left, top_right, top_center, top_left } from "./ImageBillboard.css.js";
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                          */
@@ -53,13 +54,13 @@ const ImageBillboard = ({
     if (headingRef.current) {
       const section = headingRef.current.closest("section");
       if (section) {
-        const existingH2 = section.querySelector("h2._1r4ovbuj");
+        const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {
           setHeadingLevel("h3");
         }
       }
     }
-  }, []);
+  }, [headingRef]);
   const imgAlignment = (alignment) => {
     switch (alignment) {
       case "Top Left":
@@ -98,7 +99,7 @@ const ImageBillboard = ({
         image?.imageType === "Image" ? image_based : ""
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
+        (image || video || textImageLineOneSmall || textImageLineTwoBig || textImageLineThreeSmall) && /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
           "div",
           {
             role: "presentation",
@@ -147,11 +148,17 @@ const ImageBillboard = ({
               "flex_row middle center"
             ),
             role: "presentation",
-            children: /* @__PURE__ */ jsxs("div", { className: clsx(rate_pad, "text_center", "flex", "flex_col"), children: [
-              /* @__PURE__ */ jsx("span", { className: up_to, children: textImageLineOneSmall }),
-              /* @__PURE__ */ jsx("span", { className: rate_billboard, children: textImageLineTwoBig }),
-              /* @__PURE__ */ jsx("span", { className: clsx(apy_billboard, "push_up"), children: textImageLineThreeSmall })
-            ] })
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx(rate_pad, "text_center", "flex", "flex_col"),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: up_to, children: textImageLineOneSmall }),
+                  /* @__PURE__ */ jsx("span", { className: rate_billboard, children: textImageLineTwoBig }),
+                  /* @__PURE__ */ jsx("span", { className: clsx(apy_billboard, "push_up"), children: textImageLineThreeSmall })
+                ]
+              }
+            )
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { className: body, children: [

package/dist/ImageLink/ImageLink.css.js

@@ -1,4 +1,4 @@
-import '../assets/ImageLink/ImageLink.css';/* empty css                             */
+/* empty css                             */
 var image_link_set = "xd6m5c0";
 export {
   image_link_set

package/dist/ImageLink/ImageLink.js

@@ -3,19 +3,20 @@ import { Hyperlink } from "../Hyperlink/index.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/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/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/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 { isValidElement } from "react";
 import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import { isValidElement } from "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
@@ -63,12 +64,14 @@ import "react-dom";
 import "../Auth/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";
 /* empty css                                                                    */
@@ -93,7 +96,6 @@ import "next/script.js";
 /* empty css                                                      */
 import "next/image.js";
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -5,8 +5,9 @@ import { getVariant } from "../utils/getVariant.js";
 import { buttons } from "../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/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/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/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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                                                */
@@ -70,12 +71,14 @@ import "react-dom";
 import "../Auth/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";
 /* empty css                                                                    */
@@ -101,7 +104,6 @@ import ImageLink from "./ImageLink.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";

package/dist/ImageLink/index.js

@@ -4,8 +4,9 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/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/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/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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -62,12 +63,14 @@ import "react-dom";
 import "../Auth/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";
 /* empty css                                                                    */
@@ -94,7 +97,6 @@ import { ImageLinkSet } from "./ImageLinkSet.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";

package/dist/Input/Checkbox.css.js

@@ -1,4 +1,4 @@
-import '../assets/Input/Checkbox.css';/* empty css                            */
+/* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
 var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });

package/dist/Input/Dropdown.css.js

@@ -1,4 +1,4 @@
-import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var selectInput = "_1vzv2cd0";

package/dist/Input/Input.css.d.ts

@@ -1,3 +1,4 @@
+export declare const email_only_input: string;
 export declare const iconInput: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
@@ -19,21 +20,21 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
         primary: {};
         secondary: {};
         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})`;
         };
     };
     error: {
         true: {
-            color: `var(--${string})`;
-            borderColor: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     disabled: {
         true: {
-            color: `var(--${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     isCheckbox: {
@@ -64,19 +65,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:focus-within": {
-                    borderColor: `var(--${string})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})`;
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
@@ -124,15 +125,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {};
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})`;
-            color: `var(--${string})`;
-            background: `var(--${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
@@ -149,8 +150,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})`;
-            color: `var(--${string})`;
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

package/dist/Input/Input.css.js

@@ -1,19 +1,22 @@
-import '../assets/Input/Input.css';import '../assets/Input/Checkbox.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 { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
-var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la4", variantClassNames: { variant: { primary: "_18du0la5", secondary: "_18du0la6", tertiary: "_18du0la7", quaternary: "_18du0la8" }, error: { true: "_18du0la9" }, disabled: { true: "_18du0laa" }, isCheckbox: { true: "_18du0lab" } }, defaultVariants: {}, compoundVariants: [] });
-var iconContainerBase = "_18du0lac";
-var iconContainer = { left: "_18du0lad _18du0lac", right: "_18du0lae _18du0lac" };
-var container = createRuntimeFn({ defaultClassName: "_18du0laf", variantClassNames: { size: { small: "_18du0lag", medium: "_18du0lah", large: "_18du0lai" }, error: { true: "_18du0laj" }, disabled: { true: "_18du0lak" } }, defaultVariants: {}, compoundVariants: [] });
-var input = createRuntimeFn({ defaultClassName: "_18du0lal", variantClassNames: { size: { small: "_18du0lam", medium: "_18du0lan", large: "_18du0lao" }, error: { true: "_18du0lap" }, disabled: { true: "_18du0laq" } }, defaultVariants: {}, compoundVariants: [] });
-var wrapper = createRuntimeFn({ defaultClassName: "_18du0lar", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var helperText = createRuntimeFn({ defaultClassName: "_18du0las", variantClassNames: { disabled: { true: "_18du0lat" }, error: { true: "_18du0lau" } }, defaultVariants: {}, compoundVariants: [] });
+var email_only_input = "_18du0la0";
+var iconInput = createRuntimeFn({ defaultClassName: "_18du0la1", variantClassNames: { size: { small: "_18du0la2", medium: "_18du0la3", large: "_18du0la4" } }, defaultVariants: {}, compoundVariants: [] });
+var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la5", variantClassNames: { variant: { primary: "_18du0la6", secondary: "_18du0la7", tertiary: "_18du0la8", quaternary: "_18du0la9" }, error: { true: "_18du0laa" }, disabled: { true: "_18du0lab" }, isCheckbox: { true: "_18du0lac" } }, defaultVariants: {}, compoundVariants: [] });
+var iconContainerBase = "_18du0lad";
+var iconContainer = { left: "_18du0lae _18du0lad", right: "_18du0laf _18du0lad" };
+var container = createRuntimeFn({ defaultClassName: "_18du0lag", variantClassNames: { size: { small: "_18du0lah", medium: "_18du0lai", large: "_18du0laj" }, error: { true: "_18du0lak" }, disabled: { true: "_18du0lal" } }, defaultVariants: {}, compoundVariants: [] });
+var input = createRuntimeFn({ defaultClassName: "_18du0lam", variantClassNames: { size: { small: "_18du0lan", medium: "_18du0lao", large: "_18du0lap" }, error: { true: "_18du0laq" }, disabled: { true: "_18du0lar" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = createRuntimeFn({ defaultClassName: "_18du0las", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var helperText = createRuntimeFn({ defaultClassName: "_18du0lat", variantClassNames: { disabled: { true: "_18du0lau" }, error: { true: "_18du0lav" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   container,
+  email_only_input,
   helperText,
   iconContainer,
   iconContainerBase,

package/dist/Input/RadioButton.css.js

@@ -1,4 +1,4 @@
-import '../assets/Input/RadioButton.css';/* empty css                               */
+/* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var fieldset = createRuntimeFn({ defaultClassName: "_1gnyc3c0", variantClassNames: { direction: { row: "_1gnyc3c1", column: "_1gnyc3c2", "default": "_1gnyc3c3" } }, defaultVariants: {}, compoundVariants: [] });
 var fieldset_wrapper = "_1gnyc3c4";

package/dist/Input/index.js

@@ -3,7 +3,7 @@ import { CurrencyInput } from "./CurrencyInput.js";
 import { Dropdown } from "./Dropdown.js";
 import { dp_input, selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
-import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
+import { container, email_only_input, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
 import { InputAmount } from "./InputAmount.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
@@ -22,6 +22,7 @@ export {
   RadioButtonSet,
   container,
   dp_input,
+  email_only_input,
   helperText,
   iconContainer,
   iconContainerBase,