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

package/dist/Accordion/Accordion.css.d.ts

@@ -1,5 +1,6 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
-export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
     width: {
         "1/2": {
             display: "flex";
@@ -39,7 +40,7 @@ export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const headerAccordion: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headerAccordion: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/Accordion/Accordion.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from "react";
+import { default as React, PropsWithChildren } from 'react';
+
 export type Accordion = {
     expanded?: boolean;
 };

package/dist/Accordion/index.d.ts

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

package/dist/AlertBanner/AlertBanner.css.d.ts

@@ -1,4 +1,4 @@
-export declare const alertBanner: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const alertBanner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         Standard: {
             background: "#DEF4FF";

package/dist/AlertBanner/AlertBanner.interface.d.ts

@@ -1,4 +1,5 @@
-import { ChevronProps } from "../Chevron/Chevron.interface";
+import { ChevronProps } from '../Chevron/Chevron.interface';
+
 export interface AlertBannerInterface {
     /**
      * Defines the banner style

package/dist/AlertBanner/index.d.ts

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

package/dist/ApyCalculator/index.d.ts

@@ -1,2 +1,3 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 export declare const ApyCalculator: FC;

package/dist/ApyCalculator/index.js

@@ -19,6 +19,14 @@ const ApyCalculator = () => {
   const [error, setError] = useState("");
   const [interestRate, setInterestRate] = useState(0);
   const isValidNumber = (input) => {
+    if (typeof input !== "number") {
+      return false;
+    } else if (input < 0) {
+      return false;
+    } else
+      return true;
+  };
+  const isValidAPY = (input) => {
     if (typeof input !== "number") {
       return false;
     } else if (input <= 0) {
@@ -35,9 +43,12 @@ const ApyCalculator = () => {
   }, [convertInterest, interestRate, setInterestRate]);
   const handleCalculate = () => {
     convertInterest();
-    setError("");
-    if (!isValidNumber(initialDeposit) || !isValidNumber(APY) || !isValidNumber(months) || !isValidNumber(monthlyDeposits)) {
-      setError("Invalid input. Please enter positive numeric values.");
+    if (!isValidNumber(initialDeposit) || !isValidNumber(months) || !isValidNumber(monthlyDeposits) || !isValidAPY(APY)) {
+      if (!isValidAPY(APY)) {
+        setError("*APY has to be a positive number.");
+      } else {
+        setError("Invalid input. Please enter positive numeric values.");
+      }
     } else {
       let total;
       if (compounding === 360) {
@@ -77,7 +88,13 @@ const ApyCalculator = () => {
       },
       children: /* @__PURE__ */ jsxs("div", { className: `${apy_calculator} containment flex between`, children: [
         /* @__PURE__ */ jsxs("div", { className: `${calculator_section}`, children: [
-          /* @__PURE__ */ jsx("div", { className: `${section_header}`, children: /* @__PURE__ */ jsx("h1", { className: "header_1", children: "APY Interest Calculator" }) }),
+          /* @__PURE__ */ jsxs("div", { className: `${section_header}`, children: [
+            /* @__PURE__ */ jsx("h1", { className: "header_1", children: "APY Interest Calculator" }),
+            /* @__PURE__ */ jsxs("p", { className: "push_up", children: [
+              "Calculate how much interest you can earn on your money with our APY Interest Calculator.",
+              /* @__PURE__ */ jsx("sup", { children: "1" })
+            ] })
+          ] }),
           /* @__PURE__ */ jsxs("form", { id: "calculator_form", className: `${apy_calculator_form}`, children: [
             /* @__PURE__ */ jsx("div", { id: "errmsgbox", className: " flex middle", children: /* @__PURE__ */ jsx("span", { className: `${errorTag}`, children: error }) }),
             /* @__PURE__ */ jsxs("div", { className: `${fieldset}`, children: [
@@ -196,7 +213,7 @@ const ApyCalculator = () => {
               ),
               /* @__PURE__ */ jsx("div", { className: `${form_disclosure} push_up_24`, children: /* @__PURE__ */ jsxs("p", { children: [
                 /* @__PURE__ */ jsx("strong", { children: "NOTE:" }),
-                " Our APY Interest Calculator is an educational tool to help you determine potential earnings. Your calculator results are estimates and do not guarantee cost savings or tax benefits. UFB Direct does not guarantee your results as determined by using this calculator."
+                " Our APY Interest Calculator is an educational tool to help you determine potential earnings. Your calculator results are estimates and do not guarantee cost savings or tax benefits. Axos Bank does not guarantee your results as determined by using this calculator."
               ] }) })
             ] })
           ] })
@@ -210,7 +227,7 @@ const ApyCalculator = () => {
                 style: { backgroundColor: "#efeef0", maxWidth: "520px" },
                 children: [
                   /* @__PURE__ */ jsx("h2", { className: "header_2", children: "Select Savings" }),
-                  /* @__PURE__ */ jsx("div", { className: "push_up mb_0", children: "Zero fees. Up to 0.20% APY*. Complimentary ATM card. Select Savings helps your clients bank smarter with an account that rewards their savvy money habits." }),
+                  /* @__PURE__ */ jsx("div", { className: "push_up mb_0", children: "Zero fees. Up to 0.20% APY**. Complimentary ATM card. Select Savings helps your clients bank smarter with an account that rewards their savvy money habits." }),
                   /* @__PURE__ */ jsxs("div", { className: `${cta_section} push_up_24 flex flex_row`, children: [
                     /* @__PURE__ */ jsx(
                       Button,
@@ -237,16 +254,16 @@ const ApyCalculator = () => {
                   /* @__PURE__ */ jsx("h2", { className: "header_2", children: "Recommended Accounts" }),
                   /* @__PURE__ */ jsxs("table", { className: `${marketing_table}`, children: [
                     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                      /* @__PURE__ */ jsx("th", { scope: "col slate", children: "Account" }),
-                      /* @__PURE__ */ jsx("th", { scope: "col slate", children: "APY*" })
+                      /* @__PURE__ */ jsx("th", { style: { width: "50%" }, scope: "col slate", children: "Account" }),
+                      /* @__PURE__ */ jsx("th", { style: { width: "50%" }, scope: "col slate", children: "APY**" })
                     ] }) }),
                     /* @__PURE__ */ jsxs("tbody", { children: [
                       /* @__PURE__ */ jsxs("tr", { children: [
-                        /* @__PURE__ */ jsx("td", { "aria-label": "UFB Secure Money Market", children: /* @__PURE__ */ jsx("a", { className: "link", href: "/products/select-savings", children: "Select Savings" }) }),
+                        /* @__PURE__ */ jsx("td", { "aria-label": "Select Checking", children: /* @__PURE__ */ jsx("a", { className: "link", href: "/products/select-savings", children: "Select Savings" }) }),
                         /* @__PURE__ */ jsx("td", { "aria-label": "Up to 5.25%", children: "Up to 0.20%" })
                       ] }),
                       /* @__PURE__ */ jsxs("tr", { children: [
-                        /* @__PURE__ */ jsx("td", { "aria-label": "UFB Secure Savings", children: /* @__PURE__ */ jsx("a", { className: "link", href: "/products/select-checking", children: "Select Checking" }) }),
+                        /* @__PURE__ */ jsx("td", { "aria-label": "Select Checking", children: /* @__PURE__ */ jsx("a", { className: "link", href: "/products/select-checking", children: "Select Checking" }) }),
                         /* @__PURE__ */ jsx("td", { "aria-label": "Up to 5.25%", children: "Up to 0.10%" })
                       ] })
                     ] })

package/dist/BulletItem/BulletItem.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren, ReactNode } from "react";
+import { PropsWithChildren, ReactNode } from 'react';
+
 export interface BulletItemProps extends PropsWithChildren {
     id: string;
     variant?: "primary" | "secondary" | "tertiary" | "quaternary";
@@ -7,5 +8,6 @@ export interface BulletItemProps extends PropsWithChildren {
         altText?: string;
     };
     copy?: ReactNode;
+    subBullet?: boolean;
 }
 export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/BulletItem/BulletItem.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { listItem } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
@@ -7,13 +7,40 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+import { vars } from "../themes/axos.css.js";
 import { bulletIcon } from "./BulletItem.css.js";
 const BulletItem = (props) => {
   const iconCheckVariant = /* @__PURE__ */ new Map([
-    ["primary", /* @__PURE__ */ jsx(SvgCheckCircle, { height: 18, width: 18 })],
-    ["secondary", /* @__PURE__ */ jsx(SvgCheckCircle, { height: 18, width: 18 })],
-    ["tertiary", /* @__PURE__ */ jsx(SvgCheckCircleLight, { height: 18, width: 18 })],
-    ["quaternary", /* @__PURE__ */ jsx(SvgCheckCircleLight, { height: 18, width: 18 })],
+    [
+      "primary",
+      /* @__PURE__ */ jsx(SvgCheckCircle, { fill: vars.icons.check.primary, height: 18, width: 18 })
+    ],
+    [
+      "secondary",
+      /* @__PURE__ */ jsx(SvgCheckCircle, { fill: vars.icons.check.primary, height: 18, width: 18 })
+    ],
+    [
+      "tertiary",
+      /* @__PURE__ */ jsx(
+        SvgCheckCircleLight,
+        {
+          fill: vars.icons.check.secondary,
+          height: 18,
+          width: 18
+        }
+      )
+    ],
+    [
+      "quaternary",
+      /* @__PURE__ */ jsx(
+        SvgCheckCircleLight,
+        {
+          fill: vars.icons.check.secondary,
+          height: 18,
+          width: 18
+        }
+      )
+    ],
     [void 0, /* @__PURE__ */ jsx(SvgCheckCircleLight, { height: 18, width: 18 })]
   ]);
   const Icon = iconCheckVariant.get(props.variant);

package/dist/BulletItem/index.d.ts

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

package/dist/Button/Button.css.d.ts

@@ -1,5 +1,6 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
-export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
     color: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/Button/Button.d.ts

@@ -1,5 +1,6 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
-import { ButtonVariants } from "./Button.css";
+import { ButtonVariants } from './Button.css';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+
 export type ButtonBase = {
     children?: ReactNode;
     targetUrl?: string;
@@ -15,7 +16,7 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
     as?: "a";
 };
 export type ButtonProps = ButtonAsButton | ButtonAsLink;
-export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, }: ButtonProps & ButtonVariants) => import("react").DetailedReactHTMLElement<{
+export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, }: ButtonProps & ButtonVariants) => import('react').DetailedReactHTMLElement<{
     className: string;
     href: string;
     id: string | undefined;

package/dist/Button/Button.interface.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren, ReactNode } from "react";
+import { PropsWithChildren, ReactNode } from 'react';
+
 export interface ButtonProps extends PropsWithChildren {
     /**
      * Defines the button tag

package/dist/Button/GoBackButton.d.ts

@@ -1,3 +1,4 @@
-import { ButtonProps } from "./Button";
-import { ButtonVariants } from "./Button.css";
+import { ButtonVariants } from './Button.css';
+import { ButtonProps } from './Button';
+
 export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./Button";
-export * from "./Button.css";
-export * from "./GoBackButton";
+export * from './Button';
+export * from './Button.css';
+export * from './GoBackButton';

package/dist/CallToActionBar/CallToActionBar.interface.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-import { ReactNode } from "react";
+
 export interface CallToActionBarInterface {
     id?: string;
     bannerSize: "Large" | "Medium" | "Small";

package/dist/CallToActionBar/index.d.ts

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

package/dist/Carousel/Carousel.css.d.ts

@@ -1,6 +1,7 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
 export declare const dots: string;
-export declare const carousel: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -21,7 +22,7 @@ export declare const carousel: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export declare const authorLocation: string;
-export declare const author: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const author: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -40,8 +41,8 @@ export declare const author: import("@vanilla-extract/recipes").RuntimeFn<{
 export declare const slideBase: string;
 export declare const slide: Record<"hide" | "show", string>;
 export declare const slides: string;
-export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{}>;
-export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
+export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             borderColor: "#1E3860";

package/dist/Carousel/index.d.ts

@@ -1,5 +1,6 @@
-import { PropsWithChildren, ReactNode } from "react";
-import { carouselVariants } from "./Carousel.css";
+import { carouselVariants } from './Carousel.css';
+import { PropsWithChildren, ReactNode } from 'react';
+
 export interface SlideProps extends PropsWithChildren {
     id: string | number;
     selected?: boolean;

package/dist/Carousel/index.js

@@ -68,26 +68,28 @@ const Carousel = (props) => {
   const selectItem = (id) => {
     change(id);
   };
+  const child = children;
   const showDots = () => {
-    if (children) {
-      return Children.map(children, (_, indx) => /* @__PURE__ */ jsx(
+    var _a, _b;
+    if (children && ((_b = (_a = child == null ? void 0 : child.props) == null ? void 0 : _a.content) == null ? void 0 : _b.length) > 1) {
+      return /* @__PURE__ */ jsx("div", { className: dots, children: Children.map(children, (_, indx) => /* @__PURE__ */ jsx(
         "div",
         {
           onClick: () => selectItem(indx),
           className: dot({ variant, selected: indx === itemSelected })
         },
         indx
-      ));
+      )) });
     }
-    if (items) {
-      return items.map((_, indx) => /* @__PURE__ */ jsx(
+    if (items && items.length > 1) {
+      return /* @__PURE__ */ jsx("div", { className: dots, children: items.map((_, indx) => /* @__PURE__ */ jsx(
         "div",
         {
           onClick: () => selectItem(indx),
           className: dot({ variant, selected: indx === itemSelected })
         },
         indx
-      ));
+      )) });
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: clsx(carousel({ variant })), children: [
@@ -108,7 +110,7 @@ const Carousel = (props) => {
       },
       item.id
     )) }),
-    /* @__PURE__ */ jsx("div", { className: dots, children: showDots() })
+    showDots()
   ] });
 };
 export {

package/dist/Carousel/store.d.ts

@@ -7,4 +7,4 @@ export type actions = {
     change: (selected: number) => void;
     setItems: (items: unknown[]) => void;
 };
-export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;
+export declare const useCarousel: import('zustand').UseBoundStore<import("zustand").StoreApi<state & actions>>;

package/dist/Chevron/Chevron.css.d.ts

@@ -1,13 +1,31 @@
-export declare const chevron: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const chevron: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                "&:hover": {
+                    textDecoration: "underline";
+                    textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         secondary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                "&:hover": {
+                    textDecoration: "underline";
+                    textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                "&:hover": {
+                    textDecoration: "underline";
+                    textDecorationColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
         };
     };
 }>;

package/dist/Chevron/Chevron.interface.d.ts

@@ -1,5 +1,6 @@
+import { PropsWithChildren, ReactNode } from 'react';
 import { CallToActionTypes } from '../utils/variant.types';
-import { PropsWithChildren, ReactNode } from "react";
+
 export interface ChevronProps extends PropsWithChildren {
     /**
      * react node to add as a children

package/dist/Chevron/index.d.ts

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

package/dist/Chevron/index.js

@@ -40,9 +40,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/CollectInformationAlert/index.d.ts

@@ -1,2 +1,3 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 export declare const CollectInformationAlert: FC;

package/dist/ContentBanner/ContentBanner.css.d.ts

@@ -1,4 +1,4 @@
-export declare const content_banner: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const content_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -18,7 +18,7 @@ export declare const content_banner: import("@vanilla-extract/recipes").RuntimeF
         };
     };
 }>;
-export declare const headline: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headline: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/ContentBanner/ContentBanner.interface.d.ts

@@ -1,6 +1,8 @@
+import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-import { ReactNode } from "react";
+
 export interface HeroBannerInterface {
+    id?: string;
     className?: string;
     variant: string;
     headline: string | ReactNode;

package/dist/ContentBanner/index.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
-import type { HeroBannerInterface as ContentBannerInterface } from "./ContentBanner.interface";
+import { ContentBannerInterface } from './ContentBanner.interface';
+import { FC } from 'react';
+
 export declare const ContentBanner: FC<ContentBannerInterface>;

package/dist/ContentBanner/index.js

@@ -11,12 +11,14 @@ const ContentBanner = ({
   variant,
   headline,
   bodyCopy,
-  callToActionRow
+  callToActionRow,
+  id
 }) => {
   const banner_variant = getVariant(variant);
   return /* @__PURE__ */ jsx(
     "section",
     {
+      id: `id_${id}`,
       className: `${content_banner({ variant: banner_variant })} ${section_pad}`,
       children: /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
         /* @__PURE__ */ jsxs("div", { className: `text_center`, children: [
@@ -30,7 +32,7 @@ const ContentBanner = ({
           bodyCopy ? /* @__PURE__ */ jsx("div", { className: `${body_copy}`, children: bodyCopy }) : null
         ] }),
         Array.isArray(callToActionRow) && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow == null ? void 0 : callToActionRow.map(
-          ({ id, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
+          ({ id: id2, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
             Button,
             {
               targetUrl,
@@ -39,7 +41,7 @@ const ContentBanner = ({
               rounded: "medium",
               children: displayText
             },
-            id
+            id2
           ) : /* @__PURE__ */ jsx(
             Chevron,
             {
@@ -48,7 +50,7 @@ const ContentBanner = ({
               className: `${link}`,
               children: displayText
             },
-            id
+            id2
           )
         ) })
       ] })

package/dist/DownloadTile/DownloadTile.interface.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 export interface DownloadTileSet {
     id: string;
     titleText?: string;

package/dist/DownloadTile/index.d.ts

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

package/dist/FaqAccordion/index.d.ts

@@ -1,5 +1,6 @@
-import { PropsWithChildren } from "react";
-import { header } from "./FaqAccordion.css";
+import { header } from './FaqAccordion.css';
+import { PropsWithChildren } from 'react';
+
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }

package/dist/FooterDisclosure/FooterDisclosure.css.d.ts

@@ -1,4 +1,4 @@
-export declare const footerDisclosure: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const footerDisclosure: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -1,4 +1,5 @@
-import { CSSProperties, PropsWithChildren } from "react";
+import { CSSProperties, PropsWithChildren } from 'react';
+
 type WithStyles = {
     style?: CSSProperties;
     className?: string;

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -11,7 +11,12 @@ const FooterIcons = (props) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(iconsContent, props.className, "containment"),
+      className: clsx(
+        iconsContent,
+        props.className,
+        "containment",
+        "push_up_24"
+      ),
       style: props.style,
       children: props.children
     }

package/dist/FooterDisclosure/index.d.ts

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

package/dist/Forms/Forms.css.d.ts

@@ -1,4 +1,4 @@
-export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -15,7 +15,7 @@ export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn
     };
 }>;
 export declare const iconForm: string;
-export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             readonly selectors: {
@@ -55,7 +55,7 @@ export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -72,7 +72,7 @@ export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export declare const actions: string;
-export declare const disclosureForm: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;