@axos-web-dev/shared-components 0.0.83 → 0.0.85

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -15,6 +15,7 @@ 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";
@@ -23,6 +24,10 @@ 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";
+/* empty css                                                                                   */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
@@ -38,11 +43,9 @@ import "../../Forms/SalesforceFieldsForm.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
 import "iframe-resizer";
+import "../../Table/Table.css.js";
+import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/calculator.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-/* empty css                                                                                   */
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */
@@ -66,7 +69,6 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
-import Image from "next/image.js";
 import Link from "next/link.js";
 /* empty css                          */
 import styles from "./NavBar.module.js";
@@ -75,7 +77,6 @@ import { subNavItems } from "./NavData.js";
 /* empty css                                                     */
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
-import "../../Table/Table.css.js";
 /* empty css                                           */
 /* empty css                                                     */
 /* empty css                                                   */
@@ -85,6 +86,7 @@ import "next/script.js";
 import { sub_nav, dd_media } from "./SubNavbar.css.js";
 function SubNavBar() {
   const { pathname } = useLocation();
+  const location = useLocation();
   const [hoveredLink, setHoveredLink] = useState(void 0);
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
@@ -92,6 +94,7 @@ function SubNavBar() {
   const [showNavbar, setShowNavbar] = useState(false);
   const support = subNavItems.support;
   const about = subNavItems.about;
+  const isHomepage = location.pathname === "/";
   useEffect(() => {
     setShowNavbar(
       () => [
@@ -105,7 +108,7 @@ function SubNavBar() {
   }, [pathname]);
   return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: styles.header_sub_row, children: [
     /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
-      pathname?.includes("/personal") && /* @__PURE__ */ jsxs(Fragment, { children: [
+      (pathname?.includes("/personal") || isHomepage) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {

package/dist/NavigationMenu/AxosBank/index.js

@@ -51,7 +51,7 @@ function NavBar() {
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
       /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
         /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
-          Link,
+          "a",
           {
             href: "/",
             "aria-label": "return to axos advisor services homepage",

package/dist/SetContainer/SetContainer.js

@@ -21,8 +21,13 @@ 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";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -38,11 +43,9 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
+import "../Table/Table.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/calculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-/* empty css                                                                                */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -65,7 +68,6 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
@@ -73,7 +75,6 @@ import "next/link.js";
 /* empty css                                                  */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-import "../Table/Table.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */

package/dist/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.interface.d.ts

@@ -1,4 +1,4 @@
-import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
@@ -12,13 +12,15 @@ export interface TableProps extends PropsWithChildren {
     highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
     tableType?: "Standard" | "Rate";
     alternateColorRows?: boolean;
+    style?: CSSProperties;
+    className?: string;
 }
 export interface TableContainerProps extends PropsWithChildren {
     id?: string;
     variant: string;
-    tableTitle: ReactNode | string;
+    tableTitle?: ReactNode | string;
     tableBody?: ReactNode | string;
-    tableFooter: ReactNode | string;
+    tableFooter?: ReactNode | string;
     tableType?: string;
     tableDescription?: ReactNode | string;
     internalName?: string;

package/dist/Table/Table.js

@@ -33,13 +33,21 @@ const Table = ({
   children,
   highlight,
   tableType = "Standard",
-  alternateColorRows = false
+  alternateColorRows = false,
+  style,
+  className
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: tableWrapper({ variant: getVariant(variant) }),
-      style: tableType === "Rate" ? { width: "90%", border: "none" } : {},
+      className: clsx(
+        tableWrapper({ variant: getVariant(variant) }),
+        className
+      ),
+      style: {
+        ...tableType === "Rate" ? { width: "90%", border: "none" } : {},
+        ...style
+      },
       children: /* @__PURE__ */ jsx(
         "table",
         {

package/dist/assets/Blockquote/Blockquote.css.css

@@ -0,0 +1,68 @@
+._quote_spacer_1yycp_1 {
+  line-height: 1.35;
+  margin-bottom: clamp(0.99rem, 0.7vw + 0.82rem, 1.38rem);
+  margin-inline: auto;
+  margin-top: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+}
+
+._author_1yycp_8,
+._quote_1yycp_1 {
+  color: #333d46;
+}
+
+._author_1yycp_8 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_1yycp_8 cite {
+  font-style: normal;
+}
+
+._quote_spacer_1yycp_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_1yycp_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_1yycp_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_1yycp_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_1yycp_8 {
+    margin-top: 14px;
+  }
+  ._quote_1yycp_1 p {
+    font-size: 18px;
+  }
+  ._author_1yycp_8 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_1yycp_8 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_1yycp_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_1yycp_1 p {
+    font-weight: 600;
+  }
+}

package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css

@@ -0,0 +1,200 @@
+._1mjmksf0 {
+  padding: 48px 0;
+}
+._1mjmksf1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1mjmksf2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._1mjmksf3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1mjmksf4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._1mjmksf5 {
+  padding: 64px;
+  margin: 32px 0;
+  background: #F4F4F4;
+  color: #4A5560;
+}
+._1mjmksf6 {
+  display: inline-flex;
+  background-color: #FFFFFF;
+  border-radius: 1rem;
+}
+._1mjmksf7 {
+  align-items: center;
+  color: #333d46;
+  display: flex;
+  font-size: 21px;
+  padding: 0 1.5rem;
+}
+._1mjmksf8 {
+  font-weight: 500;
+  margin-bottom: 0;
+}
+._1mjmksf9 {
+  align-self: stretch;
+  border: 0;
+  max-width: 193px;
+  outline: 0;
+  padding-left: 8px;
+  overflow: visible;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+._1mjmksfb {
+  display: none;
+}
+._1mjmksfc {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.4;
+  padding: 15px;
+  background-color: var(--_1073cm86);
+  color: #FFFFFF;
+}
+._1mjmksfd {
+  letter-spacing: 0.2px;
+  line-height: 1.44;
+  margin-bottom: 0;
+}
+._1mjmksfd small {
+  position: relative;
+  left: 338px;
+  margin-top: 7px;
+  font-size: 12px;
+}
+._1mjmksfe {
+  color: #d0021b;
+}
+._1mjmksff {
+  padding-bottom: 32px;
+}
+._1mjmksfg {
+  margin-bottom: 32px;
+}
+._1mjmksfh {
+  font-family: var(--header-font-family);
+}
+._1073cm80 ._1mjmksfi {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 ._1mjmksfi {
+  color: var(--_1073cm83);
+}
+._1073cm80 ._1mjmksfj {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 ._1mjmksfj {
+  color: var(--_1073cm8a);
+}
+._1mjmksfk {
+  color: var(--_1073cm8h);
+}
+._1mjmksfl {
+  color: var(--_1073cm8o);
+}
+._1mjmksfm {
+  margin-inline: auto;
+}
+._1mjmksfn {
+  margin-top: 1rem;
+}
+._1mjmksfo {
+  color: var(--_1073cm82);
+}
+._1mjmksfp {
+  color: var(--_1073cm89);
+}
+._1mjmksfq {
+  color: var(--_1073cm8g);
+}
+._1mjmksfr {
+  color: var(--_1073cm8n);
+}
+._1mjmksfs {
+  margin-top: 16px;
+}
+._1mjmksft {
+  color: var(--_1073cm82);
+}
+._1mjmksfu {
+  color: var(--_1073cm89);
+}
+._1mjmksfv {
+  color: var(--_1073cm8g);
+}
+._1mjmksfw {
+  color: var(--_1073cm8n);
+}
+@media screen and (max-width: 603px) {
+  ._1mjmksf5 {
+    padding: 30px 14px;
+  }
+  ._1mjmksf6 {
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+    background-color: transparent;
+  }
+  ._1mjmksf9 {
+    border-radius: 8px;
+    margin-left: 0;
+    padding: 7px 15px;
+    text-align: center;
+    margin-top: 12px;
+    position: relative;
+  }
+  ._1mjmksfa {
+    display: none;
+  }
+  ._1mjmksfb {
+    display: block;
+  }
+  ._1mjmksfd {
+    text-align: center;
+  }
+}
+@media screen and (max-width:603px) {
+  ._1mjmksf7 {
+    flex-direction: column;
+  }
+  ._1mjmksfc {
+    font-weight: 700;
+    font-size: 18px;
+    border-radius: 8px;
+    margin-top: 20px;
+    padding: 5px 36px;
+  }
+}
+@media screen and (max-width: 769px) {
+  ._1mjmksf9 {
+    max-width: 145px;
+  }
+}
+@media screen and (max-width: 769px) {
+  ._1mjmksfd small {
+    left: 290px;
+  }
+}
+@media screen and (max-width: 603px) {
+  ._1mjmksfd small {
+    left: 0;
+  }
+}

package/dist/main.d.ts

@@ -6,6 +6,7 @@ export * from './ArticlesSet';
 export * from './Avatar';
 export * from './AwardsBanner';
 export * from './AwardsItem';
+export * from './Blockquote';
 export * from './BulletItem';
 export * from './Button';
 export * from './Calculators';

package/dist/main.js

@@ -12,6 +12,7 @@ import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
 import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
 import { award_company, award_item, award_name } from "./AwardsItem/AwardsItem.css.js";
 import { AwardsItem } from "./AwardsItem/AwardsItem.js";
+import { Blockquote } from "./Blockquote/index.js";
 import { BulletItem } from "./BulletItem/BulletItem.js";
 import { Button } from "./Button/Button.js";
 import { button } from "./Button/Button.css.js";
@@ -165,6 +166,7 @@ export {
   AxosFooterSiteMap,
   default7 as AxosX,
   default8 as AxosXBlue,
+  Blockquote,
   BulletItem,
   Button,
   Calculator,