@axos-web-dev/shared-components 0.0.20 → 0.0.22

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

@@ -1,4 +1,4 @@
-export declare const table_container: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {
             background: "#f4f4f4";
@@ -16,7 +16,7 @@ export declare const highlight_last_row: string;
 export declare const headerCell: string;
 export declare const headerVariants: Record<"primary" | "secondary" | "tertiary" | "quaternary", string>;
 export declare const bodyHeader: string;
-export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: "#4A5560";
@@ -69,7 +69,7 @@ export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
         true: {};
     };
 }>;
-export declare const td: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -124,7 +124,7 @@ export declare const td: import("@vanilla-extract/recipes").RuntimeFn<{
         true: {};
     };
 }>;
-export declare const tableWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const tableWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
@@ -140,7 +140,7 @@ export declare const tableWrapper: import("@vanilla-extract/recipes").RuntimeFn<
         };
     };
 }>;
-export declare const table: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -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,11 +1,12 @@
-import { PropsWithChildren } from "react";
-import { CellProps, RowProps, TableContainerProps, TableProps } from "./Table.interface";
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
+import { PropsWithChildren } from 'react';
+
+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;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import("react").DetailedReactHTMLElement<{
+export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     className: string;
     manifest?: string | undefined;
     defaultChecked?: boolean | undefined;

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

@@ -1,4 +1,5 @@
-import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from "react";
+import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
 export interface CellProps extends HtmlHTMLAttributes<HTMLTableCellElement>, PropsWithChildren {
@@ -18,4 +19,5 @@ export interface TableContainerProps extends PropsWithChildren {
     tableBody?: ReactNode | string;
     tableFooter: ReactNode | string;
     tableType?: string;
+    tableDescription?: ReactNode | string;
 }

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.d.ts

@@ -1,2 +1,2 @@
-export * from "./Table";
-export * from "./Table.css";
+export * from './Table';
+export * from './Table.css';

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

@@ -1,6 +1,8 @@
-import { ReactNode } from "react";
+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/TextBlock/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./TextBlock";
-export * from "./TextBlock.css";
+export * from './TextBlock';
+export * from './TextBlock.css';

package/dist/Typography/Typography.css.d.ts

@@ -1,4 +1,5 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
 /**
  * Encode font
  */
@@ -8,7 +9,7 @@ export declare const headerCssVariable = "var(--header-font-family)";
  */
 export declare const mainCssVariable = "var(--main-font-family)";
 export declare const header: string;
-export declare const sizes: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const sizes: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         xs: {
             fontSize: number;
@@ -30,7 +31,7 @@ export declare const sizes: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const typography: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const typography: import('@vanilla-extract/recipes').RuntimeFn<{
     type: {
         h1: {
             fontFamily: "var(--header-font-family)";

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { TypographySizeVariants, TypographyVariants } from ".";
+import { TypographySizeVariants, TypographyVariants } from '.';
+import { default as React } from 'react';
+
 type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
 export interface Props extends React.PropsWithChildren {
     as?: AsType;

package/dist/Typography/index.d.ts

@@ -1 +1 @@
-export * from "./Typography.css";
+export * from './Typography.css';

package/dist/VideoTile/VideoTile.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
-import { VideoTileInterface } from "./VideoTile.interface";
+import { VideoTileInterface } from './VideoTile.interface';
+import { FC } from 'react';
+
 export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoTile/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./VideoInit";
-export * from "./VideoTile";
-export * from "./VideoTile.css";
-export * from "./VideoTile.interface";
+export * from './VideoInit';
+export * from './VideoTile';
+export * from './VideoTile.css';
+export * from './VideoTile.interface';

package/dist/VideoWrapper/index.d.ts

@@ -1,5 +1,6 @@
-import { FC } from "react";
-import { VideoTileInterface } from "../VideoTile";
+import { VideoTileInterface } from '../VideoTile';
+import { FC } from 'react';
+
 export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];
     backgroundColor?: string;

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

@@ -25,7 +25,7 @@
     padding-bottom: 32px;
   }
 }
-@media screen and (max-width: 1280px) {
+@media screen and (max-width: 1024px) {
   ._1a6b3vu2 {
     justify-content: center;
   }

package/dist/assets/Forms/Forms.css

@@ -1,3 +1,19 @@
+@keyframes tfms6an {
+  from {
+    stroke-dashoffset: 1;
+  }
+  to {
+    opacity: 100;
+  }
+}
+@keyframes tfms6ao {
+  0% {
+    stroke-dashoffset: -1000;
+  }
+  100% {
+    stroke-dashoffset: 1;
+  }
+}
 .tfms6a0 {
   padding-inline: 120px;
   padding-top: 48px;
@@ -88,6 +104,75 @@
   max-width: 860px;
   margin-inline: auto;
 }
+.tfms6ap {
+  padding: 2.5rem 0;
+}
+.tfms6aq {
+  color: var(--_1073cm83);
+  background: var(--_1073cm81);
+}
+.tfms6ar {
+  color: var(--_1073cm8a);
+  background: var(--_1073cm88);
+}
+.tfms6as {
+  color: var(--_1073cm8g);
+  background: var(--_1073cm8f);
+}
+.tfms6at {
+  color: var(--_1073cm8n);
+  background: var(--_1073cm8m);
+}
+.tfms6ap h1 {
+  font-size: 43px;
+  font-weight: 600;
+  letter-spacing: 1px;
+  margin-top: 1.1rem;
+  margin-bottom: 0.7rem;
+  font-family: var(--header-font-family);
+}
+.tfms6ap p {
+  margin-bottom: 0;
+}
+.tfms6au {
+  margin: 0 auto;
+  display: block;
+}
+.tfms6av {
+  fill: none;
+  stroke: #faa74a;
+  stroke-width: 4;
+  stroke-dasharray: 100px;
+  stroke-dashoffset: 100;
+  animation: tfms6an 0.5s ease-in-out forwards reverse;
+  -webkit-animation-delay: 0.7s;
+}
+.tfms6aw {
+  fill: none;
+  stroke-width: 4;
+  stroke-dasharray: 1000px;
+  stroke-dashoffset: 1000;
+  -webkit-animation: tfms6ao 0.8s ease-in-out forwards;
+  animation: tfms6ao 0.8s ease-in-out forwards;
+  -webkit-transform-origin: center;
+  -ms-transform-origin: center;
+  transform-origin: center;
+  -webkit-transform: rotate(-40deg);
+  -ms-transform: rotate(-40deg);
+  transform: rotate(-40deg);
+}
+.tfms6ax {
+  stroke: var(--_1073cm83);
+}
+.tfms6ay {
+  stroke: var(--_1073cm8a);
+}
+.tfms6az {
+  stroke: var(--_1073cm8g);
+}
+.tfms6a10 {
+  stroke: var(--_1073cm8n);
+}
 @media screen and (max-width:1023px) {
   .tfms6a0 {
     padding-inline: 0;
@@ -97,4 +182,22 @@
   .tfms6ab {
     grid-template-columns: 1fr;
   }
+}
+@media screen and (max-width: 992px) {
+  .tfms6ap h1 {
+    font-size: 37px;
+    line-height: 1.29;
+    margin-bottom: 0.4rem;
+  }
+}
+@media screen and (maxwidth: 767px) {
+  .tfms6ap h1 {
+    font-size: 32px;
+    font-weight: 600;
+    margin-top: 0;
+    margin-bottom: 0.4rem;
+  }
+  .tfms6au {
+    max-width: 69px;
+  }
 }

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

@@ -174,7 +174,6 @@
   line-height: 1;
 }
 ._1m7m2a10 > p {
-  display: flex;
   white-space: break-spaces;
 }
 @media screen and (max-width:1023px) {

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%;