@axos-web-dev/shared-components 0.0.58 → 0.0.60

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { padding, item_bio, shift, media, headshot, img_area, description, person, bio_name, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
+import { padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
 const ExecutiveBio = ({
   id,
   executiveName,
@@ -28,7 +28,7 @@ const ExecutiveBio = ({
     ) }) }),
     /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
       /* @__PURE__ */ jsxs("div", { className: person, children: [
-        /* @__PURE__ */ jsx("h2", { className: `${bio_name({ variant })} header_3`, children: executiveName }),
+        /* @__PURE__ */ jsx("h2", { className: `${headline_setting({ variant })} header_3`, children: executiveName }),
         /* @__PURE__ */ jsx("h3", { className: `${job_title({ variant })}`, children: executiveTitle }),
         /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
       ] }),
@@ -87,7 +87,14 @@ const ExecutiveBio = ({
             className: `${contact_col} ${contact_links} flex_col between`,
             children: [
               executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-                /* @__PURE__ */ jsx("a", { href: `${executiveLinkedIn}`, className: "btn_link", children: "LinkedIn" }),
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: `${executiveLinkedIn}`,
+                    className: `${headline_setting({ variant })} btn_link`,
+                    children: "LinkedIn"
+                  }
+                ),
                 /* @__PURE__ */ jsx(
                   "svg",
                   {
@@ -109,7 +116,14 @@ const ExecutiveBio = ({
                 )
               ] }),
               executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-                /* @__PURE__ */ jsx("a", { href: `${executiveWebsite}`, className: "btn_link", children: "Website" }),
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: `${executiveWebsite}`,
+                    className: `${headline_setting({ variant })} btn_link`,
+                    children: "Website"
+                  }
+                ),
                 /* @__PURE__ */ jsx(
                   "svg",
                   {

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

@@ -1,4 +1,4 @@
 import { SetContainerProps } from '../SetContainer';
 import { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, headline, variant: fullVariant, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -8,16 +8,15 @@ const ExecutiveBioSet = ({
   description,
   executiveBios,
   additionalDetails,
-  headline,
   variant: fullVariant = "primary"
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs("section", { id, className: section_theme({ variant }), children: [
     /* @__PURE__ */ jsx("div", { className: "containment", children: (title || description) && /* @__PURE__ */ jsxs("div", { className: bio_section_text, children: [
-      headline && /* @__PURE__ */ jsx("h2", { className: `header_1 ${header_theme({ variant })}`, children: title }),
+      title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${header_theme({ variant })}`, children: title }),
       description && /* @__PURE__ */ jsx(Fragment, { children: description })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       ExecutiveBio,
       {
         id: `id_${bio.id}`,
@@ -28,10 +27,10 @@ const ExecutiveBioSet = ({
         executivePhoneNumber: bio?.executivePhoneNumber,
         executiveLinkedIn: bio?.executiveLinkedIn,
         executiveWebsite: bio?.executiveWebsite,
-        executiveHeadshot: bio?.executiveHeadshot,
+        executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
         variant: bio?.variant
       },
-      index
+      bio.id
     ) })) }),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
   ] });

package/dist/ExecutiveBio/index.js

@@ -1,10 +1,9 @@
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { bio_name, bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
+import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
   ExecutiveBioSet,
-  bio_name,
   bio_section_text,
   components,
   contact_col,
@@ -15,6 +14,7 @@ export {
   description,
   details,
   header_theme,
+  headline_setting,
   headshot,
   img_area,
   item_bio,

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

@@ -100,5 +100,24 @@ export declare const header_section: import('@vanilla-extract/recipes').RuntimeF
     };
 }>;
 export declare const section_container: string;
+export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: "1px solid #D4D4D4";
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
 export type ContainerVariants = RecipeVariants<typeof containerIconBillboard>;
 export type LayoutVariants = RecipeVariants<typeof layout>;

package/dist/IconBillboard/IconBillboard.css.js

@@ -15,6 +15,7 @@ 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: [] });
 export {
   billboard_icon,
   buttons,
@@ -25,6 +26,7 @@ export {
   layout,
   list,
   listItem,
+  section_body,
   section_container,
   section_text,
   title

package/dist/IconBillboard/IconBillboardSet.js

@@ -2,11 +2,12 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,
@@ -25,7 +26,7 @@ const IconBillboardSet = ({
           children: headline
         }
       ),
-      bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+      bodyCopy && /* @__PURE__ */ jsx("div", { className: clsx(section_body({ variant })), children: bodyCopy })
     ] }),
     /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
       ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [

package/dist/IconBillboard/index.js

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

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

@@ -1,56 +1,56 @@
-const header = "_header_5tt5v_1";
-const wrapper = "_wrapper_5tt5v_5";
-const header_main_row = "_header_main_row_5tt5v_11";
-const mobile_header = "_mobile_header_5tt5v_12";
-const logo_wrap = "_logo_wrap_5tt5v_18";
-const primary_links = "_primary_links_5tt5v_22";
-const main_nav_link = "_main_nav_link_5tt5v_26";
-const sub_nav_link = "_sub_nav_link_5tt5v_48";
-const signin_wrap = "_signin_wrap_5tt5v_50";
-const signin_btn = "_signin_btn_5tt5v_51";
-const sub_nav = "_sub_nav_5tt5v_48";
-const header_sub_row = "_header_sub_row_5tt5v_93";
-const signin_dropdown = "_signin_dropdown_5tt5v_109";
-const shadow = "_shadow_5tt5v_119";
-const signin_header = "_signin_header_5tt5v_127";
-const signin_subheader = "_signin_subheader_5tt5v_134";
-const opacity = "_opacity_5tt5v_156";
-const fadeInDown = "_fadeInDown_5tt5v_1";
-const footer = "_footer_5tt5v_162";
-const open = "_open_5tt5v_178";
-const dd_wrapper = "_dd_wrapper_5tt5v_190";
-const dd_media = "_dd_media_5tt5v_195";
-const dd_media_img = "_dd_media_img_5tt5v_200";
-const dd_site_navs = "_dd_site_navs_5tt5v_204";
-const dd_media_header = "_dd_media_header_5tt5v_211";
-const mt_8 = "_mt_8_5tt5v_220";
-const mt_16 = "_mt_16_5tt5v_224";
-const ml_8 = "_ml_8_5tt5v_228";
-const dd_media_cta = "_dd_media_cta_5tt5v_232";
-const reversed_row = "_reversed_row_5tt5v_246";
-const headline = "_headline_5tt5v_262";
-const nav_anchor = "_nav_anchor_5tt5v_268";
-const headline_cta = "_headline_cta_5tt5v_276";
-const site_lists = "_site_lists_5tt5v_291";
-const hamburger = "_hamburger_5tt5v_326";
-const mobile_only = "_mobile_only_5tt5v_340";
-const mobile_logo = "_mobile_logo_5tt5v_346";
-const highlight = "_highlight_5tt5v_351";
-const mobile_nav = "_mobile_nav_5tt5v_387";
-const mobile_opened = "_mobile_opened_5tt5v_397";
-const mobile_nav_item = "_mobile_nav_item_5tt5v_402";
-const has_dropdown = "_has_dropdown_5tt5v_417";
-const icon_wrap = "_icon_wrap_5tt5v_438";
-const mobile_footer = "_mobile_footer_5tt5v_443";
-const mobile_footer_content = "_mobile_footer_content_5tt5v_448";
-const mobile_footer_media = "_mobile_footer_media_5tt5v_462";
-const footer_cta = "_footer_cta_5tt5v_468";
-const inner_wrapper = "_inner_wrapper_5tt5v_496";
-const btn = "_btn_5tt5v_501";
-const sub_menu = "_sub_menu_5tt5v_506";
-const main = "_main_5tt5v_26";
-const dd_footer = "_dd_footer_5tt5v_531";
-const desktop_only = "_desktop_only_5tt5v_550";
+const header = "_header_1i6pg_1";
+const wrapper = "_wrapper_1i6pg_5";
+const header_main_row = "_header_main_row_1i6pg_11";
+const mobile_header = "_mobile_header_1i6pg_12";
+const logo_wrap = "_logo_wrap_1i6pg_18";
+const primary_links = "_primary_links_1i6pg_22";
+const main_nav_link = "_main_nav_link_1i6pg_26";
+const sub_nav_link = "_sub_nav_link_1i6pg_48";
+const signin_wrap = "_signin_wrap_1i6pg_50";
+const signin_btn = "_signin_btn_1i6pg_51";
+const sub_nav = "_sub_nav_1i6pg_48";
+const header_sub_row = "_header_sub_row_1i6pg_93";
+const signin_dropdown = "_signin_dropdown_1i6pg_109";
+const shadow = "_shadow_1i6pg_119";
+const signin_header = "_signin_header_1i6pg_127";
+const signin_subheader = "_signin_subheader_1i6pg_134";
+const opacity = "_opacity_1i6pg_156";
+const fadeInDown = "_fadeInDown_1i6pg_1";
+const footer = "_footer_1i6pg_162";
+const open = "_open_1i6pg_178";
+const dd_wrapper = "_dd_wrapper_1i6pg_190";
+const dd_media = "_dd_media_1i6pg_195";
+const dd_media_img = "_dd_media_img_1i6pg_200";
+const dd_site_navs = "_dd_site_navs_1i6pg_204";
+const dd_media_header = "_dd_media_header_1i6pg_211";
+const mt_8 = "_mt_8_1i6pg_220";
+const mt_16 = "_mt_16_1i6pg_224";
+const ml_8 = "_ml_8_1i6pg_228";
+const dd_media_cta = "_dd_media_cta_1i6pg_232";
+const reversed_row = "_reversed_row_1i6pg_246";
+const headline = "_headline_1i6pg_262";
+const nav_anchor = "_nav_anchor_1i6pg_268";
+const headline_cta = "_headline_cta_1i6pg_276";
+const site_lists = "_site_lists_1i6pg_291";
+const hamburger = "_hamburger_1i6pg_326";
+const mobile_only = "_mobile_only_1i6pg_340";
+const mobile_logo = "_mobile_logo_1i6pg_346";
+const highlight = "_highlight_1i6pg_351";
+const mobile_nav = "_mobile_nav_1i6pg_387";
+const mobile_opened = "_mobile_opened_1i6pg_398";
+const mobile_nav_item = "_mobile_nav_item_1i6pg_402";
+const has_dropdown = "_has_dropdown_1i6pg_417";
+const icon_wrap = "_icon_wrap_1i6pg_438";
+const mobile_footer = "_mobile_footer_1i6pg_443";
+const mobile_footer_content = "_mobile_footer_content_1i6pg_448";
+const mobile_footer_media = "_mobile_footer_media_1i6pg_462";
+const footer_cta = "_footer_cta_1i6pg_468";
+const inner_wrapper = "_inner_wrapper_1i6pg_496";
+const btn = "_btn_1i6pg_501";
+const sub_menu = "_sub_menu_1i6pg_506";
+const main = "_main_1i6pg_26";
+const dd_footer = "_dd_footer_1i6pg_531";
+const desktop_only = "_desktop_only_1i6pg_550";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosAdvisorServices/NavData.js

@@ -19,7 +19,7 @@ const subNavItems = {
       id: "ps_2"
     },
     {
-      name: "Client Service Team",
+      name: "Sales Team",
       url: "/personalized-support/sales-team",
       id: "ps_3"
     }

package/dist/assets/Article/Article.css

@@ -1,25 +1,13 @@
-._1073cm80 .n5hj5p1 {
+.n5hj5p1 {
   border: 1px solid #d4d4d4;
 }
-._1es6o1h0 .n5hj5p1 {
-  border: 1px solid #d4d4d4;
-}
-._1073cm80 .n5hj5p2 {
-  border: none;
-}
-._1es6o1h0 .n5hj5p2 {
-  border: none;
-}
-._1073cm80 .n5hj5p3 {
+.n5hj5p2 {
   border: none;
 }
-._1es6o1h0 .n5hj5p3 {
+.n5hj5p3 {
   border: none;
 }
-._1073cm80 .n5hj5p4 {
-  border: none;
-}
-._1es6o1h0 .n5hj5p4 {
+.n5hj5p4 {
   border: none;
 }
 .n5hj5p5 {
@@ -36,28 +24,16 @@
   font: 700 18px / 1.44 var(--main-font-family);
   display: block;
 }
-._1073cm80 .n5hj5p8 {
+.n5hj5p8 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .n5hj5p8 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .n5hj5p9 {
+.n5hj5p9 {
   color: var(--_1073cm8a);
 }
-._1es6o1h0 .n5hj5p9 {
-  color: var(--_1073cm8a);
-}
-._1073cm80 .n5hj5pa {
-  color: #FAA74A;
-}
-._1es6o1h0 .n5hj5pa {
+.n5hj5pa {
   color: #FAA74A;
 }
-._1073cm80 .n5hj5pb {
-  color: var(--_1073cm8o);
-}
-._1es6o1h0 .n5hj5pb {
+.n5hj5pb {
   color: var(--_1073cm8o);
 }
 .n5hj5pc {
@@ -81,47 +57,25 @@
 ._1es6o1h0 .n5hj5pe {
   color: var(--_1073cm8a);
 }
-._1073cm80 .n5hj5pf {
+.n5hj5pf {
   color: var(--_1073cm8h);
 }
-._1es6o1h0 .n5hj5pf {
-  color: var(--_1073cm8h);
-}
-._1073cm80 .n5hj5pg {
+.n5hj5pg {
   color: var(--_1073cm8o);
 }
-._1es6o1h0 .n5hj5pg {
-  color: var(--_1073cm8o);
-}
-._1073cm80 .n5hj5pi {
+.n5hj5pi {
   color: var(--_1073cm82);
   background: var(--_1073cm81);
 }
-._1es6o1h0 .n5hj5pi {
-  color: var(--_1073cm82);
-  background: var(--_1073cm81);
-}
-._1073cm80 .n5hj5pj {
-  color: var(--_1073cm89);
-  background: var(--_1073cm88);
-}
-._1es6o1h0 .n5hj5pj {
+.n5hj5pj {
   color: var(--_1073cm89);
   background: var(--_1073cm88);
 }
-._1073cm80 .n5hj5pk {
+.n5hj5pk {
   color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-._1es6o1h0 .n5hj5pk {
-  color: var(--_1073cm8g);
-  background: var(--_1073cm8f);
-}
-._1073cm80 .n5hj5pl {
-  color: var(--_1073cm8n);
-  background: var(--_1073cm8m);
-}
-._1es6o1h0 .n5hj5pl {
+.n5hj5pl {
   color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
@@ -145,35 +99,51 @@
 .n5hj5pm:hover {
   background-color: transparent;
 }
-._1073cm80 .n5hj5pn {
+.n5hj5pn {
   background: var(--_1073cm86);
   color: var(--_1073cm85);
 }
-._1es6o1h0 .n5hj5pn {
-  background: var(--_1073cm86);
-  color: var(--_1073cm85);
+.n5hj5pn:hover {
+  border-color: var(--_1073cm86);
+  color: var(--_1073cm86);
+}
+.n5hj5pn:active {
+  background-color: var(--_1073cm86);
+  color: var(--_1073cm86);
 }
-._1073cm80 .n5hj5po {
+.n5hj5po {
   background: var(--_1073cm8d);
   color: var(--_1073cm8c);
 }
-._1es6o1h0 .n5hj5po {
-  background: var(--_1073cm8d);
+.n5hj5po:hover {
+  border-color: var(--_1073cm8d);
+  color: var(--_1073cm8d);
+}
+.n5hj5po:active {
+  background-color: var(--_1073cm8d);
   color: var(--_1073cm8c);
 }
-._1073cm80 .n5hj5pp {
+.n5hj5pp {
   color: var(--_1073cm8j);
   background-color: var(--_1073cm86);
 }
-._1es6o1h0 .n5hj5pp {
+.n5hj5pp:hover {
+  border-color: var(--_1073cm8k);
+  color: var(--_1073cm86);
+}
+.n5hj5pp:active {
   color: var(--_1073cm8j);
-  background-color: var(--_1073cm8k);
+  background-color: var(--_1073cm86);
 }
-._1073cm80 .n5hj5pq {
+.n5hj5pq {
   color: var(--_1073cm8q);
   background-color: var(--_1073cm8r);
 }
-._1es6o1h0 .n5hj5pq {
+.n5hj5pq:hover {
+  border-color: var(--_1073cm8r);
+  color: var(--_1073cm8r);
+}
+.n5hj5pq:active {
   color: var(--_1073cm8q);
   background-color: var(--_1073cm8r);
 }
@@ -200,33 +170,7 @@
     font-size: 1.5rem;
     line-height: 1.28;
   }
-  options => {
-    var className = config.defaultClassName;
-    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-    for (var variantName in selections) {
-      var _selections$variantNa;
-      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-      if (variantSelection != null) {
-        var selection = variantSelection;
-        if (typeof selection === 'boolean') {
-          // @ts-expect-error
-          selection = selection === true ? 'true' : 'false';
-        }
-        var selectionClassName =
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection];
-        if (selectionClassName) {
-          className += ' ' + selectionClassName;
-        }
-      }
-    }
-    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-        className += ' ' + compoundClassName;
-      }
-    }
-    return className;
-  } > * {
+  .n5hj5ph > * {
     font-size: 15px;
     line-height: 1.4;
   }