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

package/dist/main.js

@@ -74,13 +74,10 @@ 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";
@@ -93,7 +90,8 @@ import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/
 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/AxosFiduciary/index.js";
+import { default as default5 } from "./NavigationMenu/AxosClearing/index.js";
+import { default as default6 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItem } from "./StepItem/StepItem.js";
@@ -112,30 +110,31 @@ 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 default6 } from "./icons/ArrowIcon/index.js";
-import { default as default7 } from "./icons/AxosX/index.js";
-import { default as default8 } from "./icons/AxosX/Blue.js";
-import { default as default9 } from "./icons/CheckCircle.js";
-import { default as default10 } from "./icons/CheckCircleLight.js";
-import { default as default11 } from "./icons/CheckIcon/index.js";
-import { default as default12 } from "./icons/ChevronDown.js";
-import { default as default13 } from "./icons/ChevronUp.js";
-import { default as default14 } from "./icons/CloseIcon/index.js";
-import { default as default15 } from "./icons/DownloadIcon/index.js";
-import { default as default16 } from "./icons/EqualHousingLender.js";
-import { default as default17 } from "./icons/FollowIcon/index.js";
-import { default as default18 } from "./icons/LockIcon/index.js";
-import { default as default19 } from "./icons/MemberFdicLogo.js";
-import { default as default20 } from "./icons/QuoteIconGrey.js";
-import { default as default21 } from "./icons/QuoteIconWhite.js";
-import { default as default22 } from "./icons/QuoteIconYellow.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 default23 } from "./icons/Logos/AAS.js";
-import { default as default24 } from "./icons/Logos/AFS.js";
-import { default as default25 } from "./icons/Logos/AXA.js";
-import { default as default26 } from "./icons/Logos/AXC.js";
-import { default as default27 } from "./icons/Logos/AXI.js";
-import { default as default28 } from "./icons/Logos/AXOS.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";
@@ -145,13 +144,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 {
-  default23 as AASLogo,
-  default24 as AFSLogo,
+  default25 as AASLogo,
+  default26 as AFSLogo,
   ATMLocator,
-  default25 as AXALogo,
-  default26 as AXCLogo,
-  default27 as AXILogo,
-  default28 as AXOS,
+  default27 as AXALogo,
+  default28 as AXCLogo,
+  default29 as AXILogo,
+  default30 as AXOS,
   Accordion,
   AccordionCtx,
   AccordionDetails,
@@ -163,15 +162,15 @@ export {
   AnnualFeeCalculator,
   ApplicationStart,
   ApyCalculator,
-  default6 as ArrowIcon,
+  default7 as ArrowIcon,
   Article,
   ArticlesSet,
   Avatar,
   AwardsBanner,
   AwardsItem,
   AxosFooterSiteMap,
-  default7 as AxosX,
-  default8 as AxosXBlue,
+  default8 as AxosX,
+  default9 as AxosXBlue,
   BalanceAPYCalculator,
   Blockquote,
   BulletItem,
@@ -180,14 +179,15 @@ export {
   CallToActionBar,
   Carousel,
   CarouselSlide,
-  default9 as CheckCircle,
-  default10 as CheckCircleLight,
-  default11 as CheckIcon,
+  default10 as CheckCircle,
+  default11 as CheckCircleLight,
+  default12 as CheckIcon,
   Checkbox,
   Chevron,
-  default12 as ChevronDown,
-  default13 as ChevronUp,
-  default14 as CloseIcon,
+  default13 as ChevronDown,
+  default14 as ChevronUp,
+  default24 as ClockIcon,
+  default15 as CloseIcon,
   CollectInformationAlert,
   CommercialLending,
   ComparisonSet,
@@ -198,18 +198,17 @@ export {
   ContactUsNMLSId,
   ContentBanner,
   CurrencyInput,
-  DatePickerInput,
   DealerServices,
-  default15 as DownloadIcon,
+  default16 as DownloadIcon,
   DownloadTile,
   Dropdown,
   EmailOnly,
   EmailUs,
-  default16 as EqualHousingLender,
+  default17 as EqualHousingLender,
   ExecutiveBio,
   ExecutiveBioSet,
   FaqAccordion,
-  default17 as FollowIcon,
+  default18 as FollowIcon,
   FooterContent,
   FooterDisclosure,
   FooterIcons,
@@ -225,26 +224,26 @@ export {
   ImageBillboardSet,
   ImageLinkSet,
   Input,
-  InputDate,
   InputPhone,
   InputTextArea,
   Interstitial,
   LandingPageHeader,
   LoadingIndicator,
-  default18 as LockIcon,
+  default19 as LockIcon,
   MainHTML,
   MarginTradingCalculator,
   MaxLoanCalculator,
-  default19 as MemberFdicLogo,
+  default20 as MemberFdicLogo,
   Modal,
   MonthlyPaymentCalculator,
   default3 as NavBarAAS,
-  default5 as NavBarAFS,
+  default6 as NavBarAFS,
   default2 as NavBarAXA,
   default4 as NavBarAXB,
-  default20 as QuoteIconGrey,
-  default21 as QuoteIconWhite,
-  default22 as QuoteIconYellow,
+  default5 as NavBarAXC,
+  default21 as QuoteIconGrey,
+  default22 as QuoteIconWhite,
+  default23 as QuoteIconYellow,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -339,7 +338,6 @@ export {
   containerIconBillboard,
   content,
   copy,
-  datePicker,
   description,
   descriptionField,
   details,

package/dist/utils/allowedAxosDomains.js

@@ -3,6 +3,7 @@ const moreDomains = {
   "{AXOSBANK}": "https://www.axosbank.com",
   "{AXOSCLEARING}": "https://axosclearing.com",
   "{AAS}": "https://www.axosadvisorservices.com",
+  "{AFS}": "https://www.axosfiduciaryservices.com",
   "{NATIONWIDE}": "https://www.nationwide.axosbank.com",
   "{ENROLLMENT}": "https://enrollment.axosbank.com",
   "{ASSETSURL}": "https://assets.axos.com",
@@ -12,7 +13,8 @@ const moreDomains = {
   "{ARMS}": "https://arms.axosadvisor.com",
   "{APPS}": "https://apps.axosbank.com",
   "{AFP}": "https://afp.axosbank.com",
-  "{INVESTORS}": "https://investors.axosfinancial.com"
+  "{INVESTORS}": "https://investors.axosfinancial.com",
+  "{OBAXB}": "https://onlinebanking.axosbank.com"
   // "assets.axos.com": "https://assets.axos.com",
   // "images.axos.com": "https://images.axos.com",
 };

package/package.json

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

package/dist/Input/DatePicker.css.d.ts

@@ -1 +0,0 @@
-export declare const datePicker: string;

package/dist/Input/DatePicker.css.js

@@ -1,6 +0,0 @@
-/* empty css                                          */
-/* empty css                              */
-var datePicker = "_1oit9ls0";
-export {
-  datePicker
-};

package/dist/Input/Datepicker.d.ts

@@ -1,3 +0,0 @@
-import { DatepickerInputProps } from './InputProps';
-
-export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import DatePicker from "react-date-picker";
-import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
-const DatePickerInput = (props) => {
-  const {
-    disabled,
-    label,
-    iconLeft,
-    iconRight,
-    sizes,
-    error = false,
-    helperText: helper,
-    variant
-  } = props;
-  const [value, onChange] = useState();
-  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
-    label && /* @__PURE__ */ jsx(
-      "label",
-      {
-        className: labelClassName({ error, variant }),
-        htmlFor: props.name,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
-      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
-      /* @__PURE__ */ jsx(
-        DatePicker,
-        {
-          dayPlaceholder: "dd",
-          monthPlaceholder: "mm",
-          yearPlaceholder: "yyyy",
-          minDate: /* @__PURE__ */ new Date(),
-          onChange,
-          value
-        }
-      ),
-      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
-  ] });
-};
-export {
-  DatePickerInput
-};

package/dist/Input/InputDate.css.d.ts

@@ -1,6 +0,0 @@
-export declare const calendarContainer: string;
-export declare const calendarIcon: string;
-export declare const inputDate: string;
-export declare const verticalCenter: string;
-export declare const calendar: string;
-export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -1,15 +0,0 @@
-/* empty css                             */
-var calendarContainer = "skzved0";
-var calendarIcon = "skzved1";
-var inputDate = "skzved2";
-var verticalCenter = "skzved3";
-var calendar = "skzved4";
-var headerCalendar = "skzved5";
-export {
-  calendar,
-  calendarContainer,
-  calendarIcon,
-  headerCalendar,
-  inputDate,
-  verticalCenter
-};

package/dist/Input/InputDate.d.ts

@@ -1,3 +0,0 @@
-import { DatepickerInputProps } from './InputProps';
-
-export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import DatePicker from "react-date-picker";
-import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
-const InputDate = (props) => {
-  const {
-    disabled,
-    label,
-    iconLeft,
-    iconRight,
-    sizes,
-    error = false,
-    helperText: helper,
-    variant
-  } = props;
-  const [value, onChange] = useState();
-  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
-    label && /* @__PURE__ */ jsx(
-      "label",
-      {
-        className: labelClassName({ error, variant }),
-        htmlFor: props.name,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
-      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
-      /* @__PURE__ */ jsx(
-        DatePicker,
-        {
-          dayPlaceholder: "dd",
-          monthPlaceholder: "mm",
-          yearPlaceholder: "yyyy",
-          minDate: /* @__PURE__ */ new Date(),
-          onChange,
-          value
-        }
-      ),
-      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
-  ] });
-};
-export {
-  InputDate
-};

package/dist/assets/Input/DatePicker.css

@@ -1,95 +0,0 @@
-.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

@@ -1,39 +0,0 @@
-.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;
-}