@axos-web-dev/shared-components 1.0.99-dev.1 → 1.0.99-feature-brand

package/dist/HeroBanner/HeroBanner.js

@@ -183,18 +183,7 @@ const HeroBanner = ({
               /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
               /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: clsx(
-                        "header_2",
-                        selection_headline_text({
-                          variant: getVariant(variant)
-                        })
-                      ),
-                      children: selection?.headline
-                    }
-                  ),
+                  /* @__PURE__ */ jsx("h3", { className: clsx("header_2", selection_headline_text), children: selection?.headline }),
                   /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
                 ] }),
                 selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(

package/dist/HeroBanner/SelectionBanner.css.d.ts

@@ -1,22 +1,4 @@
-export declare const selection_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})`;
-        };
-        secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
-        };
-        tertiary: {
-            color: `var(--${string})`;
-        };
-        quaternary: {
-            color: `var(--${string})`;
-        };
-    };
-}>;
+export declare const selection_headline_text: string;
 export declare const selection_section: string;
 export declare const selection_section_bg: string;
 export declare const selection_section_content: string;

package/dist/HeroBanner/SelectionBanner.css.js

@@ -4,12 +4,12 @@ import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victo
 /* empty css                                    */
 /* empty css                                   */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var selection_headline_text = createRuntimeFn({ defaultClassName: "_7etqoq0", variantClassNames: { variant: { primary: "_7etqoq1", secondary: "_7etqoq2", tertiary: "_7etqoq3", quaternary: "_7etqoq4" } }, defaultVariants: {}, compoundVariants: [] });
-var selection_section = "_7etqoq5";
-var selection_section_bg = "_7etqoq6";
-var selection_section_content = "_7etqoq7";
-var selection_section_icon = "_7etqoq8";
-var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq9", variantClassNames: { variant: { primary: "_7etqoqa", secondary: "_7etqoqb", tertiary: "_7etqoqc", quaternary: "_7etqoqd" } }, defaultVariants: {}, compoundVariants: [] });
+var selection_headline_text = "_7etqoq0";
+var selection_section = "_7etqoq1";
+var selection_section_bg = "_7etqoq2";
+var selection_section_content = "_7etqoq3";
+var selection_section_icon = "_7etqoq4";
+var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq5", variantClassNames: { variant: { primary: "_7etqoq6", secondary: "_7etqoq7", tertiary: "_7etqoq8", quaternary: "_7etqoq9" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   selection_headline_text,
   selection_section,

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -4,7 +4,7 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
     variant: {
         primary: {
             background: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #E9EBEF";
             color: `var(--${string})`;
         };
         secondary: {
@@ -34,38 +34,10 @@ export declare const headerIconBillboard: string;
 export declare const 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})`;
         };
         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})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -82,16 +54,10 @@ export declare const section_text: string;
 export declare const header_section: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -106,7 +72,7 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
     variant: {
         primary: {
             background: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #E9EBEF";
         };
         secondary: {
             background: `var(--${string})`;

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

@@ -3,7 +3,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
         primary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #B9C1CE";
         };
         secondary: {
             background: `var(--${string})`;
@@ -58,38 +58,10 @@ 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})`;
         };
         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})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -102,38 +74,10 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
 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})`;
         };
         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})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/LoadingIndicator/LoadingIndicator.css.d.ts

@@ -1,16 +1,16 @@
 export declare const loader: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderTop: "12px solid #213a63";
+            borderTop: "12px solid #1E629A";
         };
         secondary: {
-            borderTop: "12px solid #213a63";
+            borderTop: "12px solid #1E629A";
         };
         tertiary: {
-            borderTop: "12px solid #faa74a";
+            borderTop: "12px solid #98DDFF";
         };
         quaternary: {
-            borderTop: "12px solid #faa74a";
+            borderTop: "12px solid #98DDFF";
         };
     };
 }>;

package/dist/Modal/Modal.css.d.ts

@@ -7,6 +7,7 @@ export declare const modal_header: string;
 export declare const modal_title: string;
 export declare const modal_subtitle: string;
 export declare const modal_body: string;
+export declare const modal_body_p: string;
 export declare const modal_footer: string;
 export declare const site_link: string;
 export declare const speedbump_background: string;

package/dist/Modal/Modal.css.js

@@ -11,13 +11,15 @@ var modal_header = "_427id35";
 var modal_title = "_427id36";
 var modal_subtitle = "_427id37";
 var modal_body = "_427id38";
