@axos-web-dev/shared-components 1.0.100 → 1.0.101-dev.1

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

@@ -2,69 +2,69 @@ export declare const executive_bio: string;
 export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const headline_setting: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const job_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const svg_icon: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         tertiary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
         quaternary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fill: `var(--${string})`;
         };
     };
 }>;
@@ -81,10 +81,10 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
             color: "#0062B3";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -98,35 +98,188 @@ export declare const bio_section_text: string;
 export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
     };
 }>;
 export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const components: string;
 export declare const details: string;
 export declare const url_row: string;
+export declare const flexColumn: string;
+export declare const ceoSection: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceoContainer: string;
+export declare const ceoWrapper: string;
+export declare const ceoMedia: string;
+export declare const ceoImgWrapper: string;
+export declare const imgAlignment: string;
+export declare const highlights: string;
+export declare const bulletsHeadline: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const bulletsWrapper: string;
+export declare const ceoContent: string;
+export declare const ceoHeader: string;
+export declare const ceoPersonalInfo: string;
+export declare const ceo_name: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_title: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_contacts: string;
+export declare const svg_color: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            fill: "#2F5B88";
+        };
+        secondary: {
+            fill: "#2F5B88";
+        };
+        tertiary: {
+            fill: `var(--${string})`;
+        };
+        quaternary: {
+            fill: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_quote: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_body: string;
+export declare const hover: string;
+export declare const social: string;
+export declare const tooltip: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const order_3: string;
+export declare const overlay: string;
+export declare const stroke_color: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            stroke: `var(--${string})`;
+        };
+        secondary: {
+            stroke: `var(--${string})`;
+        };
+        tertiary: {
+            stroke: `var(--${string})`;
+        };
+        quaternary: {
+            stroke: `var(--${string})`;
+        };
+    };
+}>;

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -1,6 +1,7 @@
-/* empty css                                          */
+import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.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                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -26,8 +27,48 @@ var header_theme = createRuntimeFn({ defaultClassName: "txcb8d16", variantClassN
 var components = "txcb8d1b";
 var details = "txcb8d1c";
 var url_row = "txcb8d1d";
+var flexColumn = "txcb8d1e";
+var ceoSection = createRuntimeFn({ defaultClassName: "txcb8d1f", variantClassNames: { variant: { primary: "txcb8d1g", secondary: "txcb8d1h", tertiary: "txcb8d1i", quaternary: "txcb8d1j" } }, defaultVariants: {}, compoundVariants: [] });
+var ceoContainer = "txcb8d1k";
+var ceoWrapper = "txcb8d1l";
+var ceoMedia = "txcb8d1m txcb8d1e";
+var ceoImgWrapper = "txcb8d1n";
+var imgAlignment = "txcb8d1o";
+var highlights = "txcb8d1p txcb8d1e";
+var bulletsHeadline = createRuntimeFn({ defaultClassName: "txcb8d1q", variantClassNames: { variant: { primary: "txcb8d1r", secondary: "txcb8d1s", tertiary: "txcb8d1t", quaternary: "txcb8d1u" } }, defaultVariants: {}, compoundVariants: [] });
+var bulletsWrapper = "txcb8d1v txcb8d1e";
+var ceoContent = "txcb8d1w txcb8d1e";
+var ceoHeader = "txcb8d1x txcb8d1e";
+var ceoPersonalInfo = "txcb8d1y txcb8d1e";
+var ceo_name = createRuntimeFn({ defaultClassName: "txcb8d1z", variantClassNames: { variant: { primary: "txcb8d20", secondary: "txcb8d21", tertiary: "txcb8d22", quaternary: "txcb8d23" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_title = createRuntimeFn({ defaultClassName: "txcb8d24", variantClassNames: { variant: { primary: "txcb8d25", secondary: "txcb8d26", tertiary: "txcb8d27", quaternary: "txcb8d28" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_contacts = "txcb8d29";
+var svg_color = createRuntimeFn({ defaultClassName: "txcb8d2a", variantClassNames: { variant: { primary: "txcb8d2b", secondary: "txcb8d2c", tertiary: "txcb8d2d", quaternary: "txcb8d2e" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_quote = createRuntimeFn({ defaultClassName: "txcb8d2f", variantClassNames: { variant: { primary: "txcb8d2g", secondary: "txcb8d2h", tertiary: "txcb8d2i", quaternary: "txcb8d2j" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_body = "txcb8d2k";
+var hover = "txcb8d2l";
+var social = "txcb8d2m";
+var tooltip = createRuntimeFn({ defaultClassName: "txcb8d2n", variantClassNames: { variant: { primary: "txcb8d2o", secondary: "txcb8d2p", tertiary: "txcb8d2q", quaternary: "txcb8d2r" } }, defaultVariants: {}, compoundVariants: [] });
+var order_3 = "txcb8d2s";
+var overlay = "txcb8d2t";
+var stroke_color = createRuntimeFn({ defaultClassName: "txcb8d2u", variantClassNames: { variant: { primary: "txcb8d2v", secondary: "txcb8d2w", tertiary: "txcb8d2x", quaternary: "txcb8d2y" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   bio_section_text,
+  bulletsHeadline,
+  bulletsWrapper,
+  ceoContainer,
+  ceoContent,
+  ceoHeader,
+  ceoImgWrapper,
+  ceoMedia,
+  ceoPersonalInfo,
+  ceoSection,
+  ceoWrapper,
+  ceo_body,
+  ceo_contacts,
+  ceo_name,
+  ceo_quote,
+  ceo_title,
   components,
   contact_col,
   contact_entry,
@@ -36,17 +77,27 @@ export {
   description,
   details,
   executive_bio,
+  flexColumn,
   header_theme,
   headline_setting,
   headshot,
+  highlights,
+  hover,
+  imgAlignment,
   img_area,
   item_bio,
   job_title,
   media,
+  order_3,
+  overlay,
   padding,
   person,
   section_theme,
   shift,
+  social,
+  stroke_color,
+  svg_color,
   svg_icon,
+  tooltip,
   url_row
 };

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,3 @@
 import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts

@@ -1,6 +1,6 @@
-import { QuaternaryTypes } from '../utils/variant.types';
-import { ImageInterface } from '../IconBillboard';
 import { ReactNode } from 'react';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface, BulletItemProps } from '../main';
 
 export interface ExecutiveBioSetProps {
     id: string;
@@ -13,12 +13,19 @@ export interface ExecutiveBioSetProps {
 export interface ExecutiveBioProps {
     id: string;
     variant: QuaternaryTypes;
-    executiveName: string;
-    executiveTitle: string;
+    executiveName?: string;
+    executiveTitle?: string;
     executiveBodyCopy?: string | ReactNode;
     executiveEmailAddress?: string;
     executivePhoneNumber?: string;
     executiveLinkedIn?: string;
     executiveWebsite?: string;
+    executiveTwitter?: string;
+    executiveFacebook?: string;
     executiveHeadshot?: ImageInterface;
+    bullets?: BulletItemProps[];
+    bulletsTitle?: ReactNode | string;
+    quote?: ReactNode | string;
+    bannerType?: "Standard" | "Hero";
+    backgroundOverlay?: boolean;
 }