@axos-web-dev/shared-components 0.0.115 → 0.0.116

package/dist/PageNavSet/PageNavSet.js

@@ -3,11 +3,12 @@ import { jsx } from "react/jsx-runtime";
 import { throttle } from "lodash";
 import { useState, useRef, useEffect } from "react";
 import Slider from "react-slick";
+/* empty css                                                   */
+/* empty css                                             */
 import "../PageNavItem/PageNavItem.css.js";
 import { PageNavItem } from "../PageNavItem/PageNavItem.js";
 import css from "./PageNavSet.module.js";
 const PageNavSet = ({ id, pageNavItems }) => {
-  console.log(id, pageNavItems, "Teeeeeest");
   const [activeSection, setActiveSection] = useState(pageNavItems[0].id);
   const sliderRef = useRef(null);
   const settings = {
@@ -59,7 +60,7 @@ const PageNavSet = ({ id, pageNavItems }) => {
   window.onload = () => autoSizer();
   window.onresize = () => autoSizer();
   const handleScroll = throttle(() => {
-    const scrollPosition = typeof window !== "undefined" ? window.scrollY : 0;
+    const scrollPosition = window.scrollY;
     let selectedSection = pageNavItems[0].id;
     pageNavItems.forEach((section) => {
       const element = document.getElementById(section.id);
@@ -76,12 +77,10 @@ const PageNavSet = ({ id, pageNavItems }) => {
     }
   }, 100);
   useEffect(() => {
-    if (typeof window !== "undefined") {
-      window.addEventListener("scroll", handleScroll);
-      return () => {
-        window.removeEventListener("scroll", handleScroll);
-      };
-    }
+    window.addEventListener("scroll", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
   }, []);
   return /* @__PURE__ */ jsx("nav", { className: css.sticky_nav, id: "pageNav", children: /* @__PURE__ */ jsx("div", { className: "containment", id: `id_${id}`, children: /* @__PURE__ */ jsx(Slider, { ref: sliderRef, ...settings, className: css.nav_wrapper, children: pageNavItems?.map((section) => /* @__PURE__ */ jsx(
     PageNavItem,

package/dist/SecondaryFooter/SecondaryFooter.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 var secondary_footer = "_2lraiw0";
 var footer_link = "_2lraiw1";
 var footer_items_wrapper = "_2lraiw2";

package/dist/SetContainer/SetContainer.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                  */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var set_container = createRuntimeFn({ defaultClassName: "_18ygy9m0", variantClassNames: { variant: { primary: "_18ygy9m1", secondary: "_18ygy9m2", tertiary: "_18ygy9m3", quaternary: "_18ygy9m4" } }, defaultVariants: {}, compoundVariants: [] });
 var inline_container = "_18ygy9m5";

package/dist/SetContainer/SetContainer.js

@@ -4,14 +4,14 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-/* empty css                                          */
-/* empty css                                          */
+/* empty css                                              */
+/* empty css                                              */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -28,7 +28,7 @@ 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";
@@ -37,62 +37,64 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Input/RadioButton.js";
-import "../Input/RadioButton.css.js";
-import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
-/* empty css                                                    */
+/* empty css                                                        */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                    */
+/* empty css                                                                        */
 import "../Comparison/Comparison.css.js";
 import { set_container, isolate_container, heading, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
+/* empty css                                                  */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                              */
-/* empty css                                                      */
+/* empty css                                                  */
+/* empty css                                                          */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-/* empty css                                                   */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                       */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";
-/* empty css                                                      */
-/* empty css                                                       */
+/* empty css                                                          */
+/* empty css                                                           */
 import "../PageNavItem/PageNavItem.css.js";
 import "lodash";
 import "react-slick";
-/* empty css                                                    */
-/* empty css                                                  */
+/* 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                                            */
 /* empty css                                                  */
-/* empty css                                                */
-/* empty css                                        */
-/* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/SocialMediaBar/SocialMediaBar.css.js

@@ -1,4 +1,4 @@
-/* empty css                                  */
+/* empty css                                                      */
 var smb_section = "nkpt490";
 var smb_wrapper = "nkpt491";
 var padding_in_footer = "nkpt492";

package/dist/StepItem/StepItem.css.js

@@ -1,7 +1,7 @@
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
 /* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var li = "_1y8r7dk0";
 var line_points = createRuntimeFn({ defaultClassName: "_1y8r7dk1", variantClassNames: { variant: { primary: "_1y8r7dk2", secondary: "_1y8r7dk3", tertiary: "_1y8r7dk4", quaternary: "_1y8r7dk5" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                               */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
 var bs_wrapper = "_18par6f5";

package/dist/Tab/Tab.css.js

@@ -1,7 +1,7 @@
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                              */
 /* empty css                                */
-/* empty css                                   */
-/* empty css                                          */
-/* empty css                       */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var tab = createRuntimeFn({ defaultClassName: "lhhm340", variantClassNames: { variant: { primary: "lhhm341", secondary: "lhhm342", tertiary: "lhhm343", quaternary: "lhhm344" } }, defaultVariants: {}, compoundVariants: [] });
 var active_tab = createRuntimeFn({ defaultClassName: "lhhm345", variantClassNames: { variant: { primary: "lhhm346", secondary: "lhhm347", tertiary: "lhhm348", quaternary: "lhhm349" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Table/Table.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                         */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe0", variantClassNames: { variant: { apy: "_1nivbwe1", standard: "_1nivbwe2" } }, defaultVariants: {}, compoundVariants: [] });
 var table_container_text = "_1nivbwe3";

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;
+    amp?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     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;
@@ -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?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | 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?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTargetAction?: "hide" | "show" | "toggle" | 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" | "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"?: "link" | "none" | "copy" | "move" | "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;
@@ -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 | "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/TextBlock/TextBlock.css.js

@@ -1,6 +1,6 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                             */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                            */
 var textBlockParagraph = "_16g7rvn0";
 var textBlockHeader = "_16g7rvn1";
 var textBlockList = "_16g7rvn2";

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                  */
+/* empty css                                                      */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                 */
+/* empty css                                                    */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+/* empty css                                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,7 +1,7 @@
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                             */
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                            */
 var show = "_16puo4g0";
 var video_title = "_16puo4g1";
 var transcript_btn = "_16puo4g2";

package/dist/VideoTile/VideoTile.js

@@ -4,10 +4,10 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+/* empty css                                                  */
 var grid_wrapper = "_2i5u4u0";
 var grid_2 = "_2i5u4u1";
 var grid_3 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                        */
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                            */
 import { grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/assets/Comparison/Comparison.css

@@ -83,7 +83,6 @@
   margin-right: 8px;
 }
 ._198o0ltb {
-  padding-bottom: 2rem;
   display: grid;
   grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
   gap: 24px;

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -83,7 +83,7 @@
 }
 .txcb8dl {
   flex: 1 1 0%;
-  max-width: 50%;
+  max-width: 100%;
 }
 .txcb8dl a {
   color: inherit;
@@ -111,6 +111,8 @@
   font-family: var(--header-font-family);
   text-decoration: none;
   font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .txcb8dp {
   color: #0062B3;
@@ -127,6 +129,13 @@
 .txcb8do a {
   text-decoration: none;
 }
+.txcb8dt {
+  display: flex;
+  flex-direction: column;
+}
+.txcb8du {
+  width: 50%;
+}
 $.txcb8dl + .txcb8du {
   margin-left: 1.5rem;
 }
@@ -266,6 +275,7 @@ $.txcb8dl + .txcb8du {
     margin-top: 16px;
   }
   .txcb8du {
+    width: 90%;
     margin-top: 16px;
   }
   .txcb8dw {