@axos-web-dev/shared-components 1.0.100-dev.78 → 1.0.100-dev.79

package/dist/ExecutiveBio/ExecutiveBio.css.d.ts

@@ -92,8 +92,6 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
 export declare const contacts: string;
 export declare const headshot: string;
 export declare const img_area: string;
-export declare const media: string;
-export declare const person: string;
 export declare const components: import('@vanilla-extract/recipes').RuntimeFn<{
     columns: {
         1: {
@@ -140,6 +138,8 @@ export declare const components: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
+export declare const media: string;
+export declare const person: string;
 export declare const shift: string;
 export declare const bio_section_text: string;
 export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn<{

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -19,9 +19,9 @@ var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dq", variantClassN
 var contacts = "txcb8dv";
 var headshot = "txcb8dw";
 var img_area = "txcb8dx";
-var media = "txcb8dy";
-var person = "txcb8dz";
-var components = createRuntimeFn({ defaultClassName: "txcb8d10", variantClassNames: { columns: { "1": "txcb8d11", "2": "txcb8d12", "3": "txcb8d13", "4": "txcb8d14" } }, defaultVariants: { columns: 1 }, compoundVariants: [] });
+var components = createRuntimeFn({ defaultClassName: "txcb8dy", variantClassNames: { columns: { "1": "txcb8dz", "2": "txcb8d10", "3": "txcb8d11", "4": "txcb8d12" } }, defaultVariants: { columns: 1 }, compoundVariants: [] });
+var media = "txcb8d13";
+var person = "txcb8d14";
 var shift = "txcb8d15";
 var bio_section_text = "txcb8d16";
 var section_theme = createRuntimeFn({ defaultClassName: "txcb8d17", variantClassNames: { variant: { primary: "txcb8d18", secondary: "txcb8d19", tertiary: "txcb8d1a", quaternary: "txcb8d1b" } }, defaultVariants: {}, compoundVariants: [] });

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

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

package/dist/LandingPageHeader/LandingPageHeader.css.js

@@ -4,12 +4,12 @@ import '../assets/LandingPageHeader/LandingPageHeader.css';import '../assets/the
 /* 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 spb_container = "_1o1hxre5";
-var lp_hover = "_1o1hxre6";
-var spb_hover = "_1o1hxre7";
-var svg_fill = "_1o1hxre8";
+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,

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

@@ -13,28 +13,45 @@ 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$8 from "../icons/Logos/SPB.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, spb_container, lp_container, spb_hover, 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 })],
-    ["SPB", /* @__PURE__ */ jsx(SvgComponent$8, { height: "100%", width: "100%" })]
+    [
+      "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%" })]
   ]);
   const isSPBPage = project === "SPB";
   return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx(
@@ -46,8 +63,17 @@ const LandingPageHeader = ({
         {
           href: project == "AXI" ? "/invest" : "/",
           className: isSPBPage ? spb_hover : lp_hover,
-          "aria-label": alt ?? "axos logo, return to homepage",
-          children: website.get(project)
+          "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)
         }
       )
     }

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -172,32 +172,32 @@
   width: 100%;
 }
 .txcb8dy {
-  margin-right: 64px;
-  width: auto;
-}
-.txcb8d1 .txcb8dy {
-  margin-right: 0px;
-  align-self: flex-start;
-}
-.txcb8d10 {
   display: grid;
   gap: 24px;
   position: relative;
   margin-inline: auto;
 }
