@axos-web-dev/shared-components 0.0.106 → 0.0.108

package/dist/Insight/Featured/Featured.css.js

@@ -0,0 +1,30 @@
+/* empty css                                                 */
+/* empty css                                                     */
+var featured_section = "_1sr2o6v0";
+var featured_title = "_1sr2o6v1";
+var featured_supertag = "_1sr2o6v2";
+var featured_grid = "_1sr2o6v3";
+var featured_subgrid = "_1sr2o6v4";
+var featured_subgrid_item = "_1sr2o6v5";
+var featured_subgrid_title = "_1sr2o6v6";
+var featured_subgrid_divider = "_1sr2o6v7";
+var featured_center_vertical = "_1sr2o6v8";
+var featured_maingrid = "_1sr2o6v9";
+var featured_maingrid_img = "_1sr2o6va";
+var featured_maingrid_item = "_1sr2o6vb";
+var featured_maingrid_title = "_1sr2o6vc";
+export {
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title
+};

package/dist/Insight/Featured/Featured.d.ts

@@ -0,0 +1,25 @@
+import { QuaternaryTypes } from '../../utils';
+import { ReactNode } from 'react';
+
+export interface InsightProps {
+    id: string;
+    variant: QuaternaryTypes;
+    headline?: ReactNode;
+    description?: ReactNode;
+    featured: FeaturedItemProps[];
+}
+export interface FeaturedItemProps {
+    id?: string;
+    url?: string;
+    image?: {
+        url: string;
+        alt: string;
+    };
+    title?: ReactNode;
+    supertag?: ReactNode;
+    readingTime?: string;
+}
+export declare const FeaturedItem: (props: FeaturedItemProps & {
+    variant: QuaternaryTypes;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Featured: (props: InsightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Insight/Featured/Featured.js

@@ -0,0 +1,179 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../icons/ArrowIcon/ArrowIcon.css.js";
+import "../../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                           */
+/* empty css                                                       */
+import ClockIcon from "../../icons/Clock/index.js";
+import "../../utils/allowedAxosDomains.js";
+import { getVariant } from "../../utils/getVariant.js";
+/* 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";
+import "../../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../../Interstitial/Interstitial-variants.css.js";
+import "../../Chevron/Chevron.css.js";
+/* empty css                                       */
+import "../../Modal/contextApi/store.js";
+import clsx from "clsx";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+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                                          */
+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 "iframe-resizer";
+import "../../Calculators/calculator.css.js";
+/* empty css                                                                                       */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* 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 { set_container } from "../../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 "../../FaqAccordion/index.js";
+import "../../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                                */
+import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                     */
+/* empty css                                                             */
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
+import "../../LandingPageHeader/LandingPageHeader.css.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                                                     */
+const FeaturedItem = (props) => {
+  const {
+    url,
+    readingTime,
+    supertag: supertagText,
+    title: featureItemTitle,
+    variant: fullVariant
+  } = props;
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
+    /* @__PURE__ */ jsx("h3", { className: clsx(supertag({ variant }), featured_supertag), children: supertagText ?? "" }),
+    /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
+    ] })
+  ] });
+};
+const Featured = (props) => {
+  const { id, variant: fullVariant, featured, headline } = props;
+  const variant = getVariant(fullVariant);
+  const [main, ...restFeatured] = featured;
+  console.log(main);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: clsx(featured_section, set_container({ variant })),
+      children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+        /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
+        /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
+          /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid), children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: main?.image?.url,
+                alt: main?.image?.alt,
+                className: clsx(featured_maingrid_img)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: clsx(
+                    title({ variant: "primary" }),
+                    featured_maingrid_title
+                  ),
+                  children: main?.title ?? ""
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+                " ",
+                /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              FeaturedItem,
+              {
+                variant: variant ?? "tertiary",
+                readingTime: item.readingTime,
+                supertag: item.supertag,
+                title: item.title,
+                url: item.url
+              },
+              item.id
+            ),
+            index < restFeatured.length - 1 && /* @__PURE__ */ jsx("hr", { className: clsx(featured_subgrid_divider) })
+          ] })) })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  Featured,
+  FeaturedItem
+};

package/dist/Insight/Featured/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CategorySelector';
+export * from './Featured';
+export * from './Featured.css';