-var modal_footer = "_427id39";
-var site_link = "_427id3a";
-var speedbump_background = "_427id3b";
+var modal_body_p = "_427id39";
+var modal_footer = "_427id3a";
+var site_link = "_427id3b";
+var speedbump_background = "_427id3c";
 export {
   hr,
   modal,
   modal_body,
+  modal_body_p,
   modal_content,
   modal_dialog,
   modal_footer,

package/dist/Modal/Modal.js

@@ -120,7 +120,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
+import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, modal_body_p, site_link, modal_footer } from "./Modal.css.js";
 const Modal = ({
   headline,
   bodyCopy,
@@ -141,7 +141,7 @@ const Modal = ({
         {
           className: `${modal_body} text-center flex flex_col center middle mx_auto`,
           children: [
-            /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
+            /* @__PURE__ */ jsx("p", { className: `${modal_body_p} p_16 mb_16`, children: "You will now be redirected to:" }),
             /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
           ]
         }
@@ -150,7 +150,7 @@ const Modal = ({
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `${modal_footer} flex center middle push_up_24`,
+          className: `${modal_footer} flex center middle push_up_24 gap_24`,
           style: { marginInline: "auto", width: "max-content" },
           children: [
             /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js

@@ -118,7 +118,7 @@ const MobileDrawerMenu = () => {
                 fillRule: "evenodd",
                 clipRule: "evenodd",
                 d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
-                fill: "#4A5560"
+                fill: "#14263D"
               }
             )
           }
@@ -211,7 +211,7 @@ const MobileDrawerMenu = () => {
                           "path",
                           {
                             d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
-                            fill: "#4A5560"
+                            fill: "#14263D"
                           }
                         )
                       }

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js

@@ -1,19 +1,19 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1s2qa_1";
-const drawer = "_drawer_1s2qa_9";
-const hamburger = "_hamburger_1s2qa_29";
-const header = "_header_1s2qa_40";
-const back = "_back_1s2qa_51";
-const close = "_close_1s2qa_62";
-const levelContainer = "_levelContainer_1s2qa_69";
-const level = "_level_1s2qa_69";
-const levelTitle = "_levelTitle_1s2qa_85";
-const menu = "_menu_1s2qa_90";
-const menuItem = "_menuItem_1s2qa_110";
-const chevron = "_chevron_1s2qa_126";
-const chevronIcon = "_chevronIcon_1s2qa_131";
-const quickLinks = "_quickLinks_1s2qa_142";
-const quickLink = "_quickLink_1s2qa_142";
-const sr_only = "_sr_only_1s2qa_166";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_xx7z1_1";
+const drawer = "_drawer_xx7z1_9";
+const hamburger = "_hamburger_xx7z1_29";
+const header = "_header_xx7z1_40";
+const back = "_back_xx7z1_51";
+const close = "_close_xx7z1_62";
+const levelContainer = "_levelContainer_xx7z1_69";
+const level = "_level_xx7z1_69";
+const levelTitle = "_levelTitle_xx7z1_85";
+const menu = "_menu_xx7z1_90";
+const menuItem = "_menuItem_xx7z1_110";
+const chevron = "_chevron_xx7z1_126";
+const chevronIcon = "_chevronIcon_xx7z1_131";
+const quickLinks = "_quickLinks_xx7z1_142";
+const quickLink = "_quickLink_xx7z1_142";
+const sr_only = "_sr_only_xx7z1_166";
 const styles = {
   overlay,
   drawer,

package/dist/NavigationMenu/AxosBank/NavBar.css.js

@@ -1,6 +1,7 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/NavigationMenu/AxosBank/NavBar.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                          */
 var Sign_in_btn = "_1edk6yx0";
 var expand = "_1edk6yx1";

package/dist/NavigationMenu/AxosBank/NavBar.module.js

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_68bu0_1";
-const wrapper = "_wrapper_68bu0_5";
-const header_main_row = "_header_main_row_68bu0_11";
-const logo_wrap = "_logo_wrap_68bu0_17";
-const primary_links = "_primary_links_68bu0_21";
-const main_nav_link = "_main_nav_link_68bu0_25";
-const sub_nav_link = "_sub_nav_link_68bu0_57";
-const signin_wrap = "_signin_wrap_68bu0_59";
-const signin_btn = "_signin_btn_68bu0_60";
-const header_sub_row = "_header_sub_row_68bu0_97";
-const signin_dropdown = "_signin_dropdown_68bu0_129";
-const shadow = "_shadow_68bu0_139";
-const signin_header = "_signin_header_68bu0_149";
-const signin_subheader = "_signin_subheader_68bu0_156";
-const opacity = "_opacity_68bu0_178";
-const fadeInDown = "_fadeInDown_68bu0_1";
-const signin_footer = "_signin_footer_68bu0_184";
-const open = "_open_68bu0_205";
-const dd_wrapper = "_dd_wrapper_68bu0_217";
-const dd_media = "_dd_media_68bu0_226";
-const dd_media_img = "_dd_media_img_68bu0_231";
-const dd_site_navs = "_dd_site_navs_68bu0_235";
-const dd_media_header = "_dd_media_header_68bu0_242";
-const mt_8 = "_mt_8_68bu0_252";
-const mt_16 = "_mt_16_68bu0_256";
-const ml_8 = "_ml_8_68bu0_260";
-const dd_media_cta = "_dd_media_cta_68bu0_264";
-const reversed_row = "_reversed_row_68bu0_296";
-const headline = "_headline_68bu0_306";
-const nav_anchor = "_nav_anchor_68bu0_314";
-const headline_cta = "_headline_cta_68bu0_322";
-const site_lists = "_site_lists_68bu0_337";
-const mobile_only = "_mobile_only_68bu0_375";
-const mobile_logo = "_mobile_logo_68bu0_381";
-const highlight = "_highlight_68bu0_388";
-const mobile_opened = "_mobile_opened_68bu0_394";
-const dd_footer = "_dd_footer_68bu0_402";
-const skip_btn = "_skip_btn_68bu0_410";
-const desktop_only = "_desktop_only_68bu0_446";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1upco_1";
+const wrapper = "_wrapper_1upco_5";
+const header_main_row = "_header_main_row_1upco_11";
+const logo_wrap = "_logo_wrap_1upco_17";
+const primary_links = "_primary_links_1upco_21";
+const main_nav_link = "_main_nav_link_1upco_25";
+const sub_nav_link = "_sub_nav_link_1upco_57";
+const signin_wrap = "_signin_wrap_1upco_59";
+const signin_btn = "_signin_btn_1upco_60";
+const header_sub_row = "_header_sub_row_1upco_98";
+const signin_dropdown = "_signin_dropdown_1upco_131";
+const shadow = "_shadow_1upco_141";
+const signin_header = "_signin_header_1upco_151";
+const signin_subheader = "_signin_subheader_1upco_158";
+const opacity = "_opacity_1upco_179";
+const fadeInDown = "_fadeInDown_1upco_1";
+const signin_footer = "_signin_footer_1upco_185";
+const open = "_open_1upco_206";
+const dd_wrapper = "_dd_wrapper_1upco_218";
+const dd_media = "_dd_media_1upco_227";
+const dd_media_img = "_dd_media_img_1upco_232";
+const dd_site_navs = "_dd_site_navs_1upco_236";
+const dd_media_header = "_dd_media_header_1upco_243";
+const mt_8 = "_mt_8_1upco_254";
+const mt_16 = "_mt_16_1upco_258";
+const ml_8 = "_ml_8_1upco_262";
+const reversed_row = "_reversed_row_1upco_266";
+const headline = "_headline_1upco_270";
+const nav_anchor = "_nav_anchor_1upco_278";
+const headline_cta = "_headline_cta_1upco_286";
+const site_lists = "_site_lists_1upco_302";
+const modify_fit = "_modify_fit_1upco_322";
+const mobile_only = "_mobile_only_1upco_347";
+const mobile_logo = "_mobile_logo_1upco_353";
+const highlight = "_highlight_1upco_360";
+const mobile_opened = "_mobile_opened_1upco_366";
+const dd_footer = "_dd_footer_1upco_374";
+const skip_btn = "_skip_btn_1upco_382";
+const desktop_only = "_desktop_only_1upco_418";
 const styles = {
   header,
   wrapper,
@@ -64,12 +64,12 @@ const styles = {
   mt_8,
   mt_16,
   ml_8,
-  dd_media_cta,
   reversed_row,
   headline,
   nav_anchor,
   headline_cta,
   site_lists,
+  modify_fit,
   mobile_only,
   mobile_logo,
   highlight,
@@ -81,7 +81,6 @@ const styles = {
 export {
   dd_footer,
   dd_media,
-  dd_media_cta,
   dd_media_header,
   dd_media_img,
   dd_site_navs,
@@ -101,6 +100,7 @@ export {
   mobile_logo,
   mobile_only,
   mobile_opened,
+  modify_fit,
   mt_16,
   mt_8,
   nav_anchor,