@axos-web-dev/shared-components 0.0.69 → 0.0.71

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

@@ -1,43 +1,44 @@
-const header = "_header_iyszh_1";
-const wrapper = "_wrapper_iyszh_5";
-const header_main_row = "_header_main_row_iyszh_11";
-const mobile_header = "_mobile_header_iyszh_12";
-const logo_wrap = "_logo_wrap_iyszh_18";
-const primary_links = "_primary_links_iyszh_22";
-const main_nav = "_main_nav_iyszh_26";
-const main_nav_link = "_main_nav_link_iyszh_33";
-const sub_nav_link = "_sub_nav_link_iyszh_55";
-const signin_wrap = "_signin_wrap_iyszh_57";
-const signin_btn = "_signin_btn_iyszh_58";
-const sub_nav = "_sub_nav_iyszh_55";
-const header_sub_row = "_header_sub_row_iyszh_99";
-const shadow = "_shadow_iyszh_115";
-const opacity = "_opacity_iyszh_131";
-const fadeInDown = "_fadeInDown_iyszh_1";
-const footer = "_footer_iyszh_137";
-const open = "_open_iyszh_153";
-const mt_8 = "_mt_8_iyszh_161";
-const mt_16 = "_mt_16_iyszh_165";
-const ml_8 = "_ml_8_iyszh_169";
-const reversed_row = "_reversed_row_iyszh_173";
-const nav_anchor = "_nav_anchor_iyszh_177";
-const site_lists = "_site_lists_iyszh_188";
-const hamburger = "_hamburger_iyszh_192";
-const mobile_logo = "_mobile_logo_iyszh_206";
-const mobile_nav = "_mobile_nav_iyszh_231";
-const mobile_opened = "_mobile_opened_iyszh_242";
-const mobile_nav_item = "_mobile_nav_item_iyszh_246";
-const icon_wrap = "_icon_wrap_iyszh_261";
-const mobile_footer = "_mobile_footer_iyszh_266";
-const mobile_footer_content = "_mobile_footer_content_iyszh_271";
-const mobile_footer_media = "_mobile_footer_media_iyszh_285";
-const footer_cta = "_footer_cta_iyszh_292";
-const inner_wrapper = "_inner_wrapper_iyszh_324";
-const btn = "_btn_iyszh_329";
-const sub_menu = "_sub_menu_iyszh_334";
-const main = "_main_iyszh_26";
-const desktop_only = "_desktop_only_iyszh_363";
-const mobile_only = "_mobile_only_iyszh_410";
+const header = "_header_1f737_1";
+const wrapper = "_wrapper_1f737_5";
+const header_main_row = "_header_main_row_1f737_11";
+const mobile_header = "_mobile_header_1f737_12";
+const logo_wrap = "_logo_wrap_1f737_18";
+const primary_links = "_primary_links_1f737_22";
+const main_nav = "_main_nav_1f737_26";
+const main_nav_link = "_main_nav_link_1f737_33";
+const sub_nav_link = "_sub_nav_link_1f737_55";
+const signin_wrap = "_signin_wrap_1f737_57";
+const signin_btn = "_signin_btn_1f737_58";
+const sub_nav = "_sub_nav_1f737_55";
+const header_sub_row = "_header_sub_row_1f737_99";
+const shadow = "_shadow_1f737_115";
+const opacity = "_opacity_1f737_131";
+const fadeInDown = "_fadeInDown_1f737_1";
+const footer = "_footer_1f737_137";
+const open = "_open_1f737_153";
+const mt_8 = "_mt_8_1f737_161";
+const mt_16 = "_mt_16_1f737_165";
+const ml_8 = "_ml_8_1f737_169";
+const reversed_row = "_reversed_row_1f737_173";
+const nav_anchor = "_nav_anchor_1f737_177";
+const site_lists = "_site_lists_1f737_188";
+const hamburger = "_hamburger_1f737_192";
+const mobile_logo = "_mobile_logo_1f737_206";
+const mobile_nav = "_mobile_nav_1f737_231";
+const mobile_opened = "_mobile_opened_1f737_242";
+const _mobile_opened = "__mobile_opened_1f737_246";
+const mobile_nav_item = "_mobile_nav_item_1f737_250";
+const icon_wrap = "_icon_wrap_1f737_265";
+const mobile_footer = "_mobile_footer_1f737_270";
+const mobile_footer_content = "_mobile_footer_content_1f737_275";
+const mobile_footer_media = "_mobile_footer_media_1f737_289";
+const footer_cta = "_footer_cta_1f737_296";
+const inner_wrapper = "_inner_wrapper_1f737_328";
+const btn = "_btn_1f737_333";
+const sub_menu = "_sub_menu_1f737_338";
+const main = "_main_1f737_26";
+const desktop_only = "_desktop_only_1f737_367";
+const mobile_only = "_mobile_only_1f737_414";
 const styles = {
   header,
   wrapper,
@@ -67,6 +68,7 @@ const styles = {
   mobile_logo,
   mobile_nav,
   mobile_opened,
+  _mobile_opened,
   mobile_nav_item,
   icon_wrap,
   mobile_footer,
@@ -81,6 +83,7 @@ const styles = {
   mobile_only
 };
 export {
+  _mobile_opened,
   btn,
   styles as default,
   desktop_only,

package/dist/NavigationMenu/NavItem/index.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import Link from "next/link.js";
 const NavItem = ({
   className,
   url,
@@ -9,7 +10,7 @@ const NavItem = ({
 }) => {
   const handleClick = () => onClick && onClick(index);
   return /* @__PURE__ */ jsx("li", { className, children: /* @__PURE__ */ jsx(
-    "a",
+    Link,
     {
       href: url,
       className: isActive ? "active" : "",

package/dist/SetContainer/SetContainer.js

@@ -58,6 +58,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
+import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
@@ -73,6 +74,7 @@ import "../Table/Table.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 const SetContainer = ({
   id,

package/dist/VideoWrapper/index.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                          */
@@ -23,7 +23,7 @@ const VideoWrapper = ({
           "div",
           {
             className: `${grid_wrapper} ${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`,
-            children: videoTiles?.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+            children: videoTiles?.map((videoItem, index) => /* @__PURE__ */ jsx(
               VideoTile,
               {
                 id: videoItem.id,
@@ -36,7 +36,7 @@ const VideoWrapper = ({
                 transcript: videoItem?.transcript
               },
               index
-            ) }))
+            ))
           }
         )
       ] }) })

package/dist/assets/Button/Button.css

@@ -110,12 +110,12 @@
 }
 ._13pdpuje {
   color: #5E6A74;
-  background: transparent;
+  background: #F4F4F4;
   cursor: not-allowed;
 }
 ._13pdpuje:hover {
   cursor: not-allowed;
-  background: transparent;
+  background: #F4F4F4;
   text-decoration: none;
   color: #5E6A74;
   border-color: transparent;

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -16,54 +16,38 @@
   height: -webkit-fit-content;
 }
 ._1tdyl743 {
-  width: 256px;
   height: 256px;
 }
 ._1tdyl744 {
-  width: 491px;
-  height: 256px;
+  height: 216px;
 }
 ._1tdyl745 {
-  width: 160px;
   height: 160px;
 }
 ._1tdyl746 {
-  width: 306px;
-  height: 160px;
-}
-._1tdyl747 {
-  height: 256px;
-}
-._1tdyl748 {
-  height: 216px;
-}
-._1tdyl749 {
-  height: 160px;
-}
-._1tdyl74a {
   height: 120px;
 }
-._1tdyl74b {
+._1tdyl747 {
   height: 88px;
 }
-._1tdyl74c {
+._1tdyl748 {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 24px;
 }
-._1tdyl74d {
+._1tdyl749 {
   position: relative;
   top: -20px;
   max-height: 200px;
 }
-._1tdyl74f {
+._1tdyl74b {
   filter: drop-shadow(0 1px 3px rgb(255 255 255/0.4));
 }
-._1tdyl74f .containment .promo_wrapper {
+._1tdyl74b .containment .promo_wrapper {
   min-height: 0;
 }
-._1tdyl74g {
+._1tdyl74c {
   position: fixed;
   top: 10px;
   z-index: 999;
@@ -75,15 +59,18 @@
   max-width: fit-content;
   height: 100%;
 }
-._1tdyl74h {
+._1tdyl74d {
   gap: 24px;
 }
-._1tdyl74h .sc__btn {
+._1tdyl74d .sc__btn {
   margin-left: 0;
 }
-._1tdyl747 ._1tdyl74h, ._1tdyl748 ._1tdyl74h {
+._1tdyl743 ._1tdyl74d, ._1tdyl744 ._1tdyl74d {
   margin-top: 24px;
 }
+._1tdyl74f {
+  max-height: 315px;
+}
 @media screen and (max-width:1127px) {
   [class*=cta_section_lg] {
     max-height: 256px;
@@ -104,14 +91,14 @@
   ._1tdyl740 .flex {
     flex-direction: column;
   }
-  ._1tdyl74e {
+  ._1tdyl74a {
     text-align: center;
     flex-direction: column;
   }
-  ._1tdyl74e p {
+  ._1tdyl74a p {
     margin-top: 8px;
   }
-  ._1tdyl74g {
+  ._1tdyl74c {
     position: fixed;
     top: 10px;
     z-index: 999;
@@ -125,11 +112,11 @@
     max-height: 200px;
     object-fit: cover;
   }
-  ._1tdyl74h {
+  ._1tdyl74d {
     justify-content: center;
     padding: 24px;
   }
-  ._1tdyl74i {
+  ._1tdyl74e {
     margin-top: 1rem;
   }
 }
@@ -137,19 +124,19 @@
   ._1tdyl740 .flex {
     gap: 24px;
   }
-  ._1tdyl74e {
+  ._1tdyl74a {
     gap: 24px;
   }
 }
 @media screen and (max-width:510px) {
-  ._1tdyl74h {
+  ._1tdyl74d {
     gap: 24px;
     flex-direction: column;
     margin-right: 0;
   }
 }
 @media screen and (max-width: 1023px) {
-  ._1tdyl747 ._1tdyl74h, ._1tdyl748 ._1tdyl74h {
+  ._1tdyl743 ._1tdyl74d, ._1tdyl744 ._1tdyl74d {
     margin-top: 0;
   }
 }

package/dist/assets/Carousel/Carousel.css

@@ -115,6 +115,7 @@
   justify-content: center;
   opacity: 1;
   transition-delay: .5s;
+  width: 100%;
 }
 .jgs3fsp {
   display: none;

package/dist/assets/HeroBanner/LargeBanner.css

@@ -0,0 +1,243 @@
+._1bsyngo0 {
+  position: relative;
+  overflow: hidden;
+  isolation: isolate;
+}
+._1bsyngo1 {
+  background: var(--_1073cm81);
+}
+._1bsyngo2 {
+  background: var(--_1073cm88);
+}
+._1bsyngo3 {
+  background: var(--_1073cm8f);
+}
+._1bsyngo4 {
+  background: var(--_1073cm8m);
+}
+._1bsyngo5 {
+  isolation: isolate;
+  overflow: hidden;
+  position: relative;
+}
+._1bsyngo6 {
+  padding: 2rem 0;
+  position: relative;
+  z-index: 1;
+}
+._1bsyngo7 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1bsyngo8 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1bsyngo9 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1bsyngoa {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1bsyngob {
+  display: block;
+  font: 700 14px / 1.3 var(--main-font-family);
+  margin-bottom: 2px;
+  letter-spacing: .2px;
+}
+._1bsyngoc {
+  color: var(--_1073cm8k);
+}
+._1bsyngod {
+  color: var(--_1073cm8k);
+}
+._1bsyngoe {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1bsyngof {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1bsyngog {
+  font: 600 2.5rem / 1.25 var(--header-font-family);
+}
+._1bsyngoh {
+  color: var(--_1073cm8h);
+}
+._1bsyngoi {
+  color: var(--_1073cm8h);
+}
+._1bsyngoj {
+  color: var(--_1073cm83);
+}
+._1bsyngok {
+  color: var(--_1073cm83);
+}
+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;
+  } p {
+  font: 400 18px / 1.44 var(--main-font-family);
+  letter-spacing: .2px;
+}
+._1bsyngol {
+  isolation: isolate;
+  overflow: hidden;
+  position: relative;
+}
+._1bsyngom {
+  width: 100%;
+  height: 100%;
+  object-position: right bottom;
+  object-fit: cover;
+}
+@media (max-width:1023px) {
+  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;
+  } > .containment {
+    width: 100%;
+    max-width: 100%;
+    border-radius: 0 !important;
+  }
+  ._1bsyngo5 > .containment {
+    padding: 24px;
+  }
+  ._1bsyngo5 > * {
+    width: 100%;
+    border-radius: 0 !important;
+  }
+}
+@media (max-width: 1023px) {
+  ._1bsyngo5 {
+    flex-direction: column;
+  }
+  ._1bsyngo6 {
+    text-align: center;
+    border-radius: 0;
+  }
+  ._1bsyngol {
+    justify-content: flex-start;
+    width: 100%;
+    max-width: min(330px,100%);
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+@media (min-width: 1024px) {
+  ._1bsyngo5 {
+    min-height: calc(42.5rem + ((1vw - 10.24px) * 23.3463));
+  }
+  ._1bsyngo6 {
+    width: 59%;
+    max-width: 690px;
+    padding: 56px;
+  }
+  ._1bsyngol {
+    position: absolute;
+    right: 0;
+    height: 81%;
+    width: 66%;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+@media (min-width: 1281px) {
+  ._1bsyngo5 {
+    min-height: 740px;
+  }
+}
+@media (min-width:1024px) {
+  ._1bsyngo5 .containment {
+    display: contents;
+  }
+}
+@media screen and (max-width:768px) {
+  ._1bsyngog {
+    font-size: 28px;
+    line-height: 1.29;
+  }
+  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;
+  } p {
+    font-size: 1rem;
+    line-height: 1.5;
+  }
+}

package/dist/assets/Input/DatePicker.css

@@ -0,0 +1,86 @@
+.react-date-picker {
+  width: 100%;
+}
+.react-date-picker__wrapper {
+  border: none !important;
+}
+.react-calendar__month-view__weekdays__weekday {
+  width: 45px;
+  height: 22px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--main-font-family);
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  justify-content: center;
+}
+.react-calendar__month-view__weekdays__weekday {
+  font-size: 12px;
+  line-height: 16;
+  color: #2F5B88;
+}
+.react-calendar__month-view__weekdays__weekday > abbr {
+  text-decoration: none;
+}
+.react-calendar__month-view__days__day {
+  width: 49px;
+  height: 49px;
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.react-calendar__month-view__days__day > abbr {
+  font-family: var(--main-font-family) !important;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+  color: #051A3F;
+}
+.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
+  color: #5E6A74 !important;
+}
+.react-date-picker__clear-button {
+  display: none;
+}
+.react-calendar__navigation__label__labelText {
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 36px;
+  letter-spacing: 0.2px;
+  color: #1E3860;
+  font-family: var(--header-font-family);
+}
+.react-datepicker-popper {
+  transform: translateY(40px)!important;
+}
+.react-calendar__month-view__days__day--neighboringMonth {
+  background-color: #F4F4F4 !important;
+  opacity: 50%;
+}
+.react-calendar__month-view__days__day--neighboringMonth > abbr {
+  color: #5E6A74;
+}
+.react-calendar__tile--active > abbr {
+  color: white;
+}
+.react-calendar {
+  border: 12px solid #FFFFFF4D !important;
+  border-radius: 4px;
+}
+.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
+  display: none;
+}
+@media screen and (max-width:320px) {
+  .react-calendar__month-view__weekdays__weekday {
+    width: 43.5px;
+  }
+  .react-calendar__month-view__days__day {
+    width: 43.5px;
+  }
+}
+@media screen and (max-width:400px) {
+  .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
+    min-width: auto;
+  }
+}