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

package/dist/main.js

@@ -21,6 +21,8 @@ import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
 import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
+import { comparison, comparison_buttons, comparison_container, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison/Comparison.css.js";
+import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
@@ -32,16 +34,20 @@ import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from ".
 import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
 import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap/AxosBank/FooterSiteMap.css.js";
 import { ApplicationStart } from "./Forms/ApplicationStart.js";
-import { EmailOnly } from "./Forms/EmailOnly.js";
+import { CommercialLending } from "./Forms/CommercialLending.js";
+import { ContactCompany } from "./Forms/ContactCompany.js";
+import { ContactUs } from "./Forms/ContactUs.js";
+import { ContactUsAAS } from "./Forms/ContactUsAAS.js";
 import { ContactUsBusiness } from "./Forms/ContactUsBusiness.js";
-import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
-import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
+import { DealerServices } from "./Forms/DealerServices.js";
+import { EmailOnly } from "./Forms/EmailOnly.js";
+import { EmailUs } from "./Forms/EmailUs.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
-import { ContactCompany } from "./Forms/ContactCompany.js";
-import { DealerServices } from "./Forms/DealerServices.js";
+import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_img, hero_text, hero_wrapper, logout, reversed } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
@@ -49,12 +55,36 @@ import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
+import { default as default2 } from "./icons/ArrowIcon/index.js";
+import { default as default3 } from "./icons/AxosX/index.js";
+import { default as default4 } from "./icons/AxosX/Blue.js";
+import { default as default5 } from "./icons/CheckCircle.js";
+import { default as default6 } from "./icons/CheckCircleLight.js";
+import { default as default7 } from "./icons/CheckIcon/index.js";
+import { default as default8 } from "./icons/ChevronDown.js";
+import { default as default9 } from "./icons/ChevronUp.js";
+import { default as default10 } from "./icons/CloseIcon/index.js";
+import { default as default11 } from "./icons/DownloadIcon/index.js";
+import { default as default12 } from "./icons/EqualHousingLender.js";
+import { default as default13 } from "./icons/FollowIcon/index.js";
+import { default as default14 } from "./icons/LockIcon/index.js";
+import { default as default15 } from "./icons/MemberFdicLogo.js";
+import { default as default16 } from "./icons/QuoteIconGrey.js";
+import { default as default17 } from "./icons/QuoteIconWhite.js";
+import { default as default18 } from "./icons/QuoteIconYellow.js";
+import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
+import { default as default19 } from "./icons/Logos/AAS.js";
+import { default as default20 } from "./icons/Logos/AFS.js";
+import { default as default21 } from "./icons/Logos/AXA.js";
+import { default as default22 } from "./icons/Logos/AXC.js";
+import { default as default23 } from "./icons/Logos/AXI.js";
+import { default as default24 } from "./icons/Logos/AXOS.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
 import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import "react/jsx-runtime";
 import { SetContainer } from "./SetContainer/SetContainer.js";
-import { imageLinkContainer, inline_container, set_container } from "./SetContainer/SetContainer.css.js";
+import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
 import "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
@@ -67,12 +97,13 @@ import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
 import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
 import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader/LandingPageHeader.css.js";
+import { LoadingIndicator } from "./LoadingIndicator/index.js";
 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/AxosAdvisorServices/index.js";
-import { default as default4 } from "./NavigationMenu/AxosFiduciary/index.js";
+import { default as default25 } from "./NavigationMenu/AxosAdvisor/index.js";
+import { default as default26 } from "./NavigationMenu/AxosAdvisorServices/index.js";
+import { default as default27 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItem } from "./StepItem/StepItem.js";
@@ -83,6 +114,8 @@ import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
+import { axosTheme, vars } from "./themes/axos.css.js";
+import { premierTheme } from "./themes/premier.css.js";
 import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
 import { TopicalNavItem } from "./TopicalNavItem/TopicalNavItem.js";
 import { picker_container, picker_orient, picker_section } from "./TopicalNavSet/TopicalNavSet.css.js";
