@axos-web-dev/shared-components 0.0.57 → 0.0.59

package/dist/AwardsItem/AwardsItem.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { award_item, award_name, award_company } from "./AwardsItem.css.js";
+const AwardsItem = ({
+  id,
+  starRating,
+  awardsName,
+  awardsSource
+}) => {
+  let rating;
+  switch (starRating) {
+    case "5.0 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/2fdRGVo32cUTltS5a0QKkF/9e3d0ce07b648fad2de7177bb7685f39/5-stars.svg";
+      break;
+    case "4.5 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/5kDSlcD0nHPpfsO2d9MXmj/680304bee0f48365388a9b43b0ec9aab/4point5-stars.svg";
+      break;
+    case "4.0 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/7qNXIOMTzaDfPhCAlXP41u/2a7d54670fb94594994a2beb3b3c00fc/4-stars.svg";
+      break;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `${award_item} text_center`, id: `id_${id}`, children: [
+    starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", role: "presentation" }),
+    /* @__PURE__ */ jsx("p", { className: award_name, children: awardsName }),
+    /* @__PURE__ */ jsx("p", { className: award_company, children: awardsSource })
+  ] });
+};
+export {
+  AwardsItem
+};

package/dist/AwardsItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AwardsItem.css';
+export * from './AwardsItem';

package/dist/AwardsItem/index.js

@@ -0,0 +1,8 @@
+import { award_company, award_item, award_name } from "./AwardsItem.css.js";
+import { AwardsItem } from "./AwardsItem.js";
+export {
+  AwardsItem,
+  award_company,
+  award_item,
+  award_name
+};

package/dist/Carousel/index.js

@@ -22,6 +22,10 @@ import React, { useEffect, Children, cloneElement } from "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 /* empty css                                                    */
 /* empty css                                                                    */
 import "../HeroBanner/HeroBanner.css.js";
@@ -39,6 +43,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Chevron/index.js

@@ -18,8 +18,12 @@ import "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
 /* empty css                                          */
+/* empty css                                              */
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
@@ -39,6 +43,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

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

@@ -1,69 +1,133 @@
 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})`;
+            selectors: {
+                [x: string]: {
+                    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})`;
+                };
+            };
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `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})`;
+            selectors: {
+                [x: string]: {
+                    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})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
     };
 }>;
-export declare const bio_name: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const headline_setting: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
     };
 }>;
 export declare const job_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
     };
 }>;
 export declare const svg_icon: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         secondary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         tertiary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         quaternary: {
-            fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
     };
 }>;
@@ -74,20 +138,37 @@ export declare const copy: string;
 export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: "#0062B3";
+            selectors: {
+                [x: string]: {
+                    color: "#0062B3";
+                };
+            };
         };
         secondary: {
-            color: "#0062B3";
+            selectors: {
+                [x: string]: {
+                    color: "#0062B3";
+                };
+            };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: "#fff";
+                };
+            };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: "#FAA74A";
+                };
+            };
         };
     };
 }>;
 export declare const contacts: string;
+export declare const contact_links: string;
 export declare const headshot: string;
 export declare const img_area: string;
 export declare const media: string;
@@ -97,53 +178,34 @@ 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})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    background: "#1E262F";
                 };
             };
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    background: "#1E262F";
                 };
             };
         };
@@ -152,16 +214,36 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
 export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: "#1E3860";
