@axos-web-dev/shared-components 0.0.13 → 0.0.15

package/dist/Modal/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Modal";
-export * from "./contextApi/store";
+export * from './Modal';
+export * from './contextApi/store';

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.d.ts

@@ -1 +1 @@
-export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;
+export default function SubNavBar(): import("react/jsx-runtime").JSX.Element;

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -1,14 +1,16 @@
 "use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
-import { useRef, useState } from "react";
+import { useRef, useState, useEffect } from "react";
 import { useLocation } from "react-use";
 import styles from "./NavBar.module.js";
 import { sub_nav, absoule, dd_media, dd_media_btn } from "./SubNavbar.css.js";
 function SubNavBar() {
   const subNav1 = useRef(null);
   const [isMouseOver, setIsMouseOver] = useState(false);
+  const [render, setIsrender] = useState(false);
+  const { pathname } = useLocation();
   const mouseOver = () => {
     setIsMouseOver(true);
   };
@@ -18,82 +20,103 @@ function SubNavBar() {
   const showSubNabVarOptions = () => {
     setIsMouseOver(!isMouseOver);
   };
-  const { pathname } = useLocation();
-  if (!(pathname == null ? void 0 : pathname.includes("/products"))) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__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__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
-        "a",
-        {
-          href: "#",
-          id: "subNav1",
-          role: "menuitem",
-          onMouseEnter: mouseOver,
-          onClick: showSubNabVarOptions,
-          children: [
-            "Private Client",
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                width: "15",
-                height: "12",
-                viewBox: "0 0 20 12",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                style: { marginLeft: "8px" },
-                children: /* @__PURE__ */ jsx(
-                  "path",
+  useEffect(() => {
+    (pathname == null ? void 0 : pathname.includes("/products")) ? setIsrender(true) : setIsrender(false);
+  }, [render]);
+  return /* @__PURE__ */ jsx(Fragment, { children: render && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__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__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: "#",
+              id: "subNav1",
+              role: "menuitem",
+              onMouseEnter: mouseOver,
+              onClick: showSubNabVarOptions,
+              children: [
+                "Private Client",
+                /* @__PURE__ */ jsx(
+                  "svg",
                   {
-                    d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                    fill: "white"
+                    width: "15",
+                    height: "12",
+                    viewBox: "0 0 20 12",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    style: { marginLeft: "8px" },
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
+                        fill: "white"
+                      }
+                    )
                   }
                 )
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: "/products/select-high-yield-money-market",
-          id: "subNav2",
-          role: "menuitem",
-          children: "Select High Yield Money Market"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/products/select-cds", id: "subNav3", role: "menuitem", children: "Select CDs" }) }),
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: "/products/select-checking",
-          id: "subNav4",
-          role: "menuitem",
-          children: "Select Checking"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: "/products/select-savings",
-          id: "subNav4",
-          role: "menuitem",
-          children: "Select Savings"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: "/products/business-banking",
-          id: "subNav4",
-          role: "menuitem",
-          children: "Business Banking"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/products/mortgage", id: "subNav4", role: "menuitem", children: "Mortgage" }) })
-    ] }) }) }) }) }),
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/products/select-high-yield-money-market",
+              id: "subNav2",
+              role: "menuitem",
+              children: "Select High Yield Money Market"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/products/select-cds",
+              id: "subNav3",
+              role: "menuitem",
+              children: "Select CDs"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/products/select-checking",
+              id: "subNav4",
+              role: "menuitem",
+              children: "Select Checking"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/products/select-savings",
+              id: "subNav4",
+              role: "menuitem",
+              children: "Select Savings"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/products/business-banking",
+              id: "subNav4",
+              role: "menuitem",
+              children: "Business Banking"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/products/mortgage",
+              id: "subNav4",
+              role: "menuitem",
+              children: "Mortgage"
+            }
+          ) })
+        ] }) }) }) })
+      }
+    ),
     isMouseOver && /* @__PURE__ */ jsx(
       "div",
       {
@@ -143,29 +166,41 @@ function SubNavBar() {
             {
               className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
               children: [
-                /* @__PURE__ */ jsxs("div", { className: `${styles.headline} flex_row middle between`, children: [
-                  /* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
-                  /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                    /* @__PURE__ */ jsx(
-                      "svg",
-                      {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        width: "20",
-                        height: "20",
-                        viewBox: "0 0 20 20",
-                        fill: "none",
-                        children: /* @__PURE__ */ jsx(
-                          "path",
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `${styles.headline} flex_row middle between`,
+                    children: [
+                      /* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
+                      /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
+                        /* @__PURE__ */ jsx(
+                          "svg",
+                          {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "20",
+                            height: "20",
+                            viewBox: "0 0 20 20",
+                            fill: "none",
+                            children: /* @__PURE__ */ jsx(
+                              "path",
+                              {
+                                d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
+                                fill: "#4A5560"
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "div",
                           {
-                            d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
-                            fill: "#4A5560"
+                            className: `${styles.headline_cta} ${styles.ml_8}`,
+                            children: /* @__PURE__ */ jsx("a", { href: "https://www.axosbank.com/Customer-Support/", children: "Help & Support" })
                           }
                         )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "https://www.axosbank.com/Customer-Support/", children: "Help & Support" }) })
-                  ] })
-                ] }),
+                      ] })
+                    ]
+                  }
+                ),
                 /* @__PURE__ */ jsx("hr", {}),
                 /* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                   /* @__PURE__ */ jsx(
@@ -187,7 +222,13 @@ function SubNavBar() {
                   ),
                   /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
                     /* @__PURE__ */ jsx("li", { role: "heading", children: "Products" }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/premier-private-client-banking", children: "Advisor Private Client Banking" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "/products/premier-private-client-banking",
+                        children: "Advisor Private Client Banking"
+                      }
+                    ) }),
                     /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) }),
                     /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                       "a",
