@axos-web-dev/shared-components 0.0.19 → 0.0.21

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -13,11 +13,13 @@ import SubNavBar from "./SubNavBar.js";
 var define_process_env_default = {};
 function NavBar() {
   const [isOpenSignIn, setisOpenSignIn] = useState(false);
+  const [isOpenSignInToggle, setisOpenSignInToggle] = useState(false);
   const [isOpenMobile, setisOpenMobile] = useState(false);
   const [activeIndex, setActiveIndex] = useState();
   const [lastNavItem, setLastNavItem] = useState();
   const ref = useRef(null);
   const toggle = () => setisOpenSignIn(!isOpenSignIn);
+  const signInToggle = () => setisOpenSignInToggle(!isOpenSignInToggle);
   const mobileToggle = () => setisOpenMobile(!isOpenMobile);
   const handleClick = (index) => setActiveIndex(index);
   const [isOpenProducts, setisOpenProducts] = useState(false);
@@ -38,7 +40,7 @@ function NavBar() {
   useClickAway(ref, (e) => {
     var _a;
     if (((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.tagName) !== "A") {
-      setisOpenSignIn((_state) => false);
+      setisOpenSignIn(false);
     }
   });
   return /* @__PURE__ */ jsxs("header", { id: "header", children: [
@@ -99,8 +101,8 @@ function NavBar() {
         {
           src: "https://images.axos.com/o9ov1v03uwqk/31HAwvsRwUiiLXvlB7eGwz/275e33a478037ffac05f6e386dc24944/Vector.svg",
           alt: "",
-          width: 110,
-          height: 33
+          width: 140,
+          height: 50
         }
       ) }) }),
       /* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsxs(
@@ -172,6 +174,7 @@ function NavBar() {
                     role: "menu",
                     "aria-expanded": isOpenSignIn,
                     id: "signin-drop-menu",
+                    style: { marginBottom: "10%" },
                     children: [
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
                         /* @__PURE__ */ jsx("span", { className: styles.signin_header, children: "Personal" }),
@@ -256,200 +259,217 @@ function NavBar() {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", "aria-expanded": isOpenProducts, children: [
-            /* @__PURE__ */ jsxs(
-              "li",
-              {
-                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
-                id: "dd_1",
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "a",
-                    {
-                      href: "#",
-                      onClick: toggleProducts,
-                      role: "button",
-                      className: clsx("flex_row", "between"),
-                      children: [
-                        "Products",
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: clsx(
-                              styles.icon_wrap,
-                              isOpenProducts && styles.open
-                            ),
-                            children: /* @__PURE__ */ jsx(
-                              "svg",
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs(
+            "ul",
+            {
+              className: "list_unstyled",
+              "aria-expanded": isOpenProducts,
+              style: { marginBottom: "20%" },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                    id: "dd_1",
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "a",
+                        {
+                          href: "#",
+                          onClick: toggleProducts,
+                          role: "button",
+                          className: clsx("flex_row", "between"),
+                          children: [
+                            "Products",
+                            /* @__PURE__ */ jsx(
+                              "span",
                               {
-                                xmlns: "http://www.w3.org/2000/svg",
-                                width: "24",
-                                height: "24",
-                                viewBox: "0 0 24 24",
-                                fill: "none",
+                                className: clsx(
+                                  styles.icon_wrap,
+                                  isOpenProducts && styles.open
+                                ),
                                 children: /* @__PURE__ */ jsx(
-                                  "path",
+                                  "svg",
                                   {
-                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                                    fill: "#4A5560"
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    width: "24",
+                                    height: "24",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    children: /* @__PURE__ */ jsx(
+                                      "path",
+                                      {
+                                        d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                        fill: "#4A5560"
+                                      }
+                                    )
                                   }
                                 )
                               }
                             )
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: clsx(styles.sub_menu, isOpenProducts && expand),
-                      children: [
-                        /* @__PURE__ */ jsx("a", { href: "/products", className: styles.main, role: "heading", children: "Products Home" }),
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/products/select-high-yield-money-market",
-                            role: "menuitem",
-                            children: "Select High Yield Money Market"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("a", { href: "/products/select-cds", role: "menuitem", children: "Select CDs" }),
-                        /* @__PURE__ */ jsx("a", { href: "/products/select-checking", role: "menuitem", children: "Select Checking" }),
-                        /* @__PURE__ */ jsx("a", { href: "/products/select-savings", role: "menuitem", children: "Select Savings" }),
-                        /* @__PURE__ */ jsx("a", { href: "/products/business-banking", role: "menuitem", children: "Business Banking" }),
-                        /* @__PURE__ */ jsx("a", { href: "/products/mortgage", role: "menuitem", children: "Mortgage" }),
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/products/premier-world-checking-and-savings",
-                            className: styles.main,
-                            role: "heading",
-                            children: "Private Client"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/products/premier-private-client-banking",
-                            role: "menuitem",
-                            children: "Advisor Private Client Banking"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", role: "menuitem", children: "InsureGuard+" }),
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/products/premier-world-checking-and-savings",
-                            role: "menuitem",
-                            children: "Advisor World Checking and Savings"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_2", children: /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "/find-your-advisor",
-                role: "button",
-                className: `flex_row between ${styles.btn}`,
-                children: "Find Your Advisor"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx("a", { href: "/rias", role: "button", className: "flex_row between", children: "RIAs" }) }),
-            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "/resources",
-                role: "button",
-                className: "flex_row between",
-                children: "Resources"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "/contact-us",
-                role: "button",
-                className: "flex_row between",
-                children: "Contact Us"
-              }
-            ) }),
-            /* @__PURE__ */ jsxs(
-              "li",
-              {
-                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
-                id: "dd_2",
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "a",
-                    {
-                      href: "#",
-                      role: "button",
-                      className: `flex_row between ${styles.btn}`,
-                      onClick: toggle,
-                      children: [
-                        "Sign In",
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: clsx(
-                              styles.icon_wrap,
-                              isOpenSignIn && styles.open
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: clsx(styles.sub_menu, isOpenProducts && expand),
+                          children: [
+                            /* @__PURE__ */ jsx("a", { href: "/products", className: styles.main, role: "heading", children: "Products Home" }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: "/products/select-high-yield-money-market",
+                                role: "menuitem",
+                                children: "Select High Yield Money Market"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("a", { href: "/products/select-cds", role: "menuitem", children: "Select CDs" }),
+                            /* @__PURE__ */ jsx("a", { href: "/products/select-checking", role: "menuitem", children: "Select Checking" }),
+                            /* @__PURE__ */ jsx("a", { href: "/products/select-savings", role: "menuitem", children: "Select Savings" }),
+                            /* @__PURE__ */ jsx("a", { href: "/products/business-banking", role: "menuitem", children: "Business Banking" }),
+                            /* @__PURE__ */ jsx("a", { href: "/products/mortgage", role: "menuitem", children: "Mortgage" }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: "/products/premier-world-checking-and-savings",
+                                className: styles.main,
+                                role: "heading",
+                                children: "Private Client"
+                              }
                             ),
-                            children: /* @__PURE__ */ jsx(
-                              "svg",
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: "/products/premier-private-client-banking",
+                                role: "menuitem",
+                                children: "Advisor Private Client Banking"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", role: "menuitem", children: "InsureGuard+" }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: "/products/premier-world-checking-and-savings",
+                                role: "menuitem",
+                                children: "Advisor World Checking and Savings"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_2", children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: "/find-your-advisor",
+                    role: "button",
+                    className: `flex_row between ${styles.btn}`,
+                    children: "Find Your Advisor"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx("a", { href: "/rias", role: "button", className: "flex_row between", children: "RIAs" }) }),
+                /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: "/resources",
+                    role: "button",
+                    className: "flex_row between",
+                    children: "Resources"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: "/contact-us",
+                    role: "button",
+                    className: "flex_row between",
+                    children: "Contact Us"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                    id: "dd_2",
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "a",
+                        {
+                          href: "#",
+                          role: "button",
+                          className: `flex_row between ${styles.btn}`,
+                          onClick: signInToggle,
+                          children: [
+                            "Sign In",
+                            /* @__PURE__ */ jsx(
+                              "span",
                               {
-                                xmlns: "http://www.w3.org/2000/svg",
-                                width: "24",
-                                height: "24",
-                                viewBox: "0 0 24 24",
-                                fill: "none",
+                                className: clsx(
+                                  styles.icon_wrap,
+                                  isOpenSignInToggle && styles.open
+                                ),
                                 children: /* @__PURE__ */ jsx(
-                                  "path",
+                                  "svg",
                                   {
-                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                                    fill: "#4A5560"
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    width: "24",
+                                    height: "24",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    children: /* @__PURE__ */ jsx(
+                                      "path",
+                                      {
+                                        d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                        fill: "#4A5560"
+                                      }
+                                    )
                                   }
                                 )
                               }
                             )
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: clsx(styles.sub_menu, isOpenSignIn && expand), children: [
-                    /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Personal" }),
-                    /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href: `https://onlinebanking.uat.axsobank.com/auth/login`,
-                        role: "menuitem",
-                        children: "Account Login"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Business" }),
-                    /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href: "https://www.netteller.com/axosbank",
-                        role: "menuitem",
-                        children: "Business Banking Login"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Advisors" }),
-                    /* @__PURE__ */ jsx("a", { href: "https://arms.axosadvisor.com/", role: "menuitem", children: "Advisors Login" })
-                  ] })
-                ]
-              }
-            )
-          ] }) }),
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: clsx(
+                            styles.sub_menu,
+                            isOpenSignInToggle && expand
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Personal" }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: `https://onlinebanking.axsobank.com/auth/login`,
+                                role: "menuitem",
+                                children: "Account Login"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Business" }),
+                            /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: "https://www.netteller.com/axosbank",
+                                role: "menuitem",
+                                children: "Business Banking Login"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Advisors" }),
+                            /* @__PURE__ */ jsx("a", { href: "https://arms.axosadvisor.com/", role: "menuitem", children: "Advisors Login" })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsxs("div", { className: "flex_row between", children: [
             /* @__PURE__ */ jsxs(
               "div",

package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js

@@ -1,43 +1,43 @@
-const header = "_header_1witk_1";
-const wrapper = "_wrapper_1witk_5";
-const header_main_row = "_header_main_row_1witk_11";
-const mobile_header = "_mobile_header_1witk_12";
-const logo_wrap = "_logo_wrap_1witk_18";
-const primary_links = "_primary_links_1witk_22";
-const main_nav = "_main_nav_1witk_26";
-const main_nav_link = "_main_nav_link_1witk_33";
-const sub_nav_link = "_sub_nav_link_1witk_55";
-const signin_wrap = "_signin_wrap_1witk_57";
-const signin_btn = "_signin_btn_1witk_58";
-const sub_nav = "_sub_nav_1witk_55";
-const header_sub_row = "_header_sub_row_1witk_99";
-const shadow = "_shadow_1witk_115";
-const opacity = "_opacity_1witk_131";
-const fadeInDown = "_fadeInDown_1witk_1";
-const footer = "_footer_1witk_137";
-const open = "_open_1witk_153";
-const mt_8 = "_mt_8_1witk_161";
-const mt_16 = "_mt_16_1witk_165";
-const ml_8 = "_ml_8_1witk_169";
-const reversed_row = "_reversed_row_1witk_173";
-const nav_anchor = "_nav_anchor_1witk_177";
-const site_lists = "_site_lists_1witk_188";
-const hamburger = "_hamburger_1witk_192";
-const mobile_logo = "_mobile_logo_1witk_206";
-const mobile_nav = "_mobile_nav_1witk_229";
-const mobile_opened = "_mobile_opened_1witk_241";
-const mobile_nav_item = "_mobile_nav_item_1witk_245";
-const icon_wrap = "_icon_wrap_1witk_260";
-const mobile_footer = "_mobile_footer_1witk_265";
-const mobile_footer_content = "_mobile_footer_content_1witk_271";
-const mobile_footer_media = "_mobile_footer_media_1witk_285";
-const footer_cta = "_footer_cta_1witk_292";
-const inner_wrapper = "_inner_wrapper_1witk_324";
-const btn = "_btn_1witk_328";
-const sub_menu = "_sub_menu_1witk_333";
-const main = "_main_1witk_26";
-const desktop_only = "_desktop_only_1witk_362";
-const mobile_only = "_mobile_only_1witk_409";
+const header = "_header_65wbl_1";
+const wrapper = "_wrapper_65wbl_5";
+const header_main_row = "_header_main_row_65wbl_11";
+const mobile_header = "_mobile_header_65wbl_12";
+const logo_wrap = "_logo_wrap_65wbl_18";
+const primary_links = "_primary_links_65wbl_22";
+const main_nav = "_main_nav_65wbl_26";
+const main_nav_link = "_main_nav_link_65wbl_33";
+const sub_nav_link = "_sub_nav_link_65wbl_55";
+const signin_wrap = "_signin_wrap_65wbl_57";
+const signin_btn = "_signin_btn_65wbl_58";
+const sub_nav = "_sub_nav_65wbl_55";
+const header_sub_row = "_header_sub_row_65wbl_99";
+const shadow = "_shadow_65wbl_115";
+const opacity = "_opacity_65wbl_131";
+const fadeInDown = "_fadeInDown_65wbl_1";
+const footer = "_footer_65wbl_137";
+const open = "_open_65wbl_153";
+const mt_8 = "_mt_8_65wbl_161";
+const mt_16 = "_mt_16_65wbl_165";
+const ml_8 = "_ml_8_65wbl_169";
+const reversed_row = "_reversed_row_65wbl_173";
+const nav_anchor = "_nav_anchor_65wbl_177";
+const site_lists = "_site_lists_65wbl_188";
+const hamburger = "_hamburger_65wbl_192";
+const mobile_logo = "_mobile_logo_65wbl_206";
+const mobile_nav = "_mobile_nav_65wbl_229";
+const mobile_opened = "_mobile_opened_65wbl_241";
+const mobile_nav_item = "_mobile_nav_item_65wbl_245";
+const icon_wrap = "_icon_wrap_65wbl_260";
+const mobile_footer = "_mobile_footer_65wbl_265";
+const mobile_footer_content = "_mobile_footer_content_65wbl_271";
+const mobile_footer_media = "_mobile_footer_media_65wbl_285";
+const footer_cta = "_footer_cta_65wbl_292";
+const inner_wrapper = "_inner_wrapper_65wbl_324";
+const btn = "_btn_65wbl_328";
+const sub_menu = "_sub_menu_65wbl_333";
+const main = "_main_65wbl_26";
+const desktop_only = "_desktop_only_65wbl_362";
+const mobile_only = "_mobile_only_65wbl_409";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosFiduciary/index.js

@@ -85,8 +85,8 @@ const NavBarAFS = () => {
         {
           src: "//images.axos.com/o9ov1v03uwqk/70DeSnNiwKxnnpoNEmdHYc/c89285e7f92b31397b49e09ddb9ea14d/afs-logo-mobile.svg",
           alt: "",
-          width: 113,
-          height: 58
+          width: 140,
+          height: 50
         }
       ) })
     ] }) }) }),

