@axos-web-dev/shared-components 0.0.11 → 0.0.12

package/dist/assets/Table/Table.css

@@ -14,12 +14,16 @@
   -webkit-text-fill-color: transparent;
 }
 ._1nivbwe3 tbody tr:first-child td {
-  background-color: #DEF4FF;
-  color: var(--_1073cm82);
+  background-color: #DEF4FF !important;
+  background: #DEF4FF !important;
+  color: #1E3860;
+  font-size: 20px;
 }
 ._1nivbwe4 tbody tr:last-child td {
-  background-color: #DEF4FF;
-  color: var(--_1073cm82);
+  background-color: #DEF4FF !important;
+  background: #DEF4FF !important;
+  color: #1E3860;
+  font-size: 20px;
 }
 ._1nivbwe5 {
   font-size: 16px;
@@ -50,6 +54,10 @@
   padding: 16px;
   border-bottom: thin solid #F4F4F4;
 }
+._1nivbweb:first-child {
+  position: sticky;
+  left: 0;
+}
 ._1nivbwec {
   color: #4A5560;
   background: var(--_1073cm81);
@@ -103,7 +111,7 @@
 }
 ._1nivbwek:first-child {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g) !important;
+  color: var(--_1073cm8g);
 }
 ._1nivbwel {
   color: var(--_1073cm8n);
@@ -111,7 +119,7 @@
 }
 ._1nivbwel:first-child {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n) !important;
