@axos-web-dev/shared-components 0.0.92 → 0.0.94

package/dist/assets/Hyperlink/Hyperlink.css

@@ -0,0 +1,22 @@
+.hvs5ng0 {
+  text-decoration: none;
+  cursor: pointer;
+}
+.hvs5ng1 {
+  color: #0062B3;
+}
+.hvs5ng1:hover {
+  text-decoration: underline;
+  text-decoration-color: #0062B3;
+}
+.hvs5ng2 {
+  color: #FAA74A;
+}
+.hvs5ng2:hover {
+  text-decoration: underline;
+  text-decoration-color: #FAA74A;
+}
+.hvs5ng3 {
+  color: inherit;
+  text-decoration: underline;
+}

package/dist/assets/Input/DatePicker.css

@@ -0,0 +1,95 @@
+.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;
+}
+.react-date-picker__calendar {
+  max-width: 100% !important;
+}
+.react-date-picker__inputGroup__input:focus-visible {
+  outline: none;
+}
+.react-date-picker__inputGroup__input:invalid {
+  background: transparent !important;
+}
+@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;
+  }
+}

package/dist/assets/Input/InputDate.css

@@ -0,0 +1,39 @@
+.skzved0 {
+  position: relative;
+}
+.skzved1 {
+  position: relative;
+  top: 5px;
+  left: 5px;
+}
+.skzved2 {
+  width: 100px;
+  padding-left: 5px;
+  padding-right: 5px;
+  line-height: 28px;
+  font-size: 14pt;
+}
+.skzved3 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.skzved4 {
+  display: block;
+  background: #FFFFFF;
+  width: 300px;
+  border: solid 1px #CCCCCC;
+  margin: 10px auto;
+  box-shadow: 0 0 15px 0 #C0C0C0;
+  font-size: 1.3rem;
+  text-align: center;
+  z-index: 999;
+}
+.skzved4 .skzved5 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #FFFFFF;
+  cursor: default;
+  font-weight: bold;
+}

package/dist/assets/Interstitial/Interstitial-variants.css

@@ -6,4 +6,13 @@
 }
 .ep91dm2 {
   color: var(--_1073cm8a);
+}
+.ep91dm3 {
+  z-index: 99999999;
+}
+.ep91dm4 {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  list-style: none;
 }

package/dist/main.d.ts

@@ -1,8 +1,8 @@
-export * from './ATMLocator';
 export * from './Accordion';
 export * from './AlertBanner';
 export * from './Article';
 export * from './ArticlesSet';
+export * from './ATMLocator';
 export * from './Avatar';
 export * from './AwardsBanner';
 export * from './AwardsItem';
@@ -29,10 +29,11 @@ export * from './Forms';
 export * from './HeroBanner';
 export * from './Hyperlink';
 export * from './IconBillboard';
+export * from './icons';
 export * from './ImageBillboard';
 export * from './ImageLink';
 export * from './Input';
-export * from './Interstitial';
+export * from './Interstitial/Interstitial';
 export * from './LandingPageHeader';
 export * from './LoadingIndicator';
 export * from './MainHTML';
@@ -45,11 +46,10 @@ export * from './StepItem';
 export * from './StepItemSet';
 export * from './Table';
 export * from './TextBlock';
+export * from './themes';
 export * from './TopicalNavItem';
 export * from './TopicalNavSet';
 export * from './VideoTile';
 export * from './VideoWrapper';
-export * from './icons';
-export * from './themes';
 export * from './Tab';
 export * from './utils';

package/dist/main.js

@@ -1,5 +1,4 @@
 "use client";
-import { ATMLocator } from "./ATMLocator/ATMLocator.js";
 import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Accordion/Accordion.js";
 import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion/Accordion.css.js";
 import { AlertBanner } from "./AlertBanner/index.js";
@@ -7,6 +6,7 @@ import { Article } from "./Article/Article.js";
 import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article/Article.css.js";
 import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
 import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet/ArticlesSet.css.js";
+import { ATMLocator } from "./ATMLocator/ATMLocator.js";
 import { Avatar } from "./Avatar/index.js";
 import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
 import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
