@axos-web-dev/shared-components 0.0.100 → 0.0.102

package/dist/Modal/Modal.js

@@ -25,11 +25,12 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                              */
+/* empty css                                         */
+import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js

@@ -22,7 +22,7 @@ function SubNavBar() {
       ].some((el) => pathname?.includes(el))
     );
   }, [pathname]);
-  return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+  return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
     pathname?.includes("/scale-your-business") && scaleYourBusiness.length > 0 && scaleYourBusiness?.map(
       (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
     ),

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -21,11 +21,9 @@ function NavBar() {
   const signInToggle = () => setisOpenSignInToggle(!isOpenSignInToggle);
   const mobileToggle = () => setisOpenMobile(!isOpenMobile);
   const handleClick = (index) => setActiveIndex(index);
-  const [isOpenProducts1, setisOpenProducts1] = useState(false);
   const [isOpenProducts2, setisOpenProducts2] = useState(false);
   const [isOpenProducts3, setisOpenProducts3] = useState(false);
   const [isOpenProducts4, setisOpenProducts4] = useState(false);
-  const toggleProducts1 = () => setisOpenProducts1(!isOpenProducts1);
   const toggleProducts2 = () => setisOpenProducts2(!isOpenProducts2);
   const toggleProducts3 = () => setisOpenProducts3(!isOpenProducts3);
   const toggleProducts4 = () => setisOpenProducts4(!isOpenProducts4);
@@ -228,68 +226,15 @@ function NavBar() {
             ) })
           ] }),
           /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", "aria-expanded": isOpenMobile, children: [
-            /* @__PURE__ */ jsxs(
-              "li",
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+              "a",
               {
-                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
-                id: "dd_1",
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "a",
-                    {
-                      href: "#",
-                      onClick: toggleProducts1,
-                      role: "button",
-                      className: clsx("flex_row", "between"),
-                      children: [
-                        "Scale Your Business",
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: clsx(
-                              styles.icon_wrap,
-                              isOpenProducts1 && styles.open
-                            ),
-                            children: /* @__PURE__ */ jsx(
-                              "svg",
-                              {
-                                xmlns: "http://www.w3.org/2000/svg",
-                                width: "24",
-                                height: "24",
-                                viewBox: "0 0 24 24",
-                                fill: "none",
-                                children: /* @__PURE__ */ jsx(
-                                  "path",
-                                  {
-                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                                    fill: "#4A5560"
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: clsx(styles.sub_menu, isOpenProducts1 && expand),
-                      children: /* @__PURE__ */ jsx(
-                        "a",
-                        {
-                          href: "/scale-your-business",
-                          className: styles.main,
-                          role: "heading",
-                          children: "Scale Your Business Home"
-                        }
-                      )
-                    }
-                  )
-                ]
+                href: "/scale-your-business",
+                role: "button",
+                className: "flex_row between",
+                children: "Scale Your Business"
               }
-            ),
+            ) }),
             /* @__PURE__ */ jsxs(
               "li",
               {
@@ -339,15 +284,6 @@ function NavBar() {
                     {
                       className: clsx(styles.sub_menu, isOpenProducts2 && expand),
                       children: [
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/serve-your-clients",
-                            className: styles.main,
-                            role: "heading",
-                            children: "Serve Your Clients Home"
-                          }
-                        ),
                         /* @__PURE__ */ jsx("a", { href: "/cash-management-solutions", role: "menuitem", children: "Cash Management Solutions" }),
                         /* @__PURE__ */ jsx(
                           "a",
@@ -420,15 +356,6 @@ function NavBar() {
                     {
                       className: clsx(styles.sub_menu, isOpenProducts3 && expand),
                       children: [
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/optimize-operations",
-                            className: styles.main,
-                            role: "heading",
-                            children: "Optimize Operations Home"
-                          }
-                        ),
                         /* @__PURE__ */ jsx(
                           "a",
                           {
@@ -500,15 +427,6 @@ function NavBar() {
                     {
                       className: clsx(styles.sub_menu, isOpenProducts4 && expand),
                       children: [
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/axos-advantage",
-                            className: styles.main,
-                            role: "heading",
-                            children: "Axos Advantage Home"
-                          }
-                        ),
                         /* @__PURE__ */ jsx("a", { href: "/axos-advantage/about-axos", role: "menuitem", children: "About AXOS" }),
                         /* @__PURE__ */ jsx(
                           "a",

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -30,10 +30,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                                          */
 import "../../Input/Input.js";
-import "../../Input/Input.css.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/SetContainer/SetContainer.js

@@ -27,15 +27,17 @@ 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                                       */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "react-use";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
@@ -65,7 +67,6 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                    */
 import "../Modal/contextApi/store.js";
-import "react-use";
 /* empty css                                                          */
 /* empty css                                                             */
 /* empty css                                                                  */

package/dist/Table/Table.d.ts

@@ -9,14 +9,14 @@ export declare const TableBody: ({ children }: PropsWithChildren) => import("rea
 export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     className: string;
     manifest?: string | undefined;
-    amp?: string | undefined;
+    amp?: string;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
@@ -29,7 +29,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     style?: import('react').CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import('react').AriaRole | undefined;
     about?: string | undefined;
@@ -54,38 +54,38 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     inert?: boolean | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "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 | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "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 | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -100,9 +100,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 | "mixed" | "false" | "true" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

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/main.js

@@ -99,10 +99,13 @@ 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/Interstitial.js";
@@ -202,6 +205,7 @@ export {
   ContactUsNMLSId,
   ContentBanner,
   CurrencyInput,
+  DatePickerInput,
   DealerServices,
   default11 as DownloadIcon,
   DownloadTile,
@@ -228,6 +232,7 @@ export {
   ImageBillboardSet,
   ImageLinkSet,
   Input,
+  InputDate,
   InputPhone,
   InputTextArea,
   Interstitial,
@@ -345,6 +350,7 @@ export {
   containment,
   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.100",
+  "version": "0.0.102",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",