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

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

@@ -17,13 +17,13 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
     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})`;
         };
     };
 }>;
@@ -47,19 +47,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})`;
         };
     };
 }>;
@@ -107,15 +107,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})`;
         };
     };
 }>;
@@ -132,8 +132,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/Inputs/Input.css.js

@@ -1,5 +1,6 @@
-import '../assets/Inputs/Input.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                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

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

@@ -1,5 +1,6 @@
-import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.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/Insight/Featured/CategorySelector.js

@@ -6,8 +6,9 @@ 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/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/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                                                   */
@@ -66,12 +67,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                                                                       */
@@ -95,9 +98,8 @@ import "../../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                           */
-import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
+import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
 /* empty css                          */
-/* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
 import "next/navigation.js";
@@ -129,7 +131,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                 */
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import { selector_title_link, selector_more, selector_link, selector_grid_items, selector_link_mobile, selector_section, selector_img, selector_title, selector_grid_content, selector_small_item } from "./CategorySelector.css.js";
+import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_link_mobile, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {
   const {
     id,

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

@@ -1,4 +1,4 @@
-import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+/* empty css                                             */
 /* empty css                            */
 var featured_section = "_1sr2o6v0";
 var featured_title = "_1sr2o6v1";

package/dist/Insight/Featured/Featured.js

@@ -6,8 +6,9 @@ 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/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/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                                                   */
@@ -67,12 +68,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                                                                       */
@@ -98,9 +101,8 @@ import "next/script.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_hero, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
 /* empty css                          */
-/* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
 import "next/navigation.js";

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

@@ -1,4 +1,4 @@
-import '../../assets/Insight/Featured/Header.css';/* empty css                          */
+/* empty css                          */
 var header_featured = "_19yqlq40";
 var breadcumbs_header_featured_section = "_19yqlq41";
 var breadcumb_link = "_19yqlq42";

package/dist/Insight/Featured/Header.js

@@ -4,8 +4,9 @@ import "react";
 import { title } 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/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/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                                                   */
@@ -65,12 +66,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                                                                       */
@@ -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";
@@ -126,7 +128,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                     */
 /* empty css                                                   */
 /* empty css                                                 */
-import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
+import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
 const BreadcumbHeader = (props) => {
   const { section, showTitle = true } = props;
   return /* @__PURE__ */ jsx(

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

@@ -1,8 +1,26 @@
+export declare const article_spacer: string;
+export declare const elementSpacer_block: string;
+export declare const article_blockquote: string;
+export declare const article_main_content: string;
+export declare const article_aside: string;
+export declare const article_share: string;
+export declare const article_share_p: string;
+export declare const article_share_buttons: string;
+export declare const article_share_link: string;
+export declare const article_share_icon: string;
+export declare const article_navigation_title: string;
+export declare const article_preview_wrapper: string;
+export declare const article_preview_img: string;
+export declare const article_navigation_list: string;
+export declare const article_share_svg: string;
+export declare const article_navigation_link: string;
 export declare const insight_header: string;
 export declare const insight_header_2: string;
 export declare const insight_header_3: string;
 export declare const insight_header_4: string;
 export declare const insight_p: string;
+export declare const insight_intro_p: string;
 export declare const footnotes: string;
 export declare const insight_list_item: string;
+export declare const insight_info__divider: string;
 export declare const insight_info_row: string;

package/dist/Insight/Insight.css.js

@@ -1,20 +1,56 @@
-import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                           */
-var insight_header = "lchs2s0 gradient_text";
-var insight_header_2 = "lchs2s1 gradient_text";
-var insight_header_3 = "lchs2s2";
-var insight_header_4 = "lchs2s3";
-var insight_p = "lchs2s4";
-var footnotes = "lchs2s5";
-var insight_list_item = "lchs2s6";
-var insight_info_row = "lchs2s7";
+var article_spacer = "lchs2s0";
+var elementSpacer_block = "lchs2s1";
+var article_blockquote = "lchs2s2 lchs2s1";
+var article_main_content = "lchs2s3";
+var article_aside = "lchs2s4";
+var article_share = "lchs2s5";
+var article_share_p = "lchs2s6";
+var article_share_buttons = "lchs2s7";
+var article_share_link = "lchs2s8";
+var article_share_icon = "lchs2s9";
+var article_navigation_title = "lchs2sa";
+var article_preview_wrapper = "lchs2sb";
+var article_preview_img = "lchs2sc";
+var article_navigation_list = "lchs2sd";
+var article_share_svg = "lchs2se";
+var article_navigation_link = "lchs2sf";
+var insight_header = "lchs2sg";
+var insight_header_2 = "lchs2sh";
+var insight_header_3 = "lchs2si";
+var insight_header_4 = "lchs2sj";
+var insight_p = "lchs2sk";
+var insight_intro_p = "lchs2sl";
+var footnotes = "lchs2sm";
+var insight_list_item = "lchs2sn";
+var insight_info__divider = "lchs2so";
+var insight_info_row = "lchs2sp";
 export {
+  article_aside,
+  article_blockquote,
+  article_main_content,
+  article_navigation_link,
+  article_navigation_list,
+  article_navigation_title,
+  article_preview_img,
+  article_preview_wrapper,
+  article_share,
+  article_share_buttons,
+  article_share_icon,
+  article_share_link,
+  article_share_p,
+  article_share_svg,
+  article_spacer,
+  elementSpacer_block,
   footnotes,
   insight_header,
   insight_header_2,
   insight_header_3,
   insight_header_4,
+  insight_info__divider,
   insight_info_row,
+  insight_intro_p,
   insight_list_item,
   insight_p
 };

package/dist/Insight/index.js

@@ -2,13 +2,29 @@ import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
 import { Featured, FeaturedItem } from "./Featured/Featured.js";
 import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
 import { BreadcumbHeader } from "./Featured/Header.js";
-import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight.css.js";
+import { article_aside, article_blockquote, article_main_content, article_navigation_link, article_navigation_list, article_navigation_title, article_preview_img, article_preview_wrapper, article_share, article_share_buttons, article_share_icon, article_share_link, article_share_p, article_share_svg, article_spacer, elementSpacer_block, footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info__divider, insight_info_row, insight_intro_p, insight_list_item, insight_p } from "./Insight.css.js";
 export {
   BreadcumbHeader,
   CategorySelector,
   Featured,
   FeaturedItem,
   InsightItem,
+  article_aside,
+  article_blockquote,
+  article_main_content,
+  article_navigation_link,
+  article_navigation_list,
+  article_navigation_title,
+  article_preview_img,
+  article_preview_wrapper,
+  article_share,
+  article_share_buttons,
+  article_share_icon,
+  article_share_link,
+  article_share_p,
+  article_share_svg,
+  article_spacer,
+  elementSpacer_block,
   featured_center_vertical,
   featured_grid,
   featured_hero,
@@ -28,7 +44,9 @@ export {
   insight_header_2,
   insight_header_3,
   insight_header_4,
+  insight_info__divider,
   insight_info_row,
+  insight_intro_p,
   insight_list_item,
   insight_p
 };

package/dist/Interstitial/Interstitial-variants.css.d.ts

@@ -1,10 +1,10 @@
 export declare const int_headline: 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})`;
         };
     };
 }>;