-.txcb8d11 {
+.txcb8dz {
   grid-template-columns: 1fr;
 }
-.txcb8d12 {
+.txcb8d10 {
   grid-template-columns: repeat(2, 1fr);
   width: min(840px, calc(100% - 4rem));
 }
-.txcb8d13 {
+.txcb8d11 {
   grid-template-columns: repeat(3, 1fr);
 }
-.txcb8d14 {
+.txcb8d12 {
   grid-template-columns: repeat(4, 1fr);
 }
+.txcb8d13 {
+  margin-right: 64px;
+  width: auto;
+}
+.txcb8d1 .txcb8d13 {
+  margin-right: 0px;
+  align-self: flex-start;
+}
 .txcb8d1 .txcb8d15 {
   gap: 16px;
   height: 100%;
@@ -243,7 +243,7 @@
 .txcb8d1g {
   color: var(--_1073cm8q);
 }
-.txcb8d10.containment .containment {
+.txcb8dy.containment .containment {
   width: 100%;
 }
 .txcb8d1h {
@@ -527,13 +527,13 @@ main > div:has(.txcb8d1k) {
     display: flex;
     justify-content: center;
   }
-  .txcb8dy {
+  .txcb8d13 {
     margin-right: 0px;
   }
-  .txcb8dz {
+  .txcb8d14 {
     transform: translateY(1%);
   }
-  .txcb8dz p:first-of-type {
+  .txcb8d14 p:first-of-type {
     margin-top: 8px;
   }
   .txcb8d15 {
@@ -559,11 +559,11 @@ main > div:has(.txcb8d1k) {
   }
 }
 @media (max-width: 1175px) {
-  .txcb8d13 {
+  .txcb8d11 {
     grid-template-columns: repeat(2, 1fr);
     width: min(840px, calc(100% - 4rem));
   }
-  .txcb8d14 {
+  .txcb8d12 {
     grid-template-columns: repeat(2, 1fr);
     width: min(840px, calc(100% - 4rem));
   }
@@ -630,15 +630,15 @@ main > div:has(.txcb8d1k) {
   .txcb8dx {
     width: 200px;
   }
-  .txcb8d12 {
+  .txcb8d10 {
     grid-template-columns: 1fr;
     width: min(350px, calc(100% - 2rem));
   }
-  .txcb8d13 {
+  .txcb8d11 {
     grid-template-columns: 1fr;
     width: min(350px, calc(100% - 2rem));
   }
-  .txcb8d14 {
+  .txcb8d12 {
     grid-template-columns: 1fr;
     width: min(350px, calc(100% - 2rem));
   }
@@ -667,10 +667,13 @@ main > div:has(.txcb8d1k) {
   }
 }
 @media (min-width: 1176px) {
-  .txcb8d14 {
+  .txcb8d12 {
     width: min(1000px, 100%);
   }
-  .txcb8d14 .txcb8d15 {
+  .txcb8d12 .txcb8d13 {
+    align-self: center;
+  }
+  .txcb8d12 .txcb8d15 {
     flex-direction: column;
   }
 }

package/dist/assets/LandingPageHeader/LandingPageHeader.css

@@ -2,56 +2,69 @@
   background: var(--_1073cm81);
 }
 ._1o1hxre2 {
-  background: var(--_1073cm81);
+  background: var(--_1073cm88);
 }
 ._1o1hxre3 {
-  background: var(--_1073cm81);
+  background: var(--_1073cm8f);
 }
 ._1o1hxre4 {
-  padding: 0 24px;
-  min-height: 59px;
+  background: var(--_1073cm8m);
 }
 ._1o1hxre5 {
-  padding: 32px 24px;
+  padding: 7px 24px;
   min-height: 59px;
 }
 ._1o1hxre6 {
+  padding: 32px 24px;
+  min-height: 59px;
+}
+._1o1hxre7 {
   transition: opacity 0.35s ease;
+  display: flex;
 }
-._1o1hxre6:hover {
+._1o1hxre7:hover {
   opacity: 0.6;
 }
-._1o1hxre6:active {
+._1o1hxre7:active {
   opacity: 1;
 }
-._1o1hxre7 {
+._1o1hxre8 {
   transition: opacity 0.35s ease;
   width: 568px;
   height: 78px;
 }
-._1o1hxre7:hover {
+._1o1hxre8:hover {
   opacity: 0.6;
 }
-._1o1hxre7:active {
+._1o1hxre8:active {
   opacity: 1;
 }
-._1o1hxre8 {
+._1o1hxrea {
   fill: var(--_1073cm85);
 }
+._1o1hxreb {
+  fill: var(--_1073cm8c);
+}
+._1o1hxrec {
+  fill: var(--_1073cm8j);
+}
+._1o1hxred {
+  fill: var(--_1073cm8q);
+}
 @media screen and (max-width: 1023px) {
-  ._1o1hxre5 {
+  ._1o1hxre6 {
     padding: 28px 24px;
   }
-  ._1o1hxre7 {
+  ._1o1hxre8 {
     width: 454px;
     height: 62px;
   }
 }
 @media screen and (max-width: 768px) {
-  ._1o1hxre5 {
+  ._1o1hxre6 {
     padding: 24px 24px;
   }
-  ._1o1hxre7 {
+  ._1o1hxre8 {
     width: 340px;
     height: 46px;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.78",
+  "version": "1.0.100-dev.79",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",