@axos-web-dev/shared-components 2.2.24-url → 2.2.25

package/dist/SetContainer/SetContainer.js

@@ -4,7 +4,7 @@ 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";
-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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -28,6 +28,7 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import { setcontainer_section_text, inline_container, set_container_cols, setcontainer_section_additionaltext, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -83,7 +84,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import { setcontainer_section_text, inline_container, set_container_cols, setcontainer_section_additionaltext, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
@@ -104,13 +104,13 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/SocialMediaBar/iconsRepository.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/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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -28,6 +28,10 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "next/image.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -79,10 +83,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -101,13 +101,13 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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

@@ -7,14 +7,17 @@ export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "48px";
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "48px";
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "48px";
         };
     };
 }>;

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

@@ -23,6 +23,9 @@ export declare const table_container: import('@vanilla-extract/recipes').Runtime
         };
     };
 }>;
+/** Marker classes for TableContainer + SetContainer (styles applied to inner .containment) */
+export declare const table_set_apy: string;
+export declare const table_set_standard: string;
 export declare const table_container_text: string;
 export declare const table_headline: string;
 export declare const highlight_first_row: string;

package/dist/Table/Table.css.js

@@ -1,29 +1,32 @@
-import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/Table/Table.css';import '../assets/SetContainer/SetContainer.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                    */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
+/* empty css                                              */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var table_section = createRuntimeFn({ defaultClassName: "_1nivbwe0", variantClassNames: { variant: { primary: "_1nivbwe1", secondary: "_1nivbwe2", tertiary: "_1nivbwe3", quaternary: "_1nivbwe4" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
 var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe5", variantClassNames: { variant: { apy: "_1nivbwe6", standard: "_1nivbwe7" } }, defaultVariants: {}, compoundVariants: [] });
-var table_container_text = "_1nivbwe8";
-var table_headline = "_1nivbwe9";
-var highlight_first_row = "_1nivbwea";
-var highlight_last_row = "_1nivbweb";
-var headerCell = "_1nivbwec";
-var headerVariants = { primary: "_1nivbwed _1nivbwec", secondary: "_1nivbwee _1nivbwec", tertiary: "_1nivbwef _1nivbwec", quaternary: "_1nivbweg _1nivbwec" };
-var bodyHeader = "_1nivbweh";
-var th = createRuntimeFn({ defaultClassName: "_1nivbwei", variantClassNames: { variant: { primary: "_1nivbwej", secondary: "_1nivbwek", tertiary: "_1nivbwel", quaternary: "_1nivbwem" }, highlighted: { true: "_1nivbwen" } }, defaultVariants: {}, compoundVariants: [] });
-var apy_table = "_1nivbweo";
-var td = createRuntimeFn({ defaultClassName: "_1nivbwep", variantClassNames: { variant: { primary: "_1nivbweq", secondary: "_1nivbwer", tertiary: "_1nivbwes", quaternary: "_1nivbwet" }, highlighted: { true: "_1nivbweu" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwev"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwew"]] });
-var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwex", variantClassNames: { variant: { primary: "_1nivbwey", secondary: "_1nivbwez", tertiary: "_1nivbwe10", quaternary: "_1nivbwe11" } }, defaultVariants: {}, compoundVariants: [] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwe12", variantClassNames: { variant: { primary: "_1nivbwe13", secondary: "_1nivbwe14", tertiary: "_1nivbwe15", quaternary: "_1nivbwe16" } }, defaultVariants: {}, compoundVariants: [] });
-var alternate_color_rows = "_1nivbwe17";
-var table_description_text = "_1nivbwe18 _1nivbwe8";
-var highlight_cell = "_1nivbwe19";
-var highlight_th = "_1nivbwe1a";
+var table_set_apy = "_1nivbwe8";
+var table_set_standard = "_1nivbwe9";
+var table_container_text = "_1nivbwea";
+var table_headline = "_1nivbweb";
+var highlight_first_row = "_1nivbwec";
+var highlight_last_row = "_1nivbwed";
+var headerCell = "_1nivbwee";
+var headerVariants = { primary: "_1nivbwef _1nivbwee", secondary: "_1nivbweg _1nivbwee", tertiary: "_1nivbweh _1nivbwee", quaternary: "_1nivbwei _1nivbwee" };
+var bodyHeader = "_1nivbwej";
+var th = createRuntimeFn({ defaultClassName: "_1nivbwek", variantClassNames: { variant: { primary: "_1nivbwel", secondary: "_1nivbwem", tertiary: "_1nivbwen", quaternary: "_1nivbweo" }, highlighted: { true: "_1nivbwep" } }, defaultVariants: {}, compoundVariants: [] });
+var apy_table = "_1nivbweq";
+var td = createRuntimeFn({ defaultClassName: "_1nivbwer", variantClassNames: { variant: { primary: "_1nivbwes", secondary: "_1nivbwet", tertiary: "_1nivbweu", quaternary: "_1nivbwev" }, highlighted: { true: "_1nivbwew" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwex"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwey"]] });
+var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwez", variantClassNames: { variant: { primary: "_1nivbwe10", secondary: "_1nivbwe11", tertiary: "_1nivbwe12", quaternary: "_1nivbwe13" } }, defaultVariants: {}, compoundVariants: [] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwe14", variantClassNames: { variant: { primary: "_1nivbwe15", secondary: "_1nivbwe16", tertiary: "_1nivbwe17", quaternary: "_1nivbwe18" } }, defaultVariants: {}, compoundVariants: [] });
+var alternate_color_rows = "_1nivbwe19";
+var table_description_text = "_1nivbwe1a _1nivbwea";
+var highlight_cell = "_1nivbwe1b";
+var highlight_th = "_1nivbwe1c";
 export {
   alternate_color_rows,
   apy_table,
@@ -41,6 +44,8 @@ export {
   table_description_text,
   table_headline,
   table_section,
+  table_set_apy,
+  table_set_standard,
   td,
   th
 };

package/dist/Table/Table.d.ts

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

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

@@ -1,3 +1,4 @@
+import { SetContainerProps } from '../SetContainer';
 import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
@@ -18,14 +19,10 @@ export interface TableProps extends PropsWithChildren {
     className?: string;
     tableAriaLabel?: string;
 }
-export interface TableContainerProps extends PropsWithChildren {
-    id?: string;
-    variant: string;
+export interface TableContainerProps extends SetContainerProps {
+    tableType?: "Standard" | "Rate";
     tableTitle?: ReactNode | string;
-    tableBody?: ReactNode | string;
-    tableFooter?: ReactNode | string;
-    tableType?: string;
     tableDescription?: ReactNode | string;
-    internalName?: string;
-    icon?: boolean;
+    tableFooter?: ReactNode | string;
+    tableBody?: ReactNode | string;
 }

package/dist/Table/Table.js

@@ -1,54 +1,44 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } 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";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
-/* empty css                               */
-/* empty css                                    */
-/* empty css                                                    */
-/* empty css                                                */
+import { SetContainer } from "../SetContainer/SetContainer.js";
+import "../SetContainer/SetContainer.css.js";
 import { getVariant } from "../utils/getVariant.js";
 import { createElement } from "react";
-import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_container_text, table_headline, table_description_text, table_container, table_section } from "./Table.css.js";
+import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_set_apy, table_set_standard, table_section } from "./Table.css.js";
 const TableContainer = ({
-  tableTitle,
-  tableBody,
-  tableFooter,
+  headline,
+  bodyCopy,
+  additionalDetails,
+  children,
   tableType = "Standard",
+  tableTitle,
   tableDescription,
+  tableFooter,
+  tableBody,
   internalName,
   id,
   icon,
-  variant = "primary"
+  variant = "primary",
+  eyebrow
 }) => {
-  const container_variant = getVariant(variant);
   return /* @__PURE__ */ jsx(
-    "section",
+    SetContainer,
     {
-      id: internalName?.replace(/ /g, "-"),
-      className: table_section({ variant: container_variant }),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: clsx(
-            tableType === "Rate" ? table_container({ variant: "apy" }) : table_container({ variant: "standard" }),
-            "containment"
-          ),
-          children: [
-            (tableTitle || icon) && /* @__PURE__ */ jsxs("div", { className: table_container_text, children: [
-              icon && /* @__PURE__ */ jsx("div", { className: "mb_16 text_center", children: /* @__PURE__ */ jsx(SvgComponent, {}) }),
-              /* @__PURE__ */ jsx("h2", { className: clsx("header_2", table_headline), children: tableTitle })
-            ] }),
-            tableDescription && /* @__PURE__ */ jsx("div", { className: table_description_text, children: tableDescription }),
-            tableBody,
-            tableFooter && /* @__PURE__ */ jsx("div", { className: clsx(table_container_text, "push_up_24"), children: tableFooter })
-          ]
-        }
-      )
-    },
-    id
+      id,
+      variant,
+      headline: headline ?? tableTitle,
+      bodyCopy: bodyCopy ?? tableDescription,
+      additionalDetails: additionalDetails ?? tableFooter,
+      icon,
+      eyebrow,
+      internalName,
+      numberOfColumns: "1 Column",
+      className: clsx(
+        tableType === "Rate" ? table_set_apy : table_set_standard,
+        table_section({ variant: getVariant(variant) })
+      ),
+      children: children ?? tableBody
+    }
   );
 };
 const Table = ({

package/dist/Table/index.js

@@ -1,5 +1,5 @@
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table.js";
-import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table.css.js";
+import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, table_set_apy, table_set_standard, td, th } from "./Table.css.js";
 export {
   Table,
   TableBody,
@@ -23,6 +23,8 @@ export {
   table_description_text,
   table_headline,
   table_section,
+  table_set_apy,
+  table_set_standard,
   td,
   th
 };

package/dist/TopicalNavItem/TopicalNavItem.css.d.ts

@@ -1,5 +1,4 @@
 export declare const picker_navItem: string;
 export declare const picker_itemProduct: string;
-export declare const picker_arrow: string;
 export declare const picker_itemContent: string;
 export declare const picker_navIcon: string;

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,11 +1,9 @@
 import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
-var picker_arrow = "dmebjx2";
-var picker_itemContent = "dmebjx3";
-var picker_navIcon = "dmebjx4";
+var picker_itemContent = "dmebjx2";
+var picker_navIcon = "dmebjx3";
 export {
-  picker_arrow,
   picker_itemContent,
   picker_itemProduct,
   picker_navIcon,

package/dist/TopicalNavItem/TopicalNavItem.js

@@ -1,46 +1,24 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Hyperlink } from "../Hyperlink/index.js";
-import { picker_navItem, picker_itemContent, picker_navIcon, picker_itemProduct, picker_arrow } from "./TopicalNavItem.css.js";
+import { picker_navItem, picker_itemContent, picker_navIcon, picker_itemProduct } from "./TopicalNavItem.css.js";
 const TopicalNavItem = ({
   id,
   icon,
   displayText,
   targetUrl
 }) => {
-  return /* @__PURE__ */ jsxs(Hyperlink, { className: picker_navItem, targetUrl, id: `id_${id}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: picker_itemContent, children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: icon?.src,
-          alt: "",
-          className: picker_navIcon,
-          width: 24,
-          height: 24,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: picker_itemProduct, children: displayText })
-    ] }),
+  return /* @__PURE__ */ jsx(Hyperlink, { className: picker_navItem, targetUrl, id: `id_${id}`, children: /* @__PURE__ */ jsxs("div", { className: picker_itemContent, children: [
     /* @__PURE__ */ jsx(
-      "svg",
+      "img",
       {
-        className: picker_arrow,
-        width: "12",
-        height: "20",
-        viewBox: "0 0 12 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
-            fill: "#4A5560"
-          }
-        )
+        src: icon?.src,
+        alt: "",
+        className: picker_navIcon,
+        "aria-hidden": "true"
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ jsx("p", { className: picker_itemProduct, children: displayText })
+  ] }) });
 };
 export {
   TopicalNavItem

package/dist/TopicalNavItem/index.js

@@ -1,8 +1,7 @@
-import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem.css.js";
+import { picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem.css.js";
 import { TopicalNavItem } from "./TopicalNavItem.js";
 export {
   TopicalNavItem,
-  picker_arrow,
   picker_itemContent,
   picker_itemProduct,
   picker_navIcon,

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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -36,6 +36,10 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "next/image.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -87,10 +91,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -107,13 +107,13 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -29,6 +29,10 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "next/image.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -80,10 +84,6 @@ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -103,13 +103,13 @@ import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/assets/Article/Article.css

@@ -2,15 +2,23 @@
   position: relative;
 }
 .n5hj5p2 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm83);
   border: 1px solid #B9C1CE;
 }
 .n5hj5p3 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm8a);
   border: none;
 }
 .n5hj5p4 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8h);
   border: none;
 }
 .n5hj5p5 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8o);
   border: none;
 }
 .n5hj5p6 {
@@ -73,19 +81,15 @@
 }
 .n5hj5pj {
   color: var(--_1073cm83);
-  background: var(--_1073cm81);
 }
 .n5hj5pk {
   color: var(--_1073cm8a);
-  background: var(--_1073cm88);
 }
 .n5hj5pl {
   color: var(--_1073cm8h);
-  background: var(--_1073cm8f);
 }
 .n5hj5pm {
   color: var(--_1073cm8o);
-  background: var(--_1073cm8m);
 }
 .n5hj5pn {
   border: 2px solid transparent;