+                } | {
+                    color: "#1E262F";
+                };
+            };
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                [x: string]: {
+                    color: "#1E3860";
+                } | {
+                    color: "#1E262F";
+                };
+            };
         };
     };
 }>;

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -4,7 +4,7 @@
 /* empty css                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var item_bio = createRuntimeFn({ defaultClassName: "txcb8d0", variantClassNames: { variant: { primary: "txcb8d1", secondary: "txcb8d2", tertiary: "txcb8d3", quaternary: "txcb8d4" } }, defaultVariants: {}, compoundVariants: [] });
-var bio_name = createRuntimeFn({ defaultClassName: "txcb8d5", variantClassNames: { variant: { primary: "txcb8d6", secondary: "txcb8d7", tertiary: "txcb8d8", quaternary: "txcb8d9" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d5", variantClassNames: { variant: { primary: "txcb8d6", secondary: "txcb8d7", tertiary: "txcb8d8", quaternary: "txcb8d9" } }, defaultVariants: {}, compoundVariants: [] });
 var job_title = createRuntimeFn({ defaultClassName: "txcb8da", variantClassNames: { variant: { primary: "txcb8db", secondary: "txcb8dc", tertiary: "txcb8dd", quaternary: "txcb8de" } }, defaultVariants: {}, compoundVariants: [] });
 var svg_icon = createRuntimeFn({ defaultClassName: "txcb8df", variantClassNames: { variant: { primary: "txcb8dg", secondary: "txcb8dh", tertiary: "txcb8di", quaternary: "txcb8dj" } }, defaultVariants: {}, compoundVariants: [] });
 var description = "txcb8dk";
@@ -13,27 +13,29 @@ var padding = "txcb8dm";
 var copy = "txcb8dn";
 var contact_entry = createRuntimeFn({ defaultClassName: "txcb8do", variantClassNames: { variant: { primary: "txcb8dp", secondary: "txcb8dq", tertiary: "txcb8dr", quaternary: "txcb8ds" } }, defaultVariants: {}, compoundVariants: [] });
 var contacts = "txcb8dt";
-var headshot = "txcb8du";
-var img_area = "txcb8dv";
-var media = "txcb8dw";
-var person = "txcb8dx";
-var shift = "txcb8dy";
-var bio_section_text = "txcb8dz";
-var section_theme = createRuntimeFn({ defaultClassName: "txcb8d10", variantClassNames: { variant: { primary: "txcb8d11", secondary: "txcb8d12", tertiary: "txcb8d13", quaternary: "txcb8d14" } }, defaultVariants: {}, compoundVariants: [] });
-var header_theme = createRuntimeFn({ defaultClassName: "txcb8d15", variantClassNames: { variant: { primary: "txcb8d16", secondary: "txcb8d17", tertiary: "txcb8d18", quaternary: "txcb8d19" } }, defaultVariants: {}, compoundVariants: [] });
-var components = "txcb8d1a";
-var details = "txcb8d1b";
+var contact_links = "txcb8du";
+var headshot = "txcb8dv";
+var img_area = "txcb8dw";
+var media = "txcb8dx";
+var person = "txcb8dy";
+var shift = "txcb8dz";
+var bio_section_text = "txcb8d10";
+var section_theme = createRuntimeFn({ defaultClassName: "txcb8d11", variantClassNames: { variant: { primary: "txcb8d12", secondary: "txcb8d13", tertiary: "txcb8d14", quaternary: "txcb8d15" } }, defaultVariants: {}, compoundVariants: [] });
+var header_theme = createRuntimeFn({ defaultClassName: "txcb8d16", variantClassNames: { variant: { primary: "txcb8d17", secondary: "txcb8d18", tertiary: "txcb8d19", quaternary: "txcb8d1a" } }, defaultVariants: {}, compoundVariants: [] });
+var components = "txcb8d1b";
+var details = "txcb8d1c";
 export {
-  bio_name,
   bio_section_text,
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   copy,
   description,
   details,
   header_theme,
+  headline_setting,
   headshot,
   img_area,
   item_bio,

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, 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, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -16,7 +16,9 @@ export interface ExecutiveBioProps {
     executiveName: string;
     executiveTitle: string;
     executiveBodyCopy?: string | ReactNode;
-    executiveEmailAddress: string;
-    executivePhoneNumber: string;
+    executiveEmailAddress?: string;
+    executivePhoneNumber?: string;
+    executiveLinkedIn?: string;
+    executiveWebsite?: string;
     executiveHeadshot?: ImageInterface;
 }