@axos-web-dev/shared-components 0.0.138 → 0.0.139

package/dist/Comparison/Comparison.css.js

@@ -1,5 +1,9 @@
 /* empty css                                */
 /* empty css                                   */
+/* empty css                                              */
+/* empty css                                              */
+/* empty css                                                    */
+/* empty css                                                */
 /* empty css                                */
 /* empty css                                          */
 /* empty css                              */

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -118,14 +118,14 @@ function SubNavBar() {
         "/customer-support",
         "/about-us",
         "/legal",
-        "/commercial/banking/",
-        "/commercial/lending/"
+        "/commercial",
+        "/invest/insights"
       ].some((el) => pathname?.includes(el) || isHomepage)
     );
   }, [pathname]);
   return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsxs("nav", { children: [
     /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
-      (isHomepage || pathname?.includes("/personal")) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      (isHomepage || pathname?.includes("/personal") || pathname?.includes("/invest/insights")) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {
@@ -251,7 +251,7 @@ function SubNavBar() {
           }
         ) })
       ] }),
-      (pathname?.includes("/business") || pathname?.includes("/commercial/banking/") || pathname?.includes("/commercial/lending/")) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      (pathname?.includes("/business") || pathname?.includes("/commercial")) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
           "a",
           {

package/dist/Table/Table.d.ts

@@ -1,8 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: 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;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,7 @@ export interface TableProps extends PropsWithChildren {
     alternateColorRows?: boolean;
     style?: CSSProperties;
     className?: string;
+    tableAriaLabel?: string;
 }
 export interface TableContainerProps extends PropsWithChildren {
     id?: string;
@@ -25,4 +26,5 @@ export interface TableContainerProps extends PropsWithChildren {
     tableType?: string;
     tableDescription?: ReactNode | string;
     internalName?: string;
+    icon?: boolean;
 }

package/dist/Table/Table.js

@@ -1,4 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import SvgComponent from "../icons/AxosX/Blue.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
@@ -11,7 +18,8 @@ const TableContainer = ({
   tableType = "Standard",
   tableDescription,
   internalName,
-  id
+  id,
+  icon
 }) => {
   return /* @__PURE__ */ jsx(
     "section",
@@ -26,7 +34,10 @@ const TableContainer = ({
             "containment"
           ),
           children: [
-            tableTitle && /* @__PURE__ */ jsx("div", { className: table_container_text, children: /* @__PURE__ */ jsx("h2", { className: clsx("header_2", table_headline), children: tableTitle }) }),
+            (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 })
@@ -44,7 +55,8 @@ const Table = ({
   tableType = "Standard",
   alternateColorRows = false,
   style,
-  className
+  className,
+  tableAriaLabel
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -60,6 +72,7 @@ const Table = ({
       children: /* @__PURE__ */ jsx(
         "table",
         {
+          "aria-label": tableAriaLabel,
           className: clsx(
             table({ variant: getVariant(variant) }),
             highlight === "First Row" && highlight_first_row,

package/dist/Tooltip/Tooltip.css.js

@@ -0,0 +1 @@
+import "./Tooltip.css.ts.vanilla.css.js";

package/dist/Tooltip/Tooltip.css.ts.vanilla.css.js

@@ -0,0 +1 @@
+

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1 @@
+export declare const Tooltip: () => import("react/jsx-runtime").JSX.Element;

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,11 @@
+import { jsxs } from "react/jsx-runtime";
+const Tooltip = () => {
+  return /* @__PURE__ */ jsxs("a", { onMouseOver: () => {
+  }, href: "#", className: "show-tooltips", children: [
+    " ",
+    "Link 2"
+  ] });
+};
+export {
+  Tooltip
+};

package/dist/Tooltip/index.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.138",
+  "version": "0.0.139",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",