@@ -64,6 +64,31 @@ 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/Clock/index.js";
+import { default as default20 } from "./icons/Logos/AAS.js";
+import { default as default21 } from "./icons/Logos/AFS.js";
+import { default as default22 } from "./icons/Logos/AXA.js";
+import { default as default23 } from "./icons/Logos/AXC.js";
+import { default as default24 } from "./icons/Logos/AXI.js";
+import { default as default25 } 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";
@@ -74,24 +99,27 @@ import "react";
 import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Checkbox } from "./Input/Checkbox.js";
 import { CurrencyInput } from "./Input/CurrencyInput.js";
+import { DatePickerInput } from "./Input/Datepicker.js";
+import { datePicker } from "./Input/DatePicker.css.js";
 import { Dropdown } from "./Input/Dropdown.js";
 import { selectInput } from "./Input/Dropdown.css.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
+import { InputDate } from "./Input/InputDate.js";
 import { InputPhone } from "./Input/InputPhone.js";
 import { InputTextArea } from "./Input/InputTextArea.js";
-import { Interstitial } from "./Interstitial/index.js";
+import { Interstitial } from "./Interstitial/Interstitial.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/AxosBank/index.js";
-import { default as default5 } from "./NavigationMenu/AxosClearing/index.js";
-import { default as default6 } from "./NavigationMenu/AxosFiduciary/index.js";
+import { default as default26 } from "./NavigationMenu/AxosAdvisor/index.js";
+import { default as default27 } from "./NavigationMenu/AxosAdvisorServices/index.js";
+import { default as default28 } from "./NavigationMenu/AxosBank/index.js";
+import { default as default29 } from "./NavigationMenu/AxosClearing/index.js";
+import { default as default30 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItem } from "./StepItem/StepItem.js";
@@ -102,6 +130,8 @@ import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, 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";
@@ -110,33 +140,6 @@ 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 default7 } from "./icons/ArrowIcon/index.js";
-import { default as default8 } from "./icons/AxosX/index.js";
-import { default as default9 } from "./icons/AxosX/Blue.js";
-import { default as default10 } from "./icons/CheckCircle.js";
-import { default as default11 } from "./icons/CheckCircleLight.js";
-import { default as default12 } from "./icons/CheckIcon/index.js";
-import { default as default13 } from "./icons/ChevronDown.js";
-import { default as default14 } from "./icons/ChevronUp.js";
-import { default as default15 } from "./icons/CloseIcon/index.js";
-import { default as default16 } from "./icons/DownloadIcon/index.js";
-import { default as default17 } from "./icons/EqualHousingLender.js";
-import { default as default18 } from "./icons/FollowIcon/index.js";
-import { default as default19 } from "./icons/LockIcon/index.js";
-import { default as default20 } from "./icons/MemberFdicLogo.js";
-import { default as default21 } from "./icons/QuoteIconGrey.js";
-import { default as default22 } from "./icons/QuoteIconWhite.js";
-import { default as default23 } from "./icons/QuoteIconYellow.js";
-import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
-import { default as default24 } from "./icons/Clock/index.js";
-import { default as default25 } from "./icons/Logos/AAS.js";
-import { default as default26 } from "./icons/Logos/AFS.js";
-import { default as default27 } from "./icons/Logos/AXA.js";
-import { default as default28 } from "./icons/Logos/AXC.js";
-import { default as default29 } from "./icons/Logos/AXI.js";
-import { default as default30 } 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";
@@ -144,13 +147,13 @@ 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 {
-  default25 as AASLogo,
-  default26 as AFSLogo,
+  default20 as AASLogo,
+  default21 as AFSLogo,
   ATMLocator,
-  default27 as AXALogo,
-  default28 as AXCLogo,
-  default29 as AXILogo,
-  default30 as AXOS,
+  default22 as AXALogo,
+  default23 as AXCLogo,
+  default24 as AXILogo,
+  default25 as AXOS,
   Accordion,
   AccordionCtx,
   AccordionDetails,
@@ -162,15 +165,15 @@ export {
   AnnualFeeCalculator,
   ApplicationStart,
   ApyCalculator,
-  default7 as ArrowIcon,
+  default2 as ArrowIcon,
   Article,
   ArticlesSet,
   Avatar,
   AwardsBanner,
   AwardsItem,
   AxosFooterSiteMap,
-  default8 as AxosX,
-  default9 as AxosXBlue,
+  default3 as AxosX,
+  default4 as AxosXBlue,
   BalanceAPYCalculator,
   Blockquote,
   BulletItem,
@@ -179,15 +182,15 @@ export {
   CallToActionBar,
   Carousel,
   CarouselSlide,
-  default10 as CheckCircle,
-  default11 as CheckCircleLight,
-  default12 as CheckIcon,
+  default5 as CheckCircle,
+  default6 as CheckCircleLight,
+  default7 as CheckIcon,
   Checkbox,
   Chevron,
-  default13 as ChevronDown,
-  default14 as ChevronUp,
-  default24 as ClockIcon,
-  default15 as CloseIcon,
+  default8 as ChevronDown,
+  default9 as ChevronUp,
+  default19 as ClockIcon,
+  default10 as CloseIcon,
   CollectInformationAlert,
   CommercialLending,
   ComparisonSet,
@@ -198,17 +201,18 @@ export {
   ContactUsNMLSId,
   ContentBanner,
   CurrencyInput,
+  DatePickerInput,
   DealerServices,
-  default16 as DownloadIcon,
+  default11 as DownloadIcon,
   DownloadTile,
   Dropdown,
   EmailOnly,
   EmailUs,
-  default17 as EqualHousingLender,
+  default12 as EqualHousingLender,
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
-  default18 as FollowIcon,
+  default13 as FollowIcon,
   FooterContent,
   FooterDisclosure,
   FooterIcons,
@@ -224,26 +228,27 @@ export {
   ImageBillboardSet,
   ImageLinkSet,
   Input,
+  InputDate,
   InputPhone,
   InputTextArea,
   Interstitial,
   LandingPageHeader,
   LoadingIndicator,
-  default19 as LockIcon,
+  default14 as LockIcon,
   MainHTML,
   MarginTradingCalculator,
   MaxLoanCalculator,
-  default20 as MemberFdicLogo,
+  default15 as MemberFdicLogo,
   Modal,
   MonthlyPaymentCalculator,
-  default3 as NavBarAAS,
-  default6 as NavBarAFS,
-  default2 as NavBarAXA,
-  default4 as NavBarAXB,
-  default5 as NavBarAXC,
-  default21 as QuoteIconGrey,
-  default22 as QuoteIconWhite,
-  default23 as QuoteIconYellow,
+  default27 as NavBarAAS,
+  default30 as NavBarAFS,
+  default26 as NavBarAXA,
+  default28 as NavBarAXB,
+  default29 as NavBarAXC,
+  default16 as QuoteIconGrey,
+  default17 as QuoteIconWhite,
+  default18 as QuoteIconYellow,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -338,6 +343,7 @@ export {
   containerIconBillboard,
   content,
   copy,
+  datePicker,
   description,
   descriptionField,
   details,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Interstitial/index.d.ts

@@ -1 +0,0 @@
-export declare const Interstitial: () => import("react/jsx-runtime").JSX.Element;

package/dist/Interstitial/index.js

@@ -1,22 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Modal } from "./Interstitial.js";
-const Interstitial = () => {
-  const [isModalOpen, setModalOpen] = useState(false);
-  const openModal = (id) => {
-    setModalOpen((prev) => ({ ...prev, id }));
-  };
-  const closeModal = () => setModalOpen(false);
-  useEffect(() => {
-    const links = document.querySelectorAll('[href^="#modal_"]');
-    links.forEach((link) => {
-      const dataId = link.getAttribute("href").substring(1);
-      link.addEventListener("click", () => openModal(dataId));
-    });
-  }, []);
-  return /* @__PURE__ */ jsx(Modal, { id: "test-intersitial", isOpen: isModalOpen, onClose: closeModal });
-};
-export {
-  Interstitial
-};