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

package/dist/ImageLink/ImageLinkSet.js

@@ -50,6 +50,8 @@ import "../Chevron/Chevron.css.js";
 import "../Modal/contextApi/store.js";
 /* empty css                                                      */
 /* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

package/dist/ImageLink/index.js

@@ -46,6 +46,8 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
 /* empty css                                                      */
 /* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

package/dist/Input/Input.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils';
+import { InputHTMLAttributes, ReactNode } from 'react';
 
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;

package/dist/Input/InputProps.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes, PropsWithChildren, ReactNode, SelectHTMLAttributes } from 'react';
 import { QuaternaryTypes } from '../utils';
+import { InputHTMLAttributes, PropsWithChildren, ReactNode, SelectHTMLAttributes } from 'react';
 
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { ModalProps } from './Modal.interface';
 import { FC } from 'react';
+import { ModalProps } from './Modal.interface';
 
 export declare const Modal: FC<ModalProps>;

package/dist/Modal/Modal.js

@@ -45,6 +45,8 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
 /* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

package/dist/NavigationMenu/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NavBarAXA } from './AxosAdvisor';
+export { default as NavBarAAS } from './AxosAdvisorServices';
 export { default as NavBarAFS } from './AxosFiduciary';

package/dist/NavigationMenu/index.js

@@ -1,6 +1,8 @@
 import { default as default2 } from "./AxosAdvisor/index.js";
-import { default as default3 } from "./AxosFiduciary/index.js";
+import { default as default3 } from "./AxosAdvisorServices/index.js";
+import { default as default4 } from "./AxosFiduciary/index.js";
 export {
-  default3 as NavBarAFS,
+  default3 as NavBarAAS,
+  default4 as NavBarAFS,
   default2 as NavBarAXA
 };

package/dist/SetContainer/SetContainer.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
 import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
+import { PropsWithChildren } from 'react';
 
 export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
     internalName?: string;

package/dist/SetContainer/SetContainer.js

@@ -46,6 +46,8 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
 /* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

package/dist/StepItems/StepItems.interface.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { ImageInterface } from '../IconBillboard';
-import { QuaternaryTypes } from '../utils/variant.types';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface } from '../IconBillboard';
+import { ReactNode } from 'react';
 
 export interface StepItemsSetProps {
     id: string;

package/dist/Table/Table.d.ts

@@ -1,5 +1,5 @@
-import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 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;

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
-import { TypographySizeVariants, TypographyVariants } from '.';
 import { default as React } from 'react';
+import { TypographySizeVariants, TypographyVariants } from '.';
 
 type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
 export interface Props extends React.PropsWithChildren {

package/dist/VideoTile/VideoTile.d.ts

@@ -1,4 +1,4 @@
-import { VideoTileInterface } from './VideoTile.interface';
 import { FC } from 'react';
+import { VideoTileInterface } from './VideoTile.interface';
 
 export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoWrapper/index.d.ts

@@ -1,5 +1,5 @@
-import { VideoTileInterface } from '../VideoTile';
 import { FC } from 'react';
+import { VideoTileInterface } from '../VideoTile';
 
 export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];

package/dist/assets/Carousel/Carousel.css

@@ -6,7 +6,31 @@
   justify-content: center;
   margin-top: 16px;
 }
-.jgs3fs1 {
+.jgs3fs2 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.jgs3fs3 {
+  background: var(--_1073cm8b);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.jgs3fs4 {
+  color: var(--_1073cm8i);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.jgs3fs5 {
+  color: var(--_1073cm8p);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+.jgs3fs6 {
   display: flex;
   flex-direction: column;
   border-radius: 16px;
@@ -16,46 +40,61 @@
   padding-top: 40px;
   padding-bottom: 40px;
 }
-.jgs3fs2 {
+.jgs3fs7 {
   background: var(--_1073cm81);
   color: var(--_1073cm83);
 }
-.jgs3fs3 {
+.jgs3fs8 {
   background: var(--_1073cm88);
   color: var(--_1073cm8a);
 }
-.jgs3fs4 {
+.jgs3fs9 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8h);
 }
-.jgs3fs5 {
+.jgs3fsa {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-.jgs3fs6 {
+.jgs3fsb {
+  margin-top: 16px;
+}
+.jgs3fsc {
+  color: var(--_1073cm82);
+}
+.jgs3fsd {
+  color: var(--_1073cm8a);
+}
+.jgs3fse {
+  color: var(--_1073cm8j);
+}
+.jgs3fsf {
+  color: var(--_1073cm8n);
+}
+.jgs3fsg {
   display: flex;
   gap: 10px;
   text-align: center;
   justify-content: center;
 }
-.jgs3fs7 {
+.jgs3fsh {
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.2px;
 }
-.jgs3fs9 {
+.jgs3fsj {
   color: var(--_1073cm83);
 }
-.jgs3fsa {
+.jgs3fsk {
   color: var(--_1073cm8a);
 }
-.jgs3fsb {
+.jgs3fsl {
   color: var(--_1073cm8h);
 }
-.jgs3fsc {
+.jgs3fsm {
   color: var(--_1073cm8o);
 }
-.jgs3fsd {
+.jgs3fsn {
   text-align: center;
   gap: 24px;
   font-style: italic;
@@ -69,20 +108,20 @@
   transition-property: all;
   transition-behavior: left;
 }
-.jgs3fse {
+.jgs3fso {
   display: flex;
   flex-direction: column;
   justify-content: center;
   opacity: 1;
   transition-delay: .5s;
 }
-.jgs3fsf {
+.jgs3fsp {
   display: none;
 }
-.jgs3fsg {
+.jgs3fsq {
   display: flex;
 }
-.jgs3fsh {
+.jgs3fsr {
   display: flex;
   justify-content: center;
   width: 100%;
@@ -90,7 +129,7 @@
   border: none;
   margin-bottom: 24px;
 }
-.jgs3fsi {
+.jgs3fss {
   width: 12px;
   height: 12px;
   border-width: 1px;
@@ -98,39 +137,39 @@
   border-radius: 100px;
   cursor: pointer;
 }
-.jgs3fsj {
+.jgs3fst {
   border-color: #1E3860;
 }
-.jgs3fsj:hover {
+.jgs3fst:hover {
   background: #87B9D7;
 }
-.jgs3fsk {
+.jgs3fsu {
   border-color: #1E3860;
 }
-.jgs3fsk:hover {
+.jgs3fsu:hover {
   background: #87B9D7;
 }
-.jgs3fsl {
+.jgs3fsv {
   border-color: #FFFFFF;
 }
-.jgs3fsl:hover {
+.jgs3fsv:hover {
   background: #EBEBEB;
 }
-.jgs3fsm {
+.jgs3fsw {
   border-color: #FAA74A;
 }
-.jgs3fsm:hover {
+.jgs3fsw:hover {
   background: #FFE7D2;
 }
-.jgs3fso {
+.jgs3fsy {
   background: #1E3860;
 }
-.jgs3fsp {
+.jgs3fsz {
   background: #1E3860;
 }
-.jgs3fsq {
+.jgs3fs10 {
   background: #FFFFFF;
 }
-.jgs3fsr {
+.jgs3fs11 {
   background: #FAA74A;
 }

package/dist/assets/IconBillboard/IconBillboard.css

@@ -89,10 +89,13 @@
   gap: 10px;
 }
 ._1r4ovbuh {
+  display: flex;
   justify-content: center;
   width: 100%;
   text-align: center;
   margin-top: auto;
+  gap: 24px;
+  flex-wrap: wrap;
 }
 ._1r4ovbui {
   margin-inline: auto;

package/dist/icons/ArrowIcon/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import { CallToActionTypes } from '../../utils/variant.types';
+import { FC } from 'react';
 
 export interface ArrowProps {
     variant: CallToActionTypes;

package/dist/main.js

@@ -55,7 +55,8 @@ import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/Modal.js";
 import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
 import { default as default2 } from "./NavigationMenu/AxosAdvisor/index.js";
-import { default as default3 } from "./NavigationMenu/AxosFiduciary/index.js";
+import { default as default3 } from "./NavigationMenu/AxosAdvisorServices/index.js";
+import { default as default4 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItems } from "./StepItems/StepItems.js";
@@ -69,24 +70,24 @@ import { VideoInit } from "./VideoTile/VideoInit.js";
 import { VideoTile } from "./VideoTile/VideoTile.js";
 import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
 import { VideoWrapper } from "./VideoWrapper/index.js";
-import { default as default4 } from "./icons/ArrowIcon/index.js";
-import { default as default5 } from "./icons/AxosX/index.js";
-import { default as default6 } from "./icons/AxosX/Blue.js";
-import { default as default7 } from "./icons/CheckCircle.js";
-import { default as default8 } from "./icons/CheckCircleLight.js";
-import { default as default9 } from "./icons/CheckIcon/index.js";
-import { default as default10 } from "./icons/ChevronDown.js";
-import { default as default11 } from "./icons/ChevronUp.js";
-import { default as default12 } from "./icons/CloseIcon/index.js";
-import { default as default13 } from "./icons/DownloadIcon/index.js";
-import { default as default14 } from "./icons/EqualHousingLender.js";
-import { default as default15 } from "./icons/LockIcon/index.js";
-import { default as default16 } from "./icons/MemberFdicLogo.js";
-import { default as default17 } from "./icons/QuoteIconGrey.js";
-import { default as default18 } from "./icons/QuoteIconWhite.js";
-import { default as default19 } from "./icons/QuoteIconYellow.js";
+import { default as default5 } from "./icons/ArrowIcon/index.js";
+import { default as default6 } from "./icons/AxosX/index.js";
+import { default as default7 } from "./icons/AxosX/Blue.js";
+import { default as default8 } from "./icons/CheckCircle.js";
+import { default as default9 } from "./icons/CheckCircleLight.js";
+import { default as default10 } from "./icons/CheckIcon/index.js";
+import { default as default11 } from "./icons/ChevronDown.js";
+import { default as default12 } from "./icons/ChevronUp.js";
+import { default as default13 } from "./icons/CloseIcon/index.js";
+import { default as default14 } from "./icons/DownloadIcon/index.js";
+import { default as default15 } from "./icons/EqualHousingLender.js";
+import { default as default16 } from "./icons/LockIcon/index.js";
+import { default as default17 } from "./icons/MemberFdicLogo.js";
+import { default as default18 } from "./icons/QuoteIconGrey.js";
+import { default as default19 } from "./icons/QuoteIconWhite.js";
+import { default as default20 } from "./icons/QuoteIconYellow.js";
 import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
-import { default as default20 } from "./icons/FollowIcon/index.js";
+import { default as default21 } from "./icons/FollowIcon/index.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
@@ -104,36 +105,36 @@ export {
   AlertBanner,
   ApplicationStart,
   ApyCalculator,
-  default4 as ArrowIcon,
+  default5 as ArrowIcon,
   AxosFooterSiteMap,
-  default5 as AxosX,
-  default6 as AxosXBlue,
+  default6 as AxosX,
+  default7 as AxosXBlue,
   BulletItem,
   Button,
   CallToActionBar,
   Carousel,
   CarouselSlide,
-  default7 as CheckCircle,
-  default8 as CheckCircleLight,
-  default9 as CheckIcon,
+  default8 as CheckCircle,
+  default9 as CheckCircleLight,
+  default10 as CheckIcon,
   Checkbox,
   Chevron,
-  default10 as ChevronDown,
-  default11 as ChevronUp,
-  default12 as CloseIcon,
+  default11 as ChevronDown,
+  default12 as ChevronUp,
+  default13 as CloseIcon,
   CollectInformationAlert,
   ContactUsBusiness,
   ContentBanner,
   CurrencyInput,
-  default13 as DownloadIcon,
+  default14 as DownloadIcon,
   DownloadTile,
   Dropdown,
   EmailOnly,
-  default14 as EqualHousingLender,
+  default15 as EqualHousingLender,
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
-  default20 as FollowIcon,
+  default21 as FollowIcon,
   FooterContent,
   FooterDisclosure,
   FooterIcons,
@@ -151,15 +152,16 @@ export {
   Input,
   InputPhone,
   LandingPageHeader,
-  default15 as LockIcon,
+  default16 as LockIcon,
   MainHTML,
-  default16 as MemberFdicLogo,
+  default17 as MemberFdicLogo,
   Modal,
-  default3 as NavBarAFS,
+  default3 as NavBarAAS,
+  default4 as NavBarAFS,
   default2 as NavBarAXA,
-  default17 as QuoteIconGrey,
-  default18 as QuoteIconWhite,
-  default19 as QuoteIconYellow,
+  default18 as QuoteIconGrey,
+  default19 as QuoteIconWhite,
+  default20 as QuoteIconYellow,
   RenderWebForm,
   SalesforceFieldsForm,
   SalesforceSchema,

package/dist/utils/faqAccordionOptions.d.ts

@@ -0,0 +1 @@
+export declare const getLevelNumber: (level: string) => 1 | 2 | 3;

package/dist/utils/faqAccordionOptions.js

@@ -0,0 +1,20 @@
+const getLevelNumber = (level) => {
+  const faqlevel = level?.toLowerCase();
+  switch (faqlevel) {
+    case "one": {
+      return 1;
+    }
+    case "two": {
+      return 2;
+    }
+    case "three": {
+      return 3;
+    }
+    default: {
+      return 1;
+    }
+  }
+};
+export {
+  getLevelNumber
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,20 +28,20 @@
     "npm:link": "npm run build && npm link"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.3.4",
-    "@react-input/mask": "^1.2.0",
-    "@react-input/number-format": "^1.0.25",
+    "@hookform/resolvers": "^3.4.0",
+    "@react-input/mask": "^1.2.4",
+    "@react-input/number-format": "^1.0.26",
     "@storybook/builder-vite": "^7.6.19",
     "@storybook/preview-api": "^7.6.19",
     "@vanilla-extract/css": "^1.15.1",
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
-    "react-hook-form": "^7.51.3",
+    "react-hook-form": "^7.51.4",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",
     "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.6",
+    "zod": "^3.23.8",
     "zustand": "^4.5.2"
   },
   "peerDependencies": {
@@ -58,7 +58,7 @@
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",
-    "@storybook/addon-onboarding": "^8.0.9",
+    "@storybook/addon-onboarding": "^8.1.0",
     "@storybook/addon-themes": "^7.6.19",
     "@storybook/blocks": "^7.6.19",
     "@storybook/react": "^7.6.19",
@@ -67,11 +67,11 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "@types/node": "^20.12.8",
-    "@types/react": "^18.3.1",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/recipes": "^0.5.2",
     "@vanilla-extract/vite-plugin": "^4.0.9",
@@ -79,9 +79,9 @@
     "esbuild-vanilla-image-loader": "^0.1.3",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.12",
+    "glob": "^10.3.15",
     "husky": "^9.0.11",
     "next": "^14.1.4",
     "prettier": "3.2.5",
@@ -91,11 +91,11 @@
     "rollup-plugin-svg-import": "^3.0.0",
     "rollup-plugin-svgo": "^2.0.0",
     "storybook": "^7.6.19",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.9.0",
-    "vite-plugin-lib-inject-css": "^2.0.1",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-setting-css-module": "^1.1.4",
     "vite-tsconfig-paths": "^4.3.2"
   },