@axos-web-dev/shared-components 0.0.59 → 0.0.61

package/dist/Carousel/index.js

@@ -58,9 +58,12 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/Chevron/index.js

@@ -58,9 +58,12 @@ import { chevron_wrapper, chevron } from "./Chevron.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

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

@@ -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 cb_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -27,7 +27,10 @@ export declare const headline: import('@vanilla-extract/recipes').RuntimeFn<{
             textShadow: "0px 0px #00000000";
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
         };
         tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -37,7 +40,9 @@ export declare const headline: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
+export declare const push_down_24: string;
 export declare const section_pad: string;
+export declare const section_min_pad: string;
 export declare const body_copy: string;
 export declare const call_to_action_row: string;
 export declare const link: string;

package/dist/ContentBanner/ContentBanner.css.js

@@ -4,16 +4,20 @@
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var content_banner = createRuntimeFn({ defaultClassName: "_1bwl51g0", variantClassNames: { variant: { primary: "_1bwl51g1", secondary: "_1bwl51g2", tertiary: "_1bwl51g3", quaternary: "_1bwl51g4" } }, defaultVariants: {}, compoundVariants: [] });
-var headline = createRuntimeFn({ defaultClassName: "_1bwl51g5", variantClassNames: { variant: { primary: "_1bwl51g6", secondary: "_1bwl51g7", tertiary: "_1bwl51g8", quaternary: "_1bwl51g9" } }, defaultVariants: {}, compoundVariants: [] });
-var section_pad = "_1bwl51ga";
-var body_copy = "_1bwl51gb";
-var call_to_action_row = "_1bwl51gc";
-var link = "_1bwl51gd";
+var cb_eyebrow = createRuntimeFn({ defaultClassName: "_1bwl51g5", variantClassNames: { variant: { primary: "_1bwl51g6", secondary: "_1bwl51g7", tertiary: "_1bwl51g8", quaternary: "_1bwl51g9" } }, defaultVariants: {}, compoundVariants: [] });
+var push_down_24 = "_1bwl51ga";
+var section_pad = "_1bwl51gb";
+var section_min_pad = "_1bwl51gc";
+var body_copy = "_1bwl51gd";
+var call_to_action_row = "_1bwl51ge";
+var link = "_1bwl51gf";
 export {
   body_copy,
   call_to_action_row,
+  cb_eyebrow,
   content_banner,
-  headline,
   link,
+  push_down_24,
+  section_min_pad,
   section_pad
 };

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

@@ -1,11 +1,15 @@
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { ReactNode } from 'react';
+import { ImageInterface } from '../IconBillboard';
 
 export interface HeroBannerInterface {
     id?: string;
     className?: string;
-    variant: string;
-    headline: string | ReactNode;
-    bodyCopy: string | ReactNode;
+    variant?: string;
+    icon?: ImageInterface;
+    eyebrow?: string | ReactNode;
+    headline?: string | ReactNode;
+    bodyCopy?: string | ReactNode;
     callToActionRow?: boolean | ChevronProps[];
+    bannerSize?: string;
 }

package/dist/ContentBanner/index.js