@@ -91,43 +124,19 @@ 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 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/FollowIcon/index.js";
-import { default as default17 } from "./icons/LockIcon/index.js";
-import { default as default18 } from "./icons/MemberFdicLogo.js";
-import { default as default19 } from "./icons/QuoteIconGrey.js";
-import { default as default20 } from "./icons/QuoteIconWhite.js";
-import { default as default21 } from "./icons/QuoteIconYellow.js";
-import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
-import { default as default22 } from "./icons/Logos/AAS.js";
-import { default as default23 } from "./icons/Logos/AFS.js";
-import { default as default24 } from "./icons/Logos/AXA.js";
-import { default as default25 } from "./icons/Logos/AXC.js";
-import { default as default26 } from "./icons/Logos/AXI.js";
-import { default as default27 } from "./icons/Logos/AXOS.js";
-import { axosTheme, vars } from "./themes/axos.css.js";
-import { premierTheme } from "./themes/premier.css.js";
+import { Tab } from "./Tab/Tab.js";
+import { TabContainer } from "./Tab/TabContainer.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
 export {
-  default22 as AASLogo,
-  default23 as AFSLogo,
-  default24 as AXALogo,
-  default25 as AXCLogo,
-  default26 as AXILogo,
-  default27 as AXOS,
+  default19 as AASLogo,
+  default20 as AFSLogo,
+  default21 as AXALogo,
+  default22 as AXCLogo,
+  default23 as AXILogo,
+  default24 as AXOS,
   Accordion,
   AccordionCtx,
   AccordionDetails,
@@ -138,43 +147,48 @@ export {
   AlertBanner,
   ApplicationStart,
   ApyCalculator,
-  default5 as ArrowIcon,
+  default2 as ArrowIcon,
   Article,
   ArticlesSet,
   AwardsBanner,
   AwardsItem,
   AxosFooterSiteMap,
-  default6 as AxosX,
-  default7 as AxosXBlue,
+  default3 as AxosX,
+  default4 as AxosXBlue,
   BulletItem,
   Button,
   Calculator,
   CallToActionBar,
   Carousel,
   CarouselSlide,
-  default8 as CheckCircle,
-  default9 as CheckCircleLight,
-  default10 as CheckIcon,
+  default5 as CheckCircle,
+  default6 as CheckCircleLight,
+  default7 as CheckIcon,
   Checkbox,
   Chevron,
-  default11 as ChevronDown,
-  default12 as ChevronUp,
-  default13 as CloseIcon,
+  default8 as ChevronDown,
+  default9 as ChevronUp,
+  default10 as CloseIcon,
   CollectInformationAlert,
+  CommercialLending,
+  ComparisonSet,
   ContactCompany,
+  ContactUs,
+  ContactUsAAS,
   ContactUsBusiness,
   ContentBanner,
   CurrencyInput,
   DealerServices,
-  default14 as DownloadIcon,
+  default11 as DownloadIcon,
   DownloadTile,
   Dropdown,
   EmailOnly,
-  default15 as EqualHousingLender,
+  EmailUs,
+  default12 as EqualHousingLender,
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
-  default16 as FollowIcon,
+  default13 as FollowIcon,
   FooterContent,
   FooterDisclosure,
   FooterIcons,
@@ -193,17 +207,17 @@ export {
   InputPhone,
   InputTextArea,
   LandingPageHeader,
-  default17 as LockIcon,
+  LoadingIndicator,
+  default14 as LockIcon,
   MainHTML,
-  default18 as MemberFdicLogo,
+  default15 as MemberFdicLogo,
   Modal,
-  default3 as NavBarAAS,
-  default4 as NavBarAFS,
-  default2 as NavBarAXA,
-  default19 as QuoteIconGrey,
-  default20 as QuoteIconWhite,
-  default21 as QuoteIconYellow,
-  RenderWebForm,
+  default26 as NavBarAAS,
+  default27 as NavBarAFS,
+  default25 as NavBarAXA,
+  default16 as QuoteIconGrey,
+  default17 as QuoteIconWhite,
+  default18 as QuoteIconYellow,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -214,6 +228,8 @@ export {
   StepItem,
   StepItemSet,
   SuccesFormWrapper,
+  Tab,
+  TabContainer,
   Table,
   TableBody,
   TableCell,
@@ -226,6 +242,7 @@ export {
   VideoInit,
   VideoTile,
   VideoWrapper,
+  WCPLSurvey,
   SvgWarningIcon as WarningIcon,
   accordion,
   actions,
@@ -279,6 +296,13 @@ export {
   buttons,
   calculator_description,
   calculator_headline,
+  comparison,
+  comparison_buttons,
+  comparison_container,
+  comparison_feature,
+  comparison_layout,
+  comparison_list,
+  comparison_tab_container,
   components,
   contact_col,
   contact_entry,
@@ -293,6 +317,8 @@ export {
   details,
   disclosureForm,
   expand_icon,
+  feature_header,
+  feature_title,
   findMoreAxosDomains,
   footerDisclosure,
   footerLink,
@@ -314,6 +340,7 @@ export {
   header,
   headerAccordion,
   headerCell,
+  headerComparison,
   headerContainer,
   headerContent,
   headerForm,
@@ -321,6 +348,7 @@ export {
   headerVariants,
   header_section,
   header_theme,
+  heading,
   headline_setting,
   headline_text,
   headshot,
@@ -352,6 +380,7 @@ export {
   isAllowedUrl,
   isEmailLink,
   isPhoneLink,
+  isolate_container,
   item,
   item_bio,
   job_title,
@@ -371,6 +400,7 @@ export {
   modifier,
   nested_grid,
   ol,
+  one_row,
   padding,
   paragraph,
   person,
@@ -387,7 +417,6 @@ export {
   rate_billboard,
   rate_container,
   rate_pad,
-  renderSwitch,
   reversed,
   sec_subtitle,
   sec_title,
@@ -404,6 +433,8 @@ export {
   selection_section_icon,
   selection_section_icon_img,
   set_container,
+  set_logo,
+  setcontainer_section_text,
   shift,
   shortUrl,
   show,

package/dist/utils/variant.types.d.ts

@@ -3,3 +3,4 @@ export type PrimaryAndTertiaryTypes = "primary" | "tertiary";
 export type SecondaryTypes = "primary" | "secondary";
 export type QuaternaryTypes = "primary" | "secondary" | "tertiary" | "quaternary";
 export type SideProps = "left" | "right";
+export type StarIconTypes = "gold" | "gray";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.67",
+  "version": "0.0.69",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,17 +28,18 @@
     "npm:link": "npm run build && npm link"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.4.2",
-    "@react-input/mask": "^1.2.4",
-    "@react-input/number-format": "^1.0.26",
+    "@hookform/resolvers": "^3.6.0",
+    "@react-input/mask": "^1.2.5",
+    "@react-input/number-format": "^1.0.27",
     "@storybook/builder-vite": "^7.6.19",
+    "@storybook/icons": "^1.2.9",
     "@storybook/preview-api": "^7.6.19",
-    "@vanilla-extract/css": "^1.15.2",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.15.3",
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
-    "react-hook-form": "^7.51.5",
-    "@types/iframe-resizer": "3.5.13",
     "iframe-resizer": "4.3.11",
+    "react-hook-form": "^7.52.0",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",

package/dist/Forms/RenderForm.d.ts

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FormProps } from '.';
-
-export interface renderFormProps extends FormProps, PropsWithChildren {
-    form?: string;
-}
-export declare const renderSwitch: (form: string | undefined, props: FormProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderWebForm: (props: renderFormProps) => import("react/jsx-runtime").JSX.Element;