package/dist/SecondaryFooter/index.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import { Hyperlink } from "../Hyperlink/index.js";
 import clsx from "clsx";
 import { secondary_footer, footer_items_wrapper, footer_item, footer_link } from "./SecondaryFooter.css.js";
 const SecondaryFooter = (props) => {
   const { items } = props;
-  return /* @__PURE__ */ jsx("div", { className: clsx(secondary_footer, "containment section_spacer"), children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx("a", { href: item.targetURL, className: footer_link, "aria-label": "", children: item.displayText }) }, item.id)) }) });
+  return /* @__PURE__ */ jsx("div", { className: clsx(secondary_footer, "containment section_spacer"), children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: item.targetURL, className: footer_link, children: item.displayText }) }, item.id)) }) });
 };
 export {
   SecondaryFooter

package/dist/SetContainer/SetContainer.js

@@ -12,7 +12,7 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Modal/contextApi/store.js";
 import { getVariant } from "../utils/getVariant.js";
-import "clsx";
+import clsx from "clsx";
 import "react";
 import "../Button/Button.css.js";
 import "react-use";
@@ -54,7 +54,7 @@ const SetContainer = ({
 }) => {
   const billboard_variant = getVariant(variant);
   return /* @__PURE__ */ jsxs("section", { className: `containment section_spacer`, children: [
-    /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+    (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
       headline && /* @__PURE__ */ jsx(
         "h2",
         {
@@ -65,7 +65,7 @@ const SetContainer = ({
       bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
     ] }),
     /* @__PURE__ */ jsx("div", { className: `${inline_container}`, children }),
-    additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+    additionalDetails && /* @__PURE__ */ jsx("div", { className: clsx(section_text, "push_up_32"), children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
   ] }, id);
 };
 export {

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

@@ -158,3 +158,4 @@ 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;

package/dist/Table/Table.css.js

@@ -16,6 +16,7 @@ var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwer", variantClass
 var table = createRuntimeFn({ defaultClassName: "_1nivbwew", variantClassNames: { variant: { primary: "_1nivbwex", secondary: "_1nivbwey", tertiary: "_1nivbwez", quaternary: "_1nivbwe10" } }, defaultVariants: {}, compoundVariants: [] });
 var alternate_color_rows = "_1nivbwe11";
 var apy_table = "_1nivbwe12";
+var table_description_text = "_1nivbwe13 _1nivbwe3";
 export {
   alternate_color_rows,
   apy_table,
@@ -28,6 +29,7 @@ export {
   tableWrapper,
   table_container,
   table_container_text,
+  table_description_text,
   table_headline,
   td,
   th

package/dist/Table/Table.d.ts

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

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

@@ -19,4 +19,5 @@ export interface TableContainerProps extends PropsWithChildren {
     tableBody?: ReactNode | string;
     tableFooter: ReactNode | string;
     tableType?: string;
+    tableDescription?: ReactNode | string;
 }