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

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,13 +8,12 @@ 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(
@@ -28,7 +27,7 @@ const ExecutiveBioSet = ({
         executivePhoneNumber: bio?.executivePhoneNumber,
         executiveLinkedIn: bio?.executiveLinkedIn,
         executiveWebsite: bio?.executiveWebsite,
-        executiveHeadshot: bio?.executiveHeadshot,
+        executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
         variant: bio?.variant
       },
       index

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/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;
   }

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -5,16 +5,10 @@
 .kjcqgc1 {
   margin-bottom: 40px;
 }
-._1073cm80 .kjcqgc3 {
+.kjcqgc3 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .kjcqgc3 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .kjcqgc4 {
-  color: var(--_1073cm8a);
-}
-._1es6o1h0 .kjcqgc4 {
+.kjcqgc4 {
   color: var(--_1073cm8a);
 }
 ._1073cm80 .kjcqgc5 {
@@ -32,6 +26,7 @@
 .kjcqgc7 {
   font: 700 18px/1.44 var(--main-font-family);
   text-decoration: none;
+  margin-right: 1em;
 }
 .kjcqgc7:hover {
   opacity: 0.7;
@@ -60,33 +55,7 @@
 ._1es6o1h0 .kjcqgcb {
   color: #1E262F;
 }
-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;
-  } + .sc__btn {
+.kjcqgc2 + .sc__btn {
   display: inline-block;
 }
 ._1073cm80 .kjcqgcd {
@@ -116,35 +85,19 @@ options => {
 .kjcqgch article {
   flex: 1 1 0%;
 }
-._1073cm80 .kjcqgcj {
+.kjcqgcj {
   color: var(--_1073cm82);
   background: var(--_1073cm81);
 }
-._1es6o1h0 .kjcqgcj {
-  color: var(--_1073cm82);
-  background: var(--_1073cm81);
-}
-._1073cm80 .kjcqgck {
-  color: var(--_1073cm89);
-  background: var(--_1073cm88);
-}
-._1es6o1h0 .kjcqgck {
+.kjcqgck {
   color: var(--_1073cm89);
   background: var(--_1073cm88);
 }
-._1073cm80 .kjcqgcl {
-  color: var(--_1073cm8g);
-  background: var(--_1073cm8f);
-}
-._1es6o1h0 .kjcqgcl {
+.kjcqgcl {
   color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-._1073cm80 .kjcqgcm {
-  color: var(--_1073cm8n);
-  background: var(--_1073cm8m);
-}
-._1es6o1h0 .kjcqgcm {
+.kjcqgcm {
   color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
@@ -155,33 +108,7 @@ options => {
   .kjcqgc1 {
     margin-bottom: 32px;
   }
-  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;
-  } + .sc__btn {
+  .kjcqgc2 + .sc__btn {
     margin-top: 16px;
   }
 }
@@ -201,33 +128,7 @@ options => {
   }
 }
 @media (max-width:1023px) and (min-width:769px) {
-  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;
-  } > * {
+  .kjcqgci > * {
     font-size: 15px;
     line-height: 1.4;
   }