+  color: var(--_1073cm8n);
 }
 ._1nivbwen {
   background: #F4F4F4;
@@ -123,40 +131,55 @@ tr:last-child td {
   border-bottom: 0;
 }
 ._1nivbwep {
+  width: 100%;
+  overflow: hidden;
+  margin: auto;
+  border-radius: 1rem;
+}
+._1nivbweq {
+  border: 1px solid var(--_1073cm87);
+}
+._1nivbwer {
+  border: 1px solid var(--_1073cm8e);
+}
+._1nivbwes {
+  border: none;
+}
+._1nivbwet {
+  border: none;
+}
+._1nivbweu {
   background-color: white;
   position: relative;
-  border-radius: 1rem;
   overflow: hidden;
   border-collapse: separate;
   border-spacing: 0;
-  border: 1px solid #F4F4F4;
   height: 100%;
   width: 100%;
-  min-width: 1200px;
   table-layout: fixed;
 }
-._1nivbweq {
+._1nivbwev {
   background: var(--_1073cm81);
-  border: 1px solid var(--_1073cm87);
 }
-._1nivbwer {
+._1nivbwew {
   background: var(--_1073cm88);
-  border: 1px solid var(--_1073cm8e);
 }
-._1nivbwes {
+._1nivbwex {
   background: var(--_1073cm8f);
-  border: 1px solid var(--_1073cm8l);
 }
-._1nivbwet {
+._1nivbwey {
   background: var(--_1073cm8m);
-  border: 1px solid var(--_1073cm8s);
+}
+._1nivbweq ._1nivbwez tr:nth-child(odd) td {
+  background: #F4F4F4;
+}
+._1nivbwer ._1nivbwez tr:nth-child(odd) td {
+  background: #FFFFFF;
 }
 @media screen and (max-width: 768px) {
   ._1nivbweb:first-child {
-    position: sticky;
     box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     z-index: 2;
-    left: 0;
     top: 0;
     width: 25%;
   }
@@ -174,9 +197,22 @@ tr:last-child td {
     z-index: 2;
     width: 25%;
   }
-  ._1nivbwep {
+  ._1nivbweu {
     border-radius: 0;
     overflow: auto;
+    min-width: 900px;
+    width: auto;
+  }
+}
+@media screen and (max-width: 400px) {
+  ._1nivbweb:first-child {
+    width: 20%;
+  }
+  ._1nivbweh:first-child {
+    width: 20%;
+  }
+  ._1nivbweu {
+    min-width: 650px;
   }
 }
 @media screen and (max-width: 327px) {
@@ -189,7 +225,7 @@ tr:last-child td {
   ._1nivbwel:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwep {
+  ._1nivbweu {
     overflow-x: auto;
   }
 }
@@ -198,4 +234,8 @@ tr:last-child td {
     font-size: 28px;
     line-height: 1.29;
   }
+  ._1nivbwep {
+    border-radius: 0;
+    overflow-x: scroll;
+  }
 }

package/dist/assets/VideoTile/VideoTile.css

@@ -63,6 +63,7 @@
 }
 ._16puo4gb {
   max-height: 304px;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 }
 ._16puo4gc {
   display: none;

package/dist/assets/globals.css

@@ -27,7 +27,6 @@ a {
 }
 body {
   font-family: var(--main-font-family);
-  font-family: sans-serif;
   font-size: 16px;
   line-height: 1.39;
   letter-spacing: 0.2px;
@@ -127,11 +126,9 @@ body {
   line-height: 26px;
   letter-spacing: 0.2px;
   font-family: var(--main-font-family);
-  font-family: sans-serif;
 }
 h1, h2, h3, h4, h5, h6 {
   font-family: var(--header-font-family);
-  font-family: sans-serif;
 }
 .header_1 {
   font-size: 2.5rem;

package/dist/main.js

@@ -4,7 +4,9 @@ import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, p
 import { AlertBanner } from "./AlertBanner/index.js";
 import { ApyCalculator } from "./ApyCalculator/index.js";
 import { BulletItem } from "./BulletItem/BulletItem.js";
-import { Button } from "./Button/index.js";
+import { Button } from "./Button/Button.js";
+import { button } from "./Button/Button.css.js";
+import { GoBackButton } from "./Button/GoBackButton.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
@@ -34,7 +36,7 @@ import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SetContainer } from "./SetContainer/SetContainer.js";
 import { inline_container } from "./SetContainer/SetContainer.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
-import { bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, table_container, table_container_text, table_headline, td, th } from "./Table/Table.css.js";
+import { alternate_color_rows, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
 import { VideoInit } from "./VideoTile/VideoInit.js";
@@ -69,6 +71,7 @@ export {
   FooterDisclosure,
   FooterIcons,
   FooterParagraph,
+  GoBackButton,
   HeroBanner,
   IconBillboard,
   IconBillboardSet,
@@ -97,6 +100,7 @@ export {
   VideoWrapper,
   accordion,
   actions,
+  alternate_color_rows,
   associatedEmail,
   axosTheme,
   billboard,
@@ -109,6 +113,7 @@ export {
   body,
   bodyAccordion,
   bodyHeader,
+  button,
   buttons,
   containerIconBillboard,
   content,
@@ -154,6 +159,7 @@ export {
   single_container,
   supertag,
   table,
+  tableWrapper,
   table_container,
   table_container_text,
   table_headline,

package/package.json

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

package/dist/NavigationMenu/AxosFiduciary/MobileToggle.d.ts

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

package/dist/NavigationMenu/AxosFiduciary/MobileToggle.js

@@ -1,120 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState } from "react";
-import { NavItem } from "../NavItem/index.js";
-import styles from "./NavBar.module.js";
-import { navItems } from "./NavData.js";
-const MobileToggle = () => {
-  const [isOpenMobile, setisOpenMobile] = useState(false);
-  const mobileToggle = () => setisOpenMobile(!isOpenMobile);
-  return /* @__PURE__ */ jsxs("header", { children: [
-    /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: clsx(styles.mobile_only, styles.hamburger),
-          onClick: mobileToggle,
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: 24,
-              height: 24,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  clipRule: "evenodd",
-                  d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
-                  fill: "#4A5560"
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: "//images.axos.com/o9ov1v03uwqk/70DeSnNiwKxnnpoNEmdHYc/c89285e7f92b31397b49e09ddb9ea14d/afs-logo-mobile.svg",
-          alt: "",
-          width: 113,
-          height: 58
-        }
-      ) })
-    ] }) }) }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          styles.mobile_nav,
-          styles.mobile_only,
-          "relative",
-          "bg_white",
-          isOpenMobile ? styles.mobile_opened : ""
-        ),
-        "aria-expanded": isOpenMobile,
-        role: "menu",
-        children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.inner_wrapper, "bg_white"), children: [
-          /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_header} relative text_center`, children: [
-            /* @__PURE__ */ jsx("p", { role: "heading", children: "Welcome" }),
-            /* @__PURE__ */ jsx("button", { onClick: mobileToggle, "aria-label": "close navigation menu", children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: 24,
-                height: 24,
-                viewBox: "0 0 24 24",
-                fill: "none",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
-                    fill: "#4A5560"
-                  }
-                )
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: styles.mobile_body, children: [
-            navItems.map((item, i) => /* @__PURE__ */ jsx(
-              NavItem,
-              {
-                className: styles.main_nav_link,
-                index: i,
-                name: item.name,
-                url: item.url
-              },
-              i
-            )),
-            /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_1", children: /* @__PURE__ */ jsx("a", { href: "#", children: "About Us" }) }),
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_2", children: /* @__PURE__ */ jsx("a", { href: "/services", children: "Services" }) }),
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_3", children: /* @__PURE__ */ jsx("a", { href: "/Software", children: "Software" }) }),
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_4", children: /* @__PURE__ */ jsx("a", { href: "/Contact", children: "Contact" }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsxs("div", { className: "flex_row between", children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.mobile_footer_content} flex_col between`,
-                children: [
-                  /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: "Contact a Specialist Today!" }) }),
-                  /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx("a", { href: "/contact", children: "Talk With Us" }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, children: " " })
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  MobileToggle as default
-};