@@ -208,7 +249,7 @@ function SubNavBar() {
         ] }) })
       }
     )
-  ] });
+  ] }) });
 }
 export {
   SubNavBar as default

package/dist/NavigationMenu/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NavBarAXA } from "./AxosAdvisor";
-export { default as NavBarAFS } from "./AxosFiduciary";
+export { default as NavBarAXA } from './AxosAdvisor';
+export { default as NavBarAFS } from './AxosFiduciary';

package/dist/SetContainer/SetContainer.d.ts

@@ -1,5 +1,6 @@
-import type { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
+import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
+
 export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
 }
 export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/index.d.ts

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

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

@@ -6,7 +6,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";
@@ -59,7 +59,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})`;
@@ -114,7 +114,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})`;
@@ -130,7 +130,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})`;

package/dist/Table/Table.d.ts

@@ -1,11 +1,12 @@
-import { PropsWithChildren } from "react";
-import { CellProps, RowProps, TableContainerProps, TableProps } from "./Table.interface";
+import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
+import { PropsWithChildren } from 'react';
+
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, }: 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 {

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

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export interface TextBlockProps {
     bodyCopy: ReactNode | string;
     headline: ReactNode | string;

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 { VideoTileInterface } from "./VideoTile.interface";
-import { FC } from "react";
+import { VideoTileInterface } from './VideoTile.interface';
+import { FC } from 'react';
+
 export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoTile/VideoTile.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import ReactMarkdown from "react-markdown";
-import { useToggle } from "react-use";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+import ReactMarkdown from "react-markdown";
+import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";
 import { video_container, w_100, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, expand_icon, transcript_content, show, hide_transcript } from "./VideoTile.css.js";
 const VideoTile = ({
@@ -18,17 +18,18 @@ const VideoTile = ({
   // displayType,
   maxWidth = "588px",
   videoPlayer,
-  transcript
+  transcript,
+  id
 }) => {
   const [on, toggle] = useToggle(false);
   const handleToggleClick = (event) => {
     event.preventDefault();
     toggle();
   };
-  return /* @__PURE__ */ jsxs("div", { className: `flex center`, children: [
+  return /* @__PURE__ */ jsxs("div", { id: `id_${id}`, className: `flex center`, children: [
     /* @__PURE__ */ jsx(VideoInit, {}),
     /* @__PURE__ */ jsxs("div", { className: `${video_container} ${w_100} flex flex_col`, children: [
-      /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title ? title : null }),
+      title && /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title }),
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -42,7 +43,6 @@ const VideoTile = ({
                 width: "100%",
                 margin: "auto",
                 display: "block",
-                maxHeight: "304px",
                 maxWidth
               },
               alt: "",
@@ -52,7 +52,7 @@ const VideoTile = ({
               "data-v": "4",
               "data-type": videoPlayer,
               "data-width": maxWidth,
-              "data-height": "304px"
+              "data-height": "331px"
             }
           )
         }
@@ -81,7 +81,7 @@ const VideoTile = ({
         ) })
       ] })
     ] })
-  ] });
+  ] }, id);
 };
 export {
   VideoTile

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,8 +1,10 @@
-import { FC } from "react";
-import { VideoTileInterface } from "../VideoTile";
+import { VideoTileInterface } from '../VideoTile';
+import { FC } from 'react';
+
 export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];
     backgroundColor?: string;
     title: string;
+    id: string;
 }
 export declare const VideoWrapper: FC<VideoWrapperProps>;

package/dist/VideoWrapper/index.js

@@ -9,25 +9,34 @@ import { grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,
   videoTiles,
-  backgroundColor
+  backgroundColor,
+  id
 }) => {
-  return /* @__PURE__ */ jsx("div", { style: backgroundColor ? { backgroundColor } : {}, children: /* @__PURE__ */ jsxs("section", { children: [
-    /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
-    /* @__PURE__ */ jsx("div", { className: `${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`, children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      VideoTile,
-      {
-        id: videoItem.id,
-        title: videoItem == null ? void 0 : videoItem.title,
-        videoId: videoItem == null ? void 0 : videoItem.videoId,
-        thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
-        displayType: videoItem == null ? void 0 : videoItem.displayType,
-        maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
-        videoPlayer: videoItem.displayType,
-        transcript: videoItem == null ? void 0 : videoItem.transcript
-      },
-      index
-    ) })) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: `id_${id}`,
+      style: backgroundColor ? { backgroundColor } : {},
+      children: /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
+        /* @__PURE__ */ jsx("div", { className: `${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`, children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          VideoTile,
+          {
+            id: videoItem.id,
+            title: videoItem == null ? void 0 : videoItem.title,
+            videoId: videoItem == null ? void 0 : videoItem.videoId,
+            thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
+            displayType: videoItem == null ? void 0 : videoItem.displayType,
+            maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
+            videoPlayer: videoItem.displayType,
+            transcript: videoItem == null ? void 0 : videoItem.transcript
+          },
+          index
+        ) })) })
+      ] })
+    },
+    id
+  );
 };
 export {
   VideoWrapper

package/dist/assets/HeroBanner/HeroBanner.css

@@ -62,6 +62,7 @@
   color: var(--_1073cm8n);
 }
 ._1ye8k3ff {
+  margin-bottom: 1.5rem;
   font: 600 2.5rem / 1.25 var(--header-font-family);
 }
 ._1ye8k3fg {
@@ -80,9 +81,6 @@
 ._1ye8k3fj {
   color: var(--_1073cm8o);
 }
-._1ye8k3f7 > h1 + p {
-  margin-top: 1rem;
-}
 ._1ye8k3f7 p {
   font: 400 18px / 1.44 var(--main-font-family);
   letter-spacing: .2px;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -98,7 +98,7 @@
   max-width: 1000px;
 }
 ._1r4ovbui > p {
-  margin-top: 24px;
+  margin-top: 8px;
 }
 ._1r4ovbuk {
   background: var(--_1073cm84);