package/dist/Insight/Featured/index.js

@@ -0,0 +1,22 @@
+import { CategorySelector, InsightItem } from "./CategorySelector.js";
+import { Featured, FeaturedItem } from "./Featured.js";
+import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
+export {
+  CategorySelector,
+  Featured,
+  FeaturedItem,
+  InsightItem,
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title
+};

package/dist/Insight/index.d.ts

@@ -0,0 +1 @@
+export * from './Featured';

package/dist/Insight/index.js

@@ -0,0 +1,22 @@
+import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
+import { Featured, FeaturedItem } from "./Featured/Featured.js";
+import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
+export {
+  CategorySelector,
+  Featured,
+  FeaturedItem,
+  InsightItem,
+  featured_center_vertical,
+  featured_grid,
+  featured_maingrid,
+  featured_maingrid_img,
+  featured_maingrid_item,
+  featured_maingrid_title,
+  featured_section,
+  featured_subgrid,
+  featured_subgrid_divider,
+  featured_subgrid_item,
+  featured_subgrid_title,
+  featured_supertag,
+  featured_title
+};

package/dist/Interstitial/Interstitial.js

@@ -55,7 +55,7 @@ const Interstitial = ({
             /* @__PURE__ */ jsxs("div", { className: `${css.modal_content} text_center`, children: [
               headline && /* @__PURE__ */ jsx("h2", { className: `header_3 ${int_headline({ variant })}`, children: headline }),
               bodyCopy && /* @__PURE__ */ jsx("div", { className: css.body_copy, children: bodyCopy }),
-              bullets && bullets.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: interstitial_list, children: bullets.map(
+              bullets && bullets.length > 0 && /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx("ul", { className: interstitial_list, children: bullets.map(
                 (item) => Object.hasOwn(item, "variant") ? /* @__PURE__ */ jsx(
                   BulletItem,
                   {

package/dist/Modal/Modal.js

@@ -30,6 +30,7 @@ import "../Input/Dropdown.js";
 /* 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";
@@ -43,7 +44,6 @@ import "../Calculators/calculator.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                  */
 /* empty css                                              */
-import "next/image.js";
 /* empty css                                              */
 /* empty css                                                        */
 import "../Carousel/index.js";
@@ -63,6 +63,8 @@ import "../FaqAccordion/index.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 "./contextApi/store.js";
@@ -70,8 +72,9 @@ import "./contextApi/store.js";
 /* empty css                                                             */
 /* empty css                                                                  */
 /* empty css                                                                     */
-import "next/link.js";
 /* empty css                                                       */
+import "next/image.js";
+import "next/link.js";
 import "next/navigation.js";
 /* empty css                                                          */
 /* empty css                                                           */
@@ -87,7 +90,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                            */
 /* empty css                                                      */
 /* empty css                                                    */
-import "next/script.js";
 /* empty css                                            */
 /* empty css                                                  */
 import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -14,9 +14,9 @@ import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 /* empty css                                                 */
 /* empty css                                                 */
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../Interstitial/Interstitial-variants.css.js";
@@ -34,6 +34,7 @@ import "../../Input/Dropdown.js";
 /* 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";
@@ -47,7 +48,6 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                     */
 /* empty css                                                 */
-import Image from "next/image.js";
 /* empty css                                                           */
 import "../../Carousel/index.js";
 import "../../Hyperlink/Hyperlink.css.js";
@@ -66,17 +66,17 @@ import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                                */
 import "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                     */
+/* empty css                                                             */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                             */
 /* empty css                                                                */
 /* empty css                                                                     */
 /* empty css                                                                        */
-import Link from "next/link.js";
 /* empty css                                                          */
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
 /* empty css                                                              */
-import { usePathname } from "next/navigation.js";
 import "../../PageNavItem/PageNavItem.css.js";
 import "lodash";
 import "react-slick";
@@ -89,9 +89,11 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                               */
 /* empty css                                                         */
 /* empty css                                                       */
-import "next/script.js";
 /* empty css                                               */
 /* empty css                                                     */
+import Image from "next/image.js";
+import Link from "next/link.js";
+import { usePathname } from "next/navigation.js";
 import { sub_nav, dd_media } from "./SubNavbar.css.js";
 function SubNavBar() {
   const pathname = usePathname();