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

package/dist/Table/Table.js

@@ -2,12 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { createElement } from "react";
-import { table_container, table_container_text, table_headline, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
+import { table_container, table_container_text, table_headline, table_description_text, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,
   tableFooter,
-  tableType = "Standard"
+  tableType = "Standard",
+  tableDescription
 }) => {
   return /* @__PURE__ */ jsxs(
     "div",
@@ -18,6 +19,7 @@ const TableContainer = ({
       ),
       children: [
         tableTitle && /* @__PURE__ */ jsx("div", { className: table_container_text, children: /* @__PURE__ */ jsx("h1", { className: clsx("header_1", 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 })
       ]

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_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_headline, td, th } from "./Table.css.js";
+import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table.css.js";
 export {
   Table,
   TableBody,
@@ -18,6 +18,7 @@ export {
   tableWrapper,
   table_container,
   table_container_text,
+  table_description_text,
   table_headline,
   td,
   th

package/dist/TextBlock/TextBlock.d.ts

@@ -3,5 +3,6 @@ import { ReactNode } from 'react';
 export interface TextBlockProps {
     bodyCopy: ReactNode | string;
     headline: ReactNode | string;
+    id?: string;
 }
 export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TextBlock/TextBlock.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { textBlockHeader } from "./TextBlock.css.js";
 const TextBlock = (props) => {
-  return /* @__PURE__ */ jsxs("div", { className: "containment section_spacer", children: [
+  return /* @__PURE__ */ jsxs("div", { id: `id_${props.id}`, className: "containment section_spacer", children: [
     /* @__PURE__ */ jsx("h2", { className: `header_2 text_center ${textBlockHeader}`, children: props.headline }),
     /* @__PURE__ */ jsx("div", { children: props.bodyCopy })
   ] });

package/dist/assets/ApyCalculator/ApyCalculator.css

@@ -58,7 +58,7 @@
 }
 ._74vxga9 {
   left: 21px;
-  top: 47px;
+  top: 44px;
 }
 ._74vxgaa {
   top: 47px;
@@ -104,6 +104,11 @@
   text-align: left;
   padding: 20px 20px 22px;
 }
+._74vxgai tr {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
 ._74vxgai td {
   padding: 20px 20px 22px;
   flex: 1 1;
@@ -140,6 +145,11 @@
     margin-top: 1rem;
   }
 }
+@media screen and (max-width: 468px) {
+  ._74vxgah {
+    flex-direction: column;
+  }
+}
 @media screen and (max-width:992px) {
   ._74vxgai {
     margin-top: 25px;
@@ -152,11 +162,6 @@
   ._74vxgai th:first-child, ._74vxgai td:first-child {
     flex: 2 2;
   }
-  ._74vxgai tr {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-  }
   ._74vxgai td {
     padding: 20px;
     font-size: 18px;

package/dist/assets/Chevron/Chevron.css

@@ -10,12 +10,24 @@
 ._1gp5vfo1 {
   color: var(--_1073cm86);
 }
+._1gp5vfo1:hover {
+  text-decoration: underline;
+  text-decoration-color: var(--_1073cm86);
+}
 ._1gp5vfo2 {
   color: var(--_1073cm8k);
 }
+._1gp5vfo2:hover {
+  text-decoration: underline;
+  text-decoration-color: var(--_1073cm8k);
+}
 ._1gp5vfo3 {
   color: var(--_1073cm8g);
 }
+._1gp5vfo3:hover {
+  text-decoration: underline;
+  text-decoration-color: var(--_1073cm8g);
+}
 ._1gp5vfo4 .arrow {
   margin-left: 15px;
 }

package/dist/assets/FooterDisclosure/FooterDisclosure.css

@@ -5,22 +5,18 @@
   width: 100%;
 }
 ._1a6b3vu1 {
-  margin-bottom: 16px;
   line-height: 24px;
   letter-spacing: 0.2px;
 }
 ._1a6b3vu2 {
-  margin-bottom: 32px;
-}
-._1a6b3vu3 {
   max-height: 40px;
   display: flex;
   gap: 40px;
 }
-._1a6b3vu4 {
+._1a6b3vu3 {
   color: #ffffff;
 }
-._1a6b3vu4:hover {
+._1a6b3vu3:hover {
   opacity: 0.8;
 }
 @media screen and (min-width: 1920px) {
@@ -29,8 +25,8 @@
     padding-bottom: 32px;
   }
 }
-@media screen and (max-width: 1280px) {
-  ._1a6b3vu3 {
+@media screen and (max-width: 1024px) {
+  ._1a6b3vu2 {
     justify-content: center;
   }
 }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -34,7 +34,7 @@
 }
 ._1ye8k3fa img {
   max-width: 604px;
-  max-height: 510px;
+  max-height: 515px;
   object-fit: cover;
 }
 ._1ye8k3fb {
@@ -91,10 +91,6 @@
 ._1ye8k3fl:empty {
   display: none;
 }
-._1ye8k3f0 ._1ye8k3fl > *:nth-child(2) {
-  margin-top: 1.5rem;
-  margin-left: 0;
-}
 @media screen and (max-width:1280px) {
   ._1ye8k3fl {
     margin-top: 2.5rem;
@@ -141,6 +137,7 @@
     gap: 1.5rem;
   }
   ._1ye8k3fa {
+    min-height: 510px;
     _1ye8k3f0 & {
       max-width: 708px;
     }

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -142,7 +142,7 @@
   background-position: center center;
 }
 ._18ygy9m0 ._1m7m2au {
-  min-height: 380px;
+  min-height: 330px;
 }
 ._1m7m2av {
   background: var(--_1073cm8f);
@@ -173,9 +173,12 @@
   letter-spacing: 0.3px;
   line-height: 1;
 }
+._1m7m2a10 > p {
+  white-space: break-spaces;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
-    flex-direction: column;
+    flex-direction: column-reverse;
   }
   .reversed {
     flex-direction: column-reverse;
@@ -200,7 +203,10 @@
 }
 @media screen and (max-width: 1023px) {
   ._1m7m2au {
-    min-height: 380px;
+    min-height: 275px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 275px;
   }
   ._1m7m2ax {
     font-size: 30px;
@@ -211,4 +217,20 @@
   ._1m7m2az {
     font-size: 20px;
   }
+}
+@media screen and (max-width: 768px) {
+  ._1m7m2au {
+    min-height: 200px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 200px;
+  }
+}
+@media screen and (max-width: 327px) {
+  ._1m7m2au {
+    min-height: 160px;
+  }
+  ._18ygy9m0 ._1m7m2au {
+    min-height: 160px;
+  }
 }

package/dist/assets/Modal/Modal.css

@@ -63,6 +63,11 @@
   word-break: break-all;
   word-wrap: break-word;
 }
+._427id3b {
+  height: 100%;
+  position: fixed;
+  width: 100%;
+}
 @media screen and (max-width:600px) {
   ._427id33 {
     top: 15%;