@axos-web-dev/shared-components 1.0.99-feature-insights.1 → 1.0.99-feature-brand.5

package/dist/StepItem/StepItem.css.d.ts

@@ -18,48 +18,20 @@ export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#4D85B0";
-                    background: `var(--${string})`;
-                } | {
-                    borderColor: "#4A5560";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#4D85B0";
-                    background: `var(--${string})`;
-                } | {
-                    borderColor: "#4A5560";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
         tertiary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#FAA74A";
-                    background: "#1E3860";
-                } | {
-                    borderColor: "#FAA74A";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
         quaternary: {
-            selectors: {
-                [x: string]: {
-                    borderColor: "#FAA74A";
-                    background: "#1E3860";
-                } | {
-                    borderColor: "#FAA74A";
-                    background: `var(--${string})`;
-                };
-            };
+            borderColor: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;

package/dist/StepItemSet/StepItemSet.css.d.ts

@@ -29,48 +29,20 @@ export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
             fill: "#1E3860";
         };
         tertiary: {
-            fill: "#FFF";
+            fill: "#FFFFFF";
         };
         quaternary: {
-            fill: "#FFF";
+            fill: "#FFFFFF";
         };
     };
 }>;
 export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/StepItemSet/StepItemSet.d.ts

@@ -1,7 +1,7 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
 import { ImageInterface } from '../IconBillboard';
 import { QuaternaryTypes } from '../utils/variant.types';
 import { FC, ReactNode } from 'react';