@@ -6,12 +6,15 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { content_banner, section_pad, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
+import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
+  icon,
+  eyebrow,
   headline,
   bodyCopy,
   callToActionRow,
+  bannerSize,
   id
 }) => {
   const banner_variant = getVariant(variant);
@@ -19,9 +22,11 @@ const ContentBanner = ({
     "section",
     {
       id: `id_${id}`,
-      className: `${content_banner({ variant: banner_variant })} ${section_pad}`,
+      className: `${content_banner({ variant: banner_variant })} ${bannerSize == "Large" ? section_pad : section_min_pad}`,
       children: /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
         /* @__PURE__ */ jsxs("div", { className: `text_center`, children: [
+          icon && /* @__PURE__ */ jsx("div", { className: `${push_down_24} flex center`, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon.src, alt: "" }) }),
+          eyebrow && /* @__PURE__ */ jsx("span", { className: cb_eyebrow({ variant: banner_variant }), children: eyebrow }),
           /* @__PURE__ */ jsx(
             "h1",
             {
@@ -29,7 +34,7 @@ const ContentBanner = ({
               children: headline
             }
           ),
-          bodyCopy ? /* @__PURE__ */ jsx("div", { className: `${body_copy}`, children: bodyCopy }) : null
+          bodyCopy && /* @__PURE__ */ jsx("div", { className: `${body_copy}`, children: bodyCopy })
         ] }),
         Array.isArray(callToActionRow) && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow?.map(
           ({ id: id2, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -16,7 +16,7 @@ const ExecutiveBioSet = ({
       title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${header_theme({ variant })}`, children: title }),
       description && /* @__PURE__ */ jsx(Fragment, { children: description })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       ExecutiveBio,
       {
         id: `id_${bio.id}`,
@@ -30,7 +30,7 @@ const ExecutiveBioSet = ({
         executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
         variant: bio?.variant
       },
-      index
+      bio.id
     ) })) }),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
   ] });

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -55,9 +55,12 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                    */
 /* empty css                                                       */
 /* empty css                                                     */
-import "../../StepItems/StepItems.css.js";
+import "../../StepItem/StepItem.css.js";
+import "../../StepItemSet/StepItemSet.css.js";
 import "../../Table/Table.css.js";
 /* empty css                                           */
+/* empty css                                                     */
+/* empty css                                                   */
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */

package/dist/Forms/ContactUsBusiness.js

@@ -60,9 +60,12 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/Forms/EmailOnly.js

@@ -61,9 +61,12 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/Forms/RenderForm.js

@@ -54,9 +54,12 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/Forms/SuccesForm.js

@@ -55,9 +55,12 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/Hyperlink/index.js

@@ -57,9 +57,12 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -100,5 +100,24 @@ export declare const header_section: import('@vanilla-extract/recipes').RuntimeF
     };
 }>;
 export declare const section_container: string;
+export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: "1px solid #D4D4D4";
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
 export type ContainerVariants = RecipeVariants<typeof containerIconBillboard>;
 export type LayoutVariants = RecipeVariants<typeof layout>;

package/dist/IconBillboard/IconBillboard.css.js

@@ -15,6 +15,7 @@ var buttons = "_1r4ovbuh";
 var section_text = "_1r4ovbui";
 var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
 var section_container = "_1r4ovbuo";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   billboard_icon,
   buttons,
@@ -25,6 +26,7 @@ export {
   layout,
   list,
   listItem,
+  section_body,
   section_container,
   section_text,
   title

package/dist/IconBillboard/IconBillboardSet.js

@@ -2,11 +2,12 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,
@@ -25,7 +26,7 @@ const IconBillboardSet = ({
           children: headline
         }
       ),
-      bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+      bodyCopy && /* @__PURE__ */ jsx("div", { className: clsx(section_body({ variant })), children: bodyCopy })
     ] }),
     /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
       ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   IconBillboard,
@@ -13,6 +13,7 @@ export {
   layout,
   list,
   listItem,
+  section_body,
   section_container,
   section_text,
   title

package/dist/ImageLink/ImageLink.js

@@ -55,9 +55,12 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/ImageLink/ImageLinkSet.js

@@ -59,9 +59,12 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/ImageLink/index.js

@@ -55,9 +55,12 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/Modal/Modal.js

@@ -54,9 +54,12 @@ import "./contextApi/store.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,56 +1,56 @@
-const header = "_header_5tt5v_1";
-const wrapper = "_wrapper_5tt5v_5";
-const header_main_row = "_header_main_row_5tt5v_11";
-const mobile_header = "_mobile_header_5tt5v_12";
-const logo_wrap = "_logo_wrap_5tt5v_18";
-const primary_links = "_primary_links_5tt5v_22";
-const main_nav_link = "_main_nav_link_5tt5v_26";
-const sub_nav_link = "_sub_nav_link_5tt5v_48";
-const signin_wrap = "_signin_wrap_5tt5v_50";
-const signin_btn = "_signin_btn_5tt5v_51";
-const sub_nav = "_sub_nav_5tt5v_48";
-const header_sub_row = "_header_sub_row_5tt5v_93";
-const signin_dropdown = "_signin_dropdown_5tt5v_109";
-const shadow = "_shadow_5tt5v_119";
-const signin_header = "_signin_header_5tt5v_127";
-const signin_subheader = "_signin_subheader_5tt5v_134";
-const opacity = "_opacity_5tt5v_156";
-const fadeInDown = "_fadeInDown_5tt5v_1";
-const footer = "_footer_5tt5v_162";
-const open = "_open_5tt5v_178";
-const dd_wrapper = "_dd_wrapper_5tt5v_190";
-const dd_media = "_dd_media_5tt5v_195";
-const dd_media_img = "_dd_media_img_5tt5v_200";
-const dd_site_navs = "_dd_site_navs_5tt5v_204";
-const dd_media_header = "_dd_media_header_5tt5v_211";
-const mt_8 = "_mt_8_5tt5v_220";
-const mt_16 = "_mt_16_5tt5v_224";
-const ml_8 = "_ml_8_5tt5v_228";
-const dd_media_cta = "_dd_media_cta_5tt5v_232";
-const reversed_row = "_reversed_row_5tt5v_246";
-const headline = "_headline_5tt5v_262";
-const nav_anchor = "_nav_anchor_5tt5v_268";
-const headline_cta = "_headline_cta_5tt5v_276";
-const site_lists = "_site_lists_5tt5v_291";
-const hamburger = "_hamburger_5tt5v_326";
-const mobile_only = "_mobile_only_5tt5v_340";
-const mobile_logo = "_mobile_logo_5tt5v_346";
-const highlight = "_highlight_5tt5v_351";
-const mobile_nav = "_mobile_nav_5tt5v_387";
-const mobile_opened = "_mobile_opened_5tt5v_397";
-const mobile_nav_item = "_mobile_nav_item_5tt5v_402";
-const has_dropdown = "_has_dropdown_5tt5v_417";
-const icon_wrap = "_icon_wrap_5tt5v_438";
-const mobile_footer = "_mobile_footer_5tt5v_443";
-const mobile_footer_content = "_mobile_footer_content_5tt5v_448";
-const mobile_footer_media = "_mobile_footer_media_5tt5v_462";
-const footer_cta = "_footer_cta_5tt5v_468";
-const inner_wrapper = "_inner_wrapper_5tt5v_496";
-const btn = "_btn_5tt5v_501";
-const sub_menu = "_sub_menu_5tt5v_506";
-const main = "_main_5tt5v_26";
-const dd_footer = "_dd_footer_5tt5v_531";
-const desktop_only = "_desktop_only_5tt5v_550";
+const header = "_header_1i6pg_1";
+const wrapper = "_wrapper_1i6pg_5";
+const header_main_row = "_header_main_row_1i6pg_11";
+const mobile_header = "_mobile_header_1i6pg_12";
+const logo_wrap = "_logo_wrap_1i6pg_18";
+const primary_links = "_primary_links_1i6pg_22";
+const main_nav_link = "_main_nav_link_1i6pg_26";
+const sub_nav_link = "_sub_nav_link_1i6pg_48";
+const signin_wrap = "_signin_wrap_1i6pg_50";
+const signin_btn = "_signin_btn_1i6pg_51";
+const sub_nav = "_sub_nav_1i6pg_48";
+const header_sub_row = "_header_sub_row_1i6pg_93";
+const signin_dropdown = "_signin_dropdown_1i6pg_109";
+const shadow = "_shadow_1i6pg_119";
+const signin_header = "_signin_header_1i6pg_127";
+const signin_subheader = "_signin_subheader_1i6pg_134";
+const opacity = "_opacity_1i6pg_156";
+const fadeInDown = "_fadeInDown_1i6pg_1";
+const footer = "_footer_1i6pg_162";
+const open = "_open_1i6pg_178";
+const dd_wrapper = "_dd_wrapper_1i6pg_190";
+const dd_media = "_dd_media_1i6pg_195";
+const dd_media_img = "_dd_media_img_1i6pg_200";
+const dd_site_navs = "_dd_site_navs_1i6pg_204";
+const dd_media_header = "_dd_media_header_1i6pg_211";
+const mt_8 = "_mt_8_1i6pg_220";
+const mt_16 = "_mt_16_1i6pg_224";
+const ml_8 = "_ml_8_1i6pg_228";
+const dd_media_cta = "_dd_media_cta_1i6pg_232";
+const reversed_row = "_reversed_row_1i6pg_246";
+const headline = "_headline_1i6pg_262";
+const nav_anchor = "_nav_anchor_1i6pg_268";
+const headline_cta = "_headline_cta_1i6pg_276";
+const site_lists = "_site_lists_1i6pg_291";
+const hamburger = "_hamburger_1i6pg_326";
+const mobile_only = "_mobile_only_1i6pg_340";
+const mobile_logo = "_mobile_logo_1i6pg_346";
+const highlight = "_highlight_1i6pg_351";
+const mobile_nav = "_mobile_nav_1i6pg_387";
+const mobile_opened = "_mobile_opened_1i6pg_398";
+const mobile_nav_item = "_mobile_nav_item_1i6pg_402";
+const has_dropdown = "_has_dropdown_1i6pg_417";
+const icon_wrap = "_icon_wrap_1i6pg_438";
+const mobile_footer = "_mobile_footer_1i6pg_443";
+const mobile_footer_content = "_mobile_footer_content_1i6pg_448";
+const mobile_footer_media = "_mobile_footer_media_1i6pg_462";
+const footer_cta = "_footer_cta_1i6pg_468";
+const inner_wrapper = "_inner_wrapper_1i6pg_496";
+const btn = "_btn_1i6pg_501";
+const sub_menu = "_sub_menu_1i6pg_506";
+const main = "_main_1i6pg_26";
+const dd_footer = "_dd_footer_1i6pg_531";
+const desktop_only = "_desktop_only_1i6pg_550";
 const styles = {
   header,
   wrapper,

package/dist/SetContainer/SetContainer.js

@@ -55,9 +55,12 @@ import "../Chevron/Chevron.css.js";
 /* empty css                                                                 */
 /* empty css                                                    */
 /* empty css                                                  */
-import "../StepItems/StepItems.css.js";
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
 import "../Table/Table.css.js";
 /* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */

package/dist/StepItem/StepItem.css.d.ts

@@ -0,0 +1,99 @@
+export declare const li: string;
+export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#4D85B0";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    borderColor: "#4A5560";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#4D85B0";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    borderColor: "#4A5560";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#FAA74A";
+                    background: "#1E3860";
+                } | {
+                    borderColor: "#FAA74A";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    borderColor: "#FAA74A";
+                    background: "#1E3860";
+                } | {
+                    borderColor: "#FAA74A";
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const bullet_details: string;
+export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const bs_copy: string;