@axos-web-dev/shared-components 0.0.109 → 0.0.110

package/dist/ATMLocator/ATMLocator.js

@@ -24,6 +24,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 /* empty css                                                                                    */
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import clsx from "clsx";
 /* empty css                                                        */
@@ -94,7 +95,6 @@ import "../Table/Table.css.js";
 /* empty css                                                  */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "iframe-resizer";
 import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
 const ATMLocator = (props) => {

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -37,7 +37,13 @@ const BalanceAPYCalculator = ({
   const [checkingEarning, setCheckingEarning] = useState(1.5);
   const [error, setError] = useState(false);
   const removeNonNumeric = (value) => {
-    return parseInt(value.replace(/\D/g, ""));
+    if (value === "") {
+      value = "0";
+    }
+    const removeNonNumericChars = value.replace(/\D/g, "");
+    const newValue = parseInt(removeNonNumericChars, 10);
+    setBalance(newValue);
+    return newValue;
   };
   const calculateBlance = (amount) => {
     setAxbEarning(axbAPY / 100 * amount);
@@ -96,7 +102,6 @@ const BalanceAPYCalculator = ({
                 {
                   className: calculator_input,
                   id: "amount",
-                  type: "number",
                   step: 100,
                   name: "amount",
                   value: balance,

package/dist/Calculators/Calculator.js

@@ -146,8 +146,9 @@ const Calculator = (props) => {
       MonthlyPaymentCalculator,
       {
         header: headline,
-        body: bodyCopy,
-        variant
+        bodyCopy,
+        variant,
+        disclosure
       }
     );
   } else if (name === "Max Loan") {

package/dist/Calculators/MonthlyPaymentCalculator/index.d.ts

@@ -2,7 +2,8 @@ import { default as React, FC } from 'react';
 
 export interface MonthlyPaymentCalculatorProps {
     header?: React.ReactNode | string;
-    body?: React.ReactNode | string;
+    bodyCopy?: React.ReactNode | string;
     variant?: string;
+    disclosure?: React.ReactNode;
 }
 export declare const MonthlyPaymentCalculator: FC<MonthlyPaymentCalculatorProps>;

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -5,10 +5,13 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
+import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentCalculator = ({
   variant,
-  header
+  header,
+  disclosure,
+  bodyCopy
 }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("");
@@ -111,13 +114,22 @@ const MonthlyPaymentCalculator = ({
     {
       className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,
       children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          "h2",
-          {
-            className: `text_center ${title({ variant: fullVariant })} ${h2i}`,
-            children: header
-          }
-        ) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: `text_center ${title({ variant: fullVariant })} ${h2i}`,
+              children: header
+            }
+          ),
+          bodyCopy && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${calc_text} ${description_text({ variant: fullVariant })} text_center`,
+              children: bodyCopy
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -204,7 +216,8 @@ const MonthlyPaymentCalculator = ({
               estimatedPayment.toFixed(2)
             ] })
           ] })
-        ] })
+        ] }),
+        disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
       ]
     }
   ) }) });

package/dist/FaqAccordion/FaqAccordion.css.js

@@ -1,6 +1,6 @@
+/* empty css                                              */
 /* empty css                                    */
 /* empty css                                       */
-/* empty css                                              */
 /* empty css                                                  */
 var faqAccordion = "ph6wj60";
 var header = "ph6wj61";

package/dist/FaqAccordion/index.d.ts

@@ -1,3 +1,4 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
 import { PropsWithChildren } from 'react';
 
 export interface AccordionItemProps extends PropsWithChildren {
@@ -8,6 +9,9 @@ export declare const AccordionItemSummary: (props: {
     id: string;
     level: string;
 } & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCtas: (props: {
+    callToActionRow: ChevronProps;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;

package/dist/FaqAccordion/index.js

@@ -1,4 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
@@ -7,9 +11,95 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                       */
 /* empty css                                                        */
 /* empty css                                                    */
+import "../Accordion/Accordion.js";
+import { icon } from "../Accordion/Accordion.css.js";
+import { Chevron } from "../Chevron/index.js";
+import "../AlertBanner/AlertBanner.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+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/Dropdown.js";
+/* empty css                                              */
+/* empty css                                       */
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "iframe-resizer";
+import "../Calculators/calculator.css.js";
+/* empty css                                                                                    */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
+/* empty css                                              */
+/* empty css                                              */
+/* empty css                                                        */
+import "../Carousel/index.js";
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                                        */
+import "../Comparison/Comparison.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                                  */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                             */
+import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                  */
+/* empty css                                                          */
+import "../Interstitial/Interstitial-variants.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                    */
+import "../Modal/contextApi/store.js";
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                       */
+import "next/image.js";
+import "next/link.js";
+import "next/navigation.js";
+/* empty css                                                          */
+/* empty css                                                           */
+import "../PageNavItem/PageNavItem.css.js";
+import "lodash";
+import "react-slick";
+/* empty css                                                   */
+/* empty css                                             */
+/* empty css                                                        */
+/* empty css                                                      */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                            */
+/* empty css                                                      */
+/* empty css                                                    */
+/* empty css                                            */
+/* empty css                                                  */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { icon } from "../Accordion/Accordion.css.js";
 import { summary, summaryHeader, content, header, faqAccordion } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
@@ -65,6 +155,27 @@ const AccordionItemSummary = (props) => {
     /* @__PURE__ */ jsx("div", { className: icon, children: isOpen.includes(props.id) ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
   ] });
 };
+const AccordionCtas = (props) => {
+  return props.callToActionRow && /* @__PURE__ */ jsx("div", { className: "push_up", children: props.callToActionRow.type === "Button" ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      targetUrl: props.callToActionRow.targetUrl,
+      color: getVariant(props.callToActionRow.variant),
+      size: "medium",
+      rounded: "medium",
+      children: props.callToActionRow.displayText
+    },
+    props.callToActionRow.id
+  ) : /* @__PURE__ */ jsx(
+    Chevron,
+    {
+      targetUrl: props.callToActionRow.targetUrl,
+      variant: getVariant(props.callToActionRow.variant),
+      children: props.callToActionRow.displayText
+    },
+    props.callToActionRow.id
+  ) });
+};
 const AccordionItemContent = (props) => {
   return /* @__PURE__ */ jsx("div", { className: content, children: props.children });
 };
@@ -76,6 +187,7 @@ const FaqAccordion = (props) => {
   ] });
 };
 export {
+  AccordionCtas,
   AccordionItem,
   AccordionItemContent,
   AccordionItemSummary,

package/dist/Forms/ScheduleCall.js

@@ -15,6 +15,7 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import { InputDate } from "../Input/InputDate.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -220,7 +221,9 @@ const ScheduleCall = ({
                   /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
                 ]
               }
-            ) })
+            ) }),
+            /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
+            } })
           ] }),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),

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

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

package/dist/Input/DatePicker.css.js

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

package/dist/Input/Datepicker.d.ts

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

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"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

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

@@ -0,0 +1,15 @@
+/* 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

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

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"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/Input/InputProps.d.ts

@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DatepickerInputProps extends InputProps {
+    month?: string;
+    selected?: string;
+    show?: boolean;
+    onDateChange: (day: string) => void;
+}

package/dist/SocialMediaBar/SocialMediaBar.css.d.ts

@@ -1,2 +1,3 @@
 export declare const smb_section: string;
 export declare const smb_wrapper: string;
+export declare const padding_in_footer: string;

package/dist/SocialMediaBar/SocialMediaBar.css.js

@@ -1,7 +1,9 @@
 /* empty css                                                      */
 var smb_section = "nkpt490";
 var smb_wrapper = "nkpt491";
+var padding_in_footer = "nkpt492";
 export {
+  padding_in_footer,
   smb_section,
   smb_wrapper
 };

package/dist/SocialMediaBar/index.d.ts

@@ -1 +1,7 @@
-export declare const SocialMediaBar: () => import("react/jsx-runtime").JSX.Element;
+import { CSSProperties } from 'react';
+
+export * from './SocialMediaBar.css';
+export declare const SocialMediaBar: ({ className, style, }: {
+    className?: string;
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/SocialMediaBar/index.js

@@ -1,7 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Facebook, Instagram, Xtwitter, Youtube, LinkedIn, Pinterest } from "./iconsRepository.js";
 import { smb_section, smb_wrapper } from "./SocialMediaBar.css.js";
-const SocialMediaBar = () => {
+import { padding_in_footer } from "./SocialMediaBar.css.js";
+const SocialMediaBar = ({
+  className,
+  style
+}) => {
   const iconsToRender = [
     Facebook,
     Instagram,
@@ -16,8 +20,18 @@ const SocialMediaBar = () => {
     // i.Libsyn,
     // i.Spotify,
   ];
-  return /* @__PURE__ */ jsx("section", { role: "contentinfo", className: smb_section, children: /* @__PURE__ */ jsx("div", { className: `containment flex center middle ${smb_wrapper}`, children: iconsToRender.map((Icon, id) => /* @__PURE__ */ jsx(Icon, {}, id)) }) });
+  return /* @__PURE__ */ jsx("section", { role: "contentinfo", className: smb_section, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `containment flex center middle ${smb_wrapper} ${className}`,
+      style: { ...style },
+      children: iconsToRender.map((Icon, id) => /* @__PURE__ */ jsx(Icon, {}, id))
+    }
+  ) });
 };
 export {
-  SocialMediaBar
+  SocialMediaBar,
+  padding_in_footer,
+  smb_section,
+  smb_wrapper
 };

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -47,9 +47,15 @@ details[open] .ph6wj62 {
 .ph6wj64 ol {
   padding-bottom: 1rem;
 }
+.ph6wj64 ol ul {
+  padding-bottom: 0;
+}
 .ph6wj64 ul {
   padding-bottom: 1rem;
 }
+.ph6wj64 ul ol {
+  padding-bottom: 0;
+}
 details summary::-webkit-details-marker {
   display: none;
 }

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

@@ -15,4 +15,11 @@
   flex-direction: column;
   gap: 1em;
   list-style: none;
+}
+@media screen and (max-width:400px) {
+  .ep91dm4 {
+    -webkit-padding-start: 0;
+    padding-inline-start: 0;
+    text-align: left;
+  }
 }

package/dist/assets/SocialMediaBar/SocialMediaBar.css

@@ -7,6 +7,9 @@
   flex-wrap: wrap;
   gap: 24px;
 }
+.nkpt492 {
+  padding: 16px 0 3.5rem 0;
+}
 .nkpt491 svg {
   max-width: 100%;
   height: auto;
@@ -32,4 +35,14 @@
   .nkpt491 {
     min-height: 104px;
   }
+}
+@media screen and (max-width: 1023px) {
+  .nkpt492 {
+    padding-bottom: 50px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .nkpt492 {
+    padding-bottom: 30px;
+  }
 }

package/dist/assets/Table/Table.css

@@ -148,7 +148,6 @@ tr:last-child td {
   overflow: hidden;
   margin: auto;
   border-radius: 1rem;
-  height: 100%;
 }
 ._1nivbwes {
   border: 1px solid var(--_1073cm87);

package/dist/main.js

@@ -36,7 +36,7 @@ import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
 import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
-import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
+import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
 import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
 import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
@@ -153,6 +153,7 @@ 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";
+import { padding_in_footer, smb_section, smb_wrapper } from "./SocialMediaBar/SocialMediaBar.css.js";
 export {
   default20 as AASLogo,
   default21 as AFSLogo,
@@ -162,6 +163,7 @@ export {
   default24 as AXILogo,
   default25 as AXOS,
   Accordion,
+  AccordionCtas,
   AccordionCtx,
   AccordionDetails,
   AccordionHeader,
@@ -465,6 +467,7 @@ export {
   ol,
   one_row,
   padding,
+  padding_in_footer,
   paragraph,
   person,
   picker_arrow,
@@ -506,6 +509,8 @@ export {
   shortUrl,
   show,
   single_container,
+  smb_section,
+  smb_wrapper,
   step_num,
   steps_wrapper,
   sticky_nav,

package/dist/utils/allowedAxosDomains.js

@@ -16,7 +16,8 @@ const moreDomains = {
   "{AFP}": process.env.AFP_URL || "https://afp.axosbank.com",
   "{INVESTORS}": process.env.INVESTORS_URL || "https://investors.axosfinancial.com",
   "{OBAXB}": process.env.ONLINEBANKING_URL || "https://onlinebanking.axosbank.com",
-  "{UNVENROLLMENT}": String(process.env.UNVENROLLMENT_URL) || "https://enroll.axosbank.com"
+  "{UNVENROLLMENT}": String(process.env.UNVENROLLMENT_URL) || "https://enroll.axosbank.com",
+  "{AUTOAXB}": "https://auto.axosbank.com/partner/axos-purchase/AU"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/package.json

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