+import { ChevronProps } from '../Chevron/Chevron.interface';
 import { StepItemProps } from '../StepItem';
 
 export interface StepItemSetProps {

package/dist/StepItemSet/StepItemSet.js

@@ -1,14 +1,11 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Button } from "../Button/Button.js";
-import "../Button/Button.css.js";
-import "react";
-import "react-use";
-import { Chevron } from "../Chevron/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
-import { StepItem } from "../StepItem/StepItem.js";
-import "../StepItem/StepItem.css.js";
-import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
+import { bs_section, bs_wrapper, tablet_col } from "./StepItemSet.css.js";
+import { HeaderSection } from "./sections/HeaderSection.js";
+import { ImageSection } from "./sections/ImageSection.js";
+import { StepsList } from "./sections/StepsList.js";
+import { CallToActionSection } from "./sections/CallToActionSection.js";
+import { AdditionalDetailsSection } from "./sections/AdditionalDetailsSection.js";
 const StepItemSet = ({
   id,
   variant: fullVariant = "primary",
@@ -21,81 +18,20 @@ const StepItemSet = ({
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
-    (title || description) && /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
-      /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          className: svg_logo,
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "40",
-          height: "40",
-          fill: "none",
-          children: [
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                fill: "#FAA74A",
-                d: "M4.012.513a1.726 1.726 0 0 0-2.455 0L.539 1.53a1.726 1.726 0 0 0 0 2.456L16.536 20 .539 36.014a1.726 1.726 0 0 0 0 2.456l1.018 1.017a1.726 1.726 0 0 0 2.455 0L23.464 20 4.012.513Z"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                fill: "#1E3860",
-                fillRule: "evenodd",
-                d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
-                clipRule: "evenodd",
-                className: `${modifier({ variant })}`
-              }
-            )
-          ]
-        }
-      ),
-      title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${sec_title({ variant })}`, children: title }),
-      description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
-      image && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) }),
-      /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
-        StepItem,
-        {
-          id: `id_${step.id}`,
-          counter: index + 1,
-          title: step?.title,
-          description: step?.description,
-          variant
-        },
-        step?.id
-      )) }) })
-    ] }),
-    Array.isArray(callToActionRow) && callToActionRow?.length > 0 && /* @__PURE__ */ jsx(
-      "div",
+    /* @__PURE__ */ jsx(
+      HeaderSection,
       {
-        className: `flex middle center push_up_32 text_center ${bs_btns}`,
-        children: callToActionRow.map(
-          ({ id: id2, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              targetUrl,
-              color: getVariant(variant2),
-              size: "large",
-              rounded: "medium",
-              children: displayText
-            },
-            id2
-          ) : /* @__PURE__ */ jsx(
-            Chevron,
-            {
-              targetUrl,
-              variant: getVariant(variant2),
-              children: displayText
-            },
-            id2
-          )
-        )
+        title,
+        description,
+        variant
       }
     ),
-    additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment push_up_24", children: /* @__PURE__ */ jsx("div", { className: bs_add_details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
+    /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
+      /* @__PURE__ */ jsx(ImageSection, { image }),
+      /* @__PURE__ */ jsx(StepsList, { stepItems, variant })
+    ] }),
+    /* @__PURE__ */ jsx(CallToActionSection, { callToActionRow }),
+    /* @__PURE__ */ jsx(AdditionalDetailsSection, { additionalDetails })
   ] }) });
 };
 export {

package/dist/StepItemSet/index.d.ts

@@ -1,2 +1,7 @@
 export * from './StepItemSet';
 export * from './StepItemSet.css';
+export * from './sections/HeaderSection';
+export * from './sections/ImageSection';
+export * from './sections/StepsList';
+export * from './sections/CallToActionSection';
+export * from './sections/AdditionalDetailsSection';

package/dist/StepItemSet/index.js

@@ -1,7 +1,17 @@
 import { StepItemSet } from "./StepItemSet.js";
 import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
+import { HeaderSection } from "./sections/HeaderSection.js";
+import { ImageSection } from "./sections/ImageSection.js";
+import { StepsList } from "./sections/StepsList.js";
+import { CallToActionSection } from "./sections/CallToActionSection.js";
+import { AdditionalDetailsSection } from "./sections/AdditionalDetailsSection.js";
 export {
+  AdditionalDetailsSection,
+  CallToActionSection,
+  HeaderSection,
+  ImageSection,
   StepItemSet,
+  StepsList,
   bs_add_details,
   bs_btns,
   bs_image,

package/dist/StepItemSet/sections/AdditionalDetailsSection.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+
+interface AdditionalDetailsSectionProps {
+    additionalDetails?: string | ReactNode;
+}
+export declare const AdditionalDetailsSection: FC<AdditionalDetailsSectionProps>;
+export {};

package/dist/StepItemSet/sections/AdditionalDetailsSection.js

@@ -0,0 +1,11 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { bs_add_details } from "../StepItemSet.css.js";
+const AdditionalDetailsSection = ({
+  additionalDetails
+}) => {
+  if (!additionalDetails) return null;
+  return /* @__PURE__ */ jsx("div", { className: "containment push_up_24", children: /* @__PURE__ */ jsx("div", { className: bs_add_details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) });
+};
+export {
+  AdditionalDetailsSection
+};

package/dist/StepItemSet/sections/CallToActionSection.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChevronProps } from '../../Chevron/Chevron.interface';
+
+interface CallToActionSectionProps {
+    callToActionRow?: boolean | ChevronProps[];
+}
+export declare const CallToActionSection: FC<CallToActionSectionProps>;
+export {};

package/dist/StepItemSet/sections/CallToActionSection.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/Button.js";
+import "../../Button/Button.css.js";
+import "react";
+import "react-use";
+import { Chevron } from "../../Chevron/index.js";
+import { getVariant } from "../../utils/getVariant.js";
+import { bs_btns } from "../StepItemSet.css.js";
+const CallToActionSection = ({
+  callToActionRow
+}) => {
+  if (!Array.isArray(callToActionRow) || callToActionRow.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: `flex middle center push_up_32 text_center ${bs_btns}`, children: callToActionRow.map(
+    ({ id, variant, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        targetUrl,
+        color: getVariant(variant),
+        size: "large",
+        rounded: "medium",
+        children: displayText
+      },
+      id
+    ) : /* @__PURE__ */ jsx(
+      Chevron,
+      {
+        targetUrl,
+        variant: getVariant(variant),
+        children: displayText
+      },
+      id
+    )
+  ) });
+};
+export {
+  CallToActionSection
+};

package/dist/StepItemSet/sections/HeaderSection.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { QuaternaryTypes } from '../../utils/variant.types';
+
+interface HeaderSectionProps {
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    variant: QuaternaryTypes;
+}
+export declare const HeaderSection: FC<HeaderSectionProps>;
+export {};

package/dist/StepItemSet/sections/HeaderSection.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { svg_logo, modifier, sec_title, sec_subtitle } from "../StepItemSet.css.js";
+const HeaderSection = ({
+  title,
+  description,
+  variant
+}) => {
+  if (!title && !description) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "text_center", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: svg_logo,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "40",
+        height: "40",
+        fill: "none",
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: "#FAA74A",
+              d: "M4.012.513a1.726 1.726 0 0 0-2.455 0L.539 1.53a1.726 1.726 0 0 0 0 2.456L16.536 20 .539 36.014a1.726 1.726 0 0 0 0 2.456l1.018 1.017a1.726 1.726 0 0 0 2.455 0L23.464 20 4.012.513Z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: "#1E3860",
+              fillRule: "evenodd",
+              d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
+              clipRule: "evenodd",
+              className: `${modifier({ variant })}`
+            }
+          )
+        ]
+      }
+    ),
+    title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${sec_title({ variant })}`, children: title }),
+    description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
+  ] });
+};
+export {
+  HeaderSection
+};

package/dist/StepItemSet/sections/ImageSection.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ImageInterface } from '../../IconBillboard';
+
+interface ImageSectionProps {
+    image?: ImageInterface;
+}
+export declare const ImageSection: FC<ImageSectionProps>;
+export {};

package/dist/StepItemSet/sections/ImageSection.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
+import { bs_image } from "../StepItemSet.css.js";
+const ImageSection = ({ image }) => {
+  if (!image) return null;
+  return /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) });
+};
+export {
+  ImageSection
+};

package/dist/StepItemSet/sections/StepsList.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { QuaternaryTypes } from '../../utils/variant.types';
+import { StepItemProps } from '../../StepItem';
+
+interface StepsListProps {
+    stepItems?: StepItemProps[];
+    variant: QuaternaryTypes;
+}
+export declare const StepsList: FC<StepsListProps>;
+export {};

