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

package/dist/Modal/Modal.js

@@ -1,39 +1,29 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { chevron } from "../Chevron/Chevron.css.js";
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
+import { Button } from "../Button/Button.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
-import "../ArticlesSet/ArticlesSet.css.js";
-/* empty css                                              */
-/* empty css                                          */
-/* empty css                                          */
-import "next/image.js";
 import "../IconBillboard/IconBillboard.css.js";
-/* empty css                                          */
-import { Button } from "../Button/Button.js";
-import "../Button/Button.css.js";
 import "react";
-import "react-use";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "react-use";
 import "clsx";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                     */
 import "../Input/Dropdown.js";
+/* empty css                                          */
 /* empty css                                   */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -45,6 +35,15 @@ import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                              */
+/* empty css                                          */
+import "next/image.js";
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -1,7 +1,10 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
+import "../../Modal/contextApi/store.js";
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
+import "clsx";
+import { useState, useEffect } from "react";
+import "../../Button/Button.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
@@ -9,33 +12,20 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../Chevron/Chevron.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                             */
-import Image from "next/image.js";
 import "../../IconBillboard/IconBillboard.css.js";
-/* empty css                                             */
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-import "../../Modal/contextApi/store.js";
-import "clsx";
-import { useState, useEffect } from "react";
-import "../../Button/Button.css.js";
-import { useLocation } from "react-use";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import { useLocation } from "react-use";
 import "../../Table/Table.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/Input.css.js";
-/* empty css                                        */
 import "../../Input/Dropdown.js";
+/* empty css                                             */
 /* empty css                                      */
 import "../../Input/Input.js";
+import "../../Input/Input.css.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "react-hook-form";
@@ -47,6 +37,15 @@ import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                                 */
+/* empty css                                             */
+import Image from "next/image.js";
+/* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */

package/dist/SetContainer/SetContainer.js

@@ -13,17 +13,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
-import "../ArticlesSet/ArticlesSet.css.js";
-/* empty css                                              */
-/* empty css                                          */
-/* empty css                                          */
-import "next/image.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
-/* empty css                                          */
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
@@ -31,11 +21,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                     */
 import "../Input/Dropdown.js";
+/* empty css                                          */
 /* empty css                                   */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -47,6 +37,15 @@ import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                              */
+/* empty css                                          */
+import "next/image.js";
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/Table/Table.d.ts

@@ -15,7 +15,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
@@ -54,31 +54,31 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -93,9 +93,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/assets/Table/Table.css

@@ -296,7 +296,7 @@ td:has(.flex.middle span.img_fluid) .img_fluid {
   ._1nivbwew {
     border-radius: 0;
     overflow: auto;
-    width: auto;
+    width: 100%;
   }
   ._1nivbwe12 tr:has(> :last-child:nth-child(-n + 3)) td {
     font-size: 14px;

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";
@@ -198,7 +195,6 @@ export {
   ContactUsNMLSId,
   ContentBanner,
   CurrencyInput,
-  DatePickerInput,
   DealerServices,
   default15 as DownloadIcon,
   DownloadTile,
@@ -225,7 +221,6 @@ export {
   ImageBillboardSet,
   ImageLinkSet,
   Input,
-  InputDate,
   InputPhone,
   InputTextArea,
   Interstitial,
@@ -339,7 +334,6 @@ export {
   containerIconBillboard,
   content,
   copy,
-  datePicker,
   description,
   descriptionField,
   details,

package/dist/utils/allowedAxosDomains.js

@@ -12,7 +12,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.91",
   "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;
-}