package/dist/Interstitial/Interstitial-variants.css.js

@@ -1,6 +1,7 @@
-import '../assets/Interstitial/Interstitial-variants.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/Interstitial/Interstitial.module.js

@@ -1,4 +1,4 @@
-import '../assets/Interstitial/Interstitial.css.css';const overlay = "_overlay_e4cra_24";
+const overlay = "_overlay_e4cra_24";
 const modal = "_modal_e4cra_40";
 const vanish = "_vanish_e4cra_1";
 const appear = "_appear_e4cra_1";

package/dist/LandingPageHeader/LandingPageHeader.css.d.ts

@@ -1,16 +1,36 @@
 export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
-            background: `var(--${string})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
 export declare const lp_container: string;
+export declare const spb_container: string;
 export declare const lp_hover: string;
-export declare const svg_fill: string;
+export declare const spb_hover: string;
+export declare const svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;

package/dist/LandingPageHeader/LandingPageHeader.css.js

@@ -1,15 +1,20 @@
-import '../assets/LandingPageHeader/LandingPageHeader.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                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var lp_theme = createRuntimeFn({ defaultClassName: "_1o1hxre0", variantClassNames: { variant: { primary: "_1o1hxre1", secondary: "_1o1hxre2", tertiary: "_1o1hxre3" } }, defaultVariants: {}, compoundVariants: [] });
-var lp_container = "_1o1hxre4";
-var lp_hover = "_1o1hxre5";
-var svg_fill = "_1o1hxre6";
+var lp_theme = createRuntimeFn({ defaultClassName: "_1o1hxre0", variantClassNames: { variant: { primary: "_1o1hxre1", secondary: "_1o1hxre2", tertiary: "_1o1hxre3", quaternary: "_1o1hxre4" } }, defaultVariants: {}, compoundVariants: [] });
+var lp_container = "_1o1hxre5";
+var spb_container = "_1o1hxre6";
+var lp_hover = "_1o1hxre7";
+var spb_hover = "_1o1hxre8";
+var svg_fill = createRuntimeFn({ defaultClassName: "_1o1hxre9", variantClassNames: { variant: { primary: "_1o1hxrea", secondary: "_1o1hxreb", tertiary: "_1o1hxrec", quaternary: "_1o1hxred" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   lp_container,
   lp_hover,
   lp_theme,
+  spb_container,
+  spb_hover,
   svg_fill
 };

package/dist/LandingPageHeader/LandingPageHeader.d.ts

@@ -1,9 +1,11 @@
 import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface } from '../main';
 
 export interface LandingPageHeaderProps {
     id: string;
     variant: QuaternaryTypes;
     project?: string;
     alt?: string;
+    logo?: ImageInterface;
 }
-export declare const LandingPageHeader: ({ id, variant: fullVariant, project, alt, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LandingPageHeader: ({ id, variant: fullVariant, project, alt, logo, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 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                                                */
@@ -12,36 +13,71 @@ import SvgComponent from "../icons/Logos/AXA.js";
 import SvgComponent$2 from "../icons/Logos/AXC.js";
 import SvgComponent$4 from "../icons/Logos/AXI.js";
 import SvgComponent$5 from "../icons/Logos/AXOS.js";
-import SvgComponent$7 from "../icons/Logos/GBLVF.js";
-import SvgComponent$6 from "../icons/Logos/LVF.js";
+import SvgComponent$6 from "../icons/Logos/GBLVF.js";
+import SvgComponent$7 from "../icons/Logos/SPB.js";
 import { getVariant } from "../utils/getVariant.js";
-import { lp_theme, lp_container, lp_hover, svg_fill } from "./LandingPageHeader.css.js";
+import { svg_fill, lp_theme, spb_container, lp_container, spb_hover, lp_hover } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
   variant: fullVariant = "primary",
   project = "AXB",
-  alt
+  alt,
+  logo
 }) => {
   const variant = getVariant(fullVariant);
   const website = /* @__PURE__ */ new Map([
-    ["AXA", /* @__PURE__ */ jsx(SvgComponent, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AFS", /* @__PURE__ */ jsx(SvgComponent$1, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AXC", /* @__PURE__ */ jsx(SvgComponent$2, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AAS", /* @__PURE__ */ jsx(SvgComponent$3, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AXI", /* @__PURE__ */ jsx(SvgComponent$4, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AXB", /* @__PURE__ */ jsx(SvgComponent$5, { height: 30, width: 120, classNameFill: svg_fill })],
-    ["LVF", /* @__PURE__ */ jsx(SvgComponent$6, { height: 30, width: 120, classNameFill: `${svg_fill}` })],
-    ["GBLVF", /* @__PURE__ */ jsx(SvgComponent$7, { height: 60, width: 220 })]
+    [
+      "AXA",
+      /* @__PURE__ */ jsx(SvgComponent, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AFS",
+      /* @__PURE__ */ jsx(SvgComponent$1, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AXC",
+      /* @__PURE__ */ jsx(SvgComponent$2, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AAS",
+      /* @__PURE__ */ jsx(SvgComponent$3, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AXI",
+      /* @__PURE__ */ jsx(SvgComponent$4, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AXB",
+      /* @__PURE__ */ jsx(SvgComponent$5, { height: 30, width: 120, classNameFill: svg_fill({ variant }) })
+    ],
+    ["GBLVF", /* @__PURE__ */ jsx(SvgComponent$6, { height: 60, width: 220 })],
+    ["SPB", /* @__PURE__ */ jsx(SvgComponent$7, { height: "100%", width: "100%" })]
   ]);
-  return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: `${lp_container} flex center middle`, children: /* @__PURE__ */ jsx(
-    "a",
+  const isSPBPage = project === "SPB";
+  return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx(
+    "div",
     {
-      href: project == "AXI" ? "/invest" : "/",
-      className: lp_hover,
-      "aria-label": alt ?? "axos logo, return to homepage",
-      children: website.get(project)
+      className: `${isSPBPage ? spb_container : lp_container} flex center middle`,
+      children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: project == "AXI" ? "/invest" : "/",
+          className: isSPBPage ? spb_hover : lp_hover,
+          "aria-label": alt ?? "return to homepage",
+          children: logo ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logo.src,
+              alt: logo.alt ?? "",
+              height: Number(logo.height),
+              width: Number(logo.width),
+              className: "img_fluid"
+            }
+          ) : website.get(project)
+        }
+      )
     }
-  ) }) });
+  ) });
 };
 export {
   LandingPageHeader

package/dist/LandingPageHeader/index.js

@@ -1,9 +1,11 @@
 import { LandingPageHeader } from "./LandingPageHeader.js";
-import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader.css.js";
+import { lp_container, lp_hover, lp_theme, spb_container, spb_hover, svg_fill } from "./LandingPageHeader.css.js";
 export {
   LandingPageHeader,
   lp_container,
   lp_hover,
   lp_theme,
+  spb_container,
+  spb_hover,
   svg_fill
 };