package/dist/StepItemSet/sections/StepsList.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { StepItem } from "../../StepItem/StepItem.js";
+import "../../StepItem/StepItem.css.js";
+import { steps_wrapper, ol } from "../StepItemSet.css.js";
+const StepsList = ({ stepItems, variant }) => {
+  if (!stepItems || stepItems.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems.map((step, index) => /* @__PURE__ */ jsx(
+    StepItem,
+    {
+      id: `id_${step.id}`,
+      counter: index + 1,
+      title: step?.title,
+      description: step?.description,
+      variant
+    },
+    step?.id
+  )) }) });
+};
+export {
+  StepsList
+};

package/dist/Table/Table.css.d.ts

@@ -2,11 +2,12 @@ export declare const table_section: string;
 export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {
-            background: "#f4f4f4";
+            background: `var(--${string})`;
+            border: "1px solid #f1f1f1";
             padding: "2rem 0";
         };
         standard: {
-            background: "white";
+            background: "#ffffff";
         };
     };
 }>;
@@ -70,6 +71,7 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
         true: {};
     };
 }>;
+export declare const apy_table: string;
 export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -158,7 +160,6 @@ export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const alternate_color_rows: string;
-export declare const apy_table: string;
 export declare const table_description_text: string;
 export declare const highlight_cell: string;
 export declare const highlight_th: string;

package/dist/Table/Table.css.js

@@ -13,11 +13,11 @@ var headerCell = "_1nivbwe8";
 var headerVariants = { primary: "_1nivbwe9 _1nivbwe8", secondary: "_1nivbwea _1nivbwe8", tertiary: "_1nivbweb _1nivbwe8", quaternary: "_1nivbwec _1nivbwe8" };
 var bodyHeader = "_1nivbwed";
 var th = createRuntimeFn({ defaultClassName: "_1nivbwee", variantClassNames: { variant: { primary: "_1nivbwef", secondary: "_1nivbweg", tertiary: "_1nivbweh", quaternary: "_1nivbwei" }, highlighted: { true: "_1nivbwej" } }, defaultVariants: {}, compoundVariants: [] });
-var td = createRuntimeFn({ defaultClassName: "_1nivbwek", variantClassNames: { variant: { primary: "_1nivbwel", secondary: "_1nivbwem", tertiary: "_1nivbwen", quaternary: "_1nivbweo" }, highlighted: { true: "_1nivbwep" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbweq"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwer"]] });
-var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwes", variantClassNames: { variant: { primary: "_1nivbwet", secondary: "_1nivbweu", tertiary: "_1nivbwev", quaternary: "_1nivbwew" } }, defaultVariants: {}, compoundVariants: [] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwex", variantClassNames: { variant: { primary: "_1nivbwey", secondary: "_1nivbwez", tertiary: "_1nivbwe10", quaternary: "_1nivbwe11" } }, defaultVariants: {}, compoundVariants: [] });
-var alternate_color_rows = "_1nivbwe12";
-var apy_table = "_1nivbwe13";
+var apy_table = "_1nivbwek";
+var td = createRuntimeFn({ defaultClassName: "_1nivbwel", variantClassNames: { variant: { primary: "_1nivbwem", secondary: "_1nivbwen", tertiary: "_1nivbweo", quaternary: "_1nivbwep" }, highlighted: { true: "_1nivbweq" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwer"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwes"]] });
+var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwet", variantClassNames: { variant: { primary: "_1nivbweu", secondary: "_1nivbwev", tertiary: "_1nivbwew", quaternary: "_1nivbwex" } }, defaultVariants: {}, compoundVariants: [] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwey", variantClassNames: { variant: { primary: "_1nivbwez", secondary: "_1nivbwe10", tertiary: "_1nivbwe11", quaternary: "_1nivbwe12" } }, defaultVariants: {}, compoundVariants: [] });
+var alternate_color_rows = "_1nivbwe13";
 var table_description_text = "_1nivbwe14 _1nivbwe4";
 var highlight_cell = "_1nivbwe15";
 var highlight_th = "_1nivbwe16";

package/dist/Table/Table.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
@@ -9,7 +10,6 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { createElement } from "react";
 import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
 const TableContainer = ({

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -49,7 +49,9 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
 import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
 import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -65,15 +67,12 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import "../Input/PercentageInput.js";
-import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 /* empty css                                    */
 import "react-dom";
 /* empty css                                */
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -98,6 +97,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
+/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -42,7 +42,9 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
 import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
 import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
@@ -58,15 +60,12 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import "../Input/PercentageInput.js";
-import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 /* empty css                                    */
 import "react-dom";
 /* empty css                                */
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -94,6 +93,7 @@ import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
+/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";

package/dist/WalnutIframe/wrapper.module.js

@@ -1,6 +1,6 @@
-import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
-const shimmer = "_shimmer_13j22_1";
-const wrapper_control = "_wrapper_control_13j22_39";
+import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_f1tr5_10";
+const shimmer = "_shimmer_f1tr5_1";
+const wrapper_control = "_wrapper_control_f1tr5_39";
 const css = {
   wrapper,
   shimmer,