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

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                                                              */

package/dist/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, className, style, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.interface.d.ts

@@ -1,4 +1,4 @@
-import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
@@ -12,6 +12,8 @@ export interface TableProps extends PropsWithChildren {
     highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
     tableType?: "Standard" | "Rate";
     alternateColorRows?: boolean;
+    className?: string;
+    style?: CSSProperties;
 }
 export interface TableContainerProps extends PropsWithChildren {
     id?: string;

package/dist/Table/Table.js

@@ -33,13 +33,21 @@ const Table = ({
   children,
   highlight,
   tableType = "Standard",
-  alternateColorRows = false
+  alternateColorRows = false,
+  className,
+  style
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: tableWrapper({ variant: getVariant(variant) }),
-      style: tableType === "Rate" ? { width: "90%", border: "none" } : {},
+      className: clsx(
+        tableWrapper({ variant: getVariant(variant) }),
+        className
+      ),
+      style: {
+        ...style,
+        ...tableType === "Rate" && { width: "90%", border: "none" }
+      },
       children: /* @__PURE__ */ jsx(
         "table",
         {

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/Chevron/Chevron.css

@@ -2,10 +2,10 @@
   font-weight: 600;
   opacity: 1;
   margin-bottom: 0;
-  padding: 0;
   text-decoration: none;
   cursor: pointer;
   font-family: var(--main-font-family);
+  padding: 0;
 }
 ._1gp5vfo1 {
   color: var(--_1073cm86);

package/dist/assets/IconBillboard/IconBillboard.css

@@ -9,9 +9,11 @@
 ._1r4ovbu1 {
   background: var(--_1073cm81);
   border: 1px solid #D4D4D4;
+  color: var(--_1073cm82);
 }
 ._1r4ovbu2 {
   background: var(--_1073cm88);
+  color: var(--_1073cm89);
 }
 ._1r4ovbu3 {
   background: var(--_1073cm8f);
@@ -76,6 +78,7 @@
   flex-direction: column;
   gap: 24px;
   font-family: var(--main-font-family);
+  width: 100%;
 }
 ._1r4ovbuf {
   display: flex;
@@ -96,6 +99,7 @@
   margin-top: auto;
   gap: 24px;
   flex-wrap: wrap;
+  align-items: center;
 }
 ._1r4ovbui {
   margin-inline: auto;

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