@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-dev.21

package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts

@@ -1,2 +1,4 @@
 export declare const sub_nav: string;
 export declare const dd_media: string;
+export declare const dd_main_btn: string;
+export declare const dd_cta_link: string;

package/dist/NavigationMenu/AxosBank/SubNavbar.css.js

@@ -4,7 +4,11 @@ import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets
 /* empty css                             */
 var sub_nav = "lone1v0";
 var dd_media = "lone1v1";
+var dd_main_btn = "lone1v2";
+var dd_cta_link = "lone1v3";
 export {
+  dd_cta_link,
+  dd_main_btn,
   dd_media,
   sub_nav
 };

package/dist/NavigationMenu/AxosBank/index.js

@@ -73,9 +73,9 @@ import "../../Carousel/index.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

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

@@ -1,40 +1,40 @@
-import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_wsc8a_1";
-const wrapper = "_wrapper_wsc8a_5";
-const header_main_row = "_header_main_row_wsc8a_11";
-const mobile_header = "_mobile_header_wsc8a_12";
-const logo_wrap = "_logo_wrap_wsc8a_18";
-const primary_links = "_primary_links_wsc8a_22";
-const main_nav_link = "_main_nav_link_wsc8a_26";
-const sub_nav_link = "_sub_nav_link_wsc8a_45";
-const signin_wrap = "_signin_wrap_wsc8a_47";
-const signin_btn = "_signin_btn_wsc8a_48";
-const sub_nav = "_sub_nav_wsc8a_45";
-const header_sub_row = "_header_sub_row_wsc8a_96";
-const signin_dropdown = "_signin_dropdown_wsc8a_119";
-const shadow = "_shadow_wsc8a_129";
-const signin_subheader = "_signin_subheader_wsc8a_135";
-const opacity = "_opacity_wsc8a_156";
-const fadeInDown = "_fadeInDown_wsc8a_1";
-const open = "_open_wsc8a_162";
-const hamburger = "_hamburger_wsc8a_180";
-const mobile_only = "_mobile_only_wsc8a_194";
-const mobile_logo = "_mobile_logo_wsc8a_200";
-const highlight = "_highlight_wsc8a_205";
-const mobile_nav = "_mobile_nav_wsc8a_232";
-const mobile_opened = "_mobile_opened_wsc8a_243";
-const mobile_nav_item = "_mobile_nav_item_wsc8a_251";
-const has_dropdown = "_has_dropdown_wsc8a_266";
-const icon_wrap = "_icon_wrap_wsc8a_287";
-const mobile_footer = "_mobile_footer_wsc8a_292";
-const mobile_footer_content = "_mobile_footer_content_wsc8a_297";
-const mobile_footer_media = "_mobile_footer_media_wsc8a_312";
-const footer_cta = "_footer_cta_wsc8a_318";
-const inner_wrapper = "_inner_wrapper_wsc8a_346";
-const btn = "_btn_wsc8a_352";
-const sub_menu = "_sub_menu_wsc8a_357";
-const main = "_main_wsc8a_26";
-const dd_footer = "_dd_footer_wsc8a_382";
-const desktop_only = "_desktop_only_wsc8a_407";
+import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_hmrrj_1";
+const wrapper = "_wrapper_hmrrj_5";
+const header_main_row = "_header_main_row_hmrrj_11";
+const mobile_header = "_mobile_header_hmrrj_12";
+const logo_wrap = "_logo_wrap_hmrrj_18";
+const primary_links = "_primary_links_hmrrj_22";
+const main_nav_link = "_main_nav_link_hmrrj_26";
+const sub_nav_link = "_sub_nav_link_hmrrj_58";
+const signin_wrap = "_signin_wrap_hmrrj_60";
+const signin_btn = "_signin_btn_hmrrj_61";
+const sub_nav = "_sub_nav_hmrrj_58";
+const header_sub_row = "_header_sub_row_hmrrj_120";
+const signin_dropdown = "_signin_dropdown_hmrrj_144";
+const shadow = "_shadow_hmrrj_154";
+const signin_subheader = "_signin_subheader_hmrrj_160";
+const opacity = "_opacity_hmrrj_181";
+const fadeInDown = "_fadeInDown_hmrrj_1";
+const open = "_open_hmrrj_187";
+const hamburger = "_hamburger_hmrrj_205";
+const mobile_only = "_mobile_only_hmrrj_219";
+const mobile_logo = "_mobile_logo_hmrrj_225";
+const highlight = "_highlight_hmrrj_230";
+const mobile_nav = "_mobile_nav_hmrrj_257";
+const mobile_opened = "_mobile_opened_hmrrj_268";
+const mobile_nav_item = "_mobile_nav_item_hmrrj_276";
+const has_dropdown = "_has_dropdown_hmrrj_291";
+const icon_wrap = "_icon_wrap_hmrrj_312";
+const mobile_footer = "_mobile_footer_hmrrj_317";
+const mobile_footer_content = "_mobile_footer_content_hmrrj_322";
+const mobile_footer_media = "_mobile_footer_media_hmrrj_337";
+const footer_cta = "_footer_cta_hmrrj_343";
+const inner_wrapper = "_inner_wrapper_hmrrj_372";
+const btn = "_btn_hmrrj_378";
+const sub_menu = "_sub_menu_hmrrj_383";
+const main = "_main_hmrrj_26";
+const dd_footer = "_dd_footer_hmrrj_408";
+const desktop_only = "_desktop_only_hmrrj_433";
 const styles = {
   header,
   wrapper,

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

@@ -1,44 +1,44 @@
-import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_1f737_1";
-const wrapper = "_wrapper_1f737_5";
-const header_main_row = "_header_main_row_1f737_11";
-const mobile_header = "_mobile_header_1f737_12";
-const logo_wrap = "_logo_wrap_1f737_18";
-const primary_links = "_primary_links_1f737_22";
-const main_nav = "_main_nav_1f737_26";
-const main_nav_link = "_main_nav_link_1f737_33";
-const sub_nav_link = "_sub_nav_link_1f737_55";
-const signin_wrap = "_signin_wrap_1f737_57";
-const signin_btn = "_signin_btn_1f737_58";
-const sub_nav = "_sub_nav_1f737_55";
-const header_sub_row = "_header_sub_row_1f737_99";
-const shadow = "_shadow_1f737_115";
-const opacity = "_opacity_1f737_131";
-const fadeInDown = "_fadeInDown_1f737_1";
-const footer = "_footer_1f737_137";
-const open = "_open_1f737_153";
-const mt_8 = "_mt_8_1f737_161";
-const mt_16 = "_mt_16_1f737_165";
-const ml_8 = "_ml_8_1f737_169";
-const reversed_row = "_reversed_row_1f737_173";
-const nav_anchor = "_nav_anchor_1f737_177";
-const site_lists = "_site_lists_1f737_188";
-const hamburger = "_hamburger_1f737_192";
-const mobile_logo = "_mobile_logo_1f737_206";
-const mobile_nav = "_mobile_nav_1f737_231";
-const mobile_opened = "_mobile_opened_1f737_242";
-const _mobile_opened = "__mobile_opened_1f737_246";
-const mobile_nav_item = "_mobile_nav_item_1f737_250";
-const icon_wrap = "_icon_wrap_1f737_265";
-const mobile_footer = "_mobile_footer_1f737_270";
-const mobile_footer_content = "_mobile_footer_content_1f737_275";
-const mobile_footer_media = "_mobile_footer_media_1f737_289";
-const footer_cta = "_footer_cta_1f737_296";
-const inner_wrapper = "_inner_wrapper_1f737_328";
-const btn = "_btn_1f737_333";
-const sub_menu = "_sub_menu_1f737_338";
-const main = "_main_1f737_26";
-const desktop_only = "_desktop_only_1f737_367";
-const mobile_only = "_mobile_only_1f737_414";
+import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_15z7t_1";
+const wrapper = "_wrapper_15z7t_5";
+const header_main_row = "_header_main_row_15z7t_11";
+const mobile_header = "_mobile_header_15z7t_12";
+const logo_wrap = "_logo_wrap_15z7t_18";
+const primary_links = "_primary_links_15z7t_22";
+const main_nav = "_main_nav_15z7t_26";
+const main_nav_link = "_main_nav_link_15z7t_33";
+const sub_nav_link = "_sub_nav_link_15z7t_55";
+const signin_wrap = "_signin_wrap_15z7t_57";
+const signin_btn = "_signin_btn_15z7t_58";
+const sub_nav = "_sub_nav_15z7t_55";
+const header_sub_row = "_header_sub_row_15z7t_99";
+const shadow = "_shadow_15z7t_115";
+const opacity = "_opacity_15z7t_131";
+const fadeInDown = "_fadeInDown_15z7t_1";
+const footer = "_footer_15z7t_137";
+const open = "_open_15z7t_153";
+const mt_8 = "_mt_8_15z7t_161";
+const mt_16 = "_mt_16_15z7t_165";
+const ml_8 = "_ml_8_15z7t_169";
+const reversed_row = "_reversed_row_15z7t_173";
+const nav_anchor = "_nav_anchor_15z7t_177";
+const site_lists = "_site_lists_15z7t_188";
+const hamburger = "_hamburger_15z7t_192";
+const mobile_logo = "_mobile_logo_15z7t_206";
+const mobile_nav = "_mobile_nav_15z7t_231";
+const mobile_opened = "_mobile_opened_15z7t_242";
+const _mobile_opened = "__mobile_opened_15z7t_246";
+const mobile_nav_item = "_mobile_nav_item_15z7t_250";
+const icon_wrap = "_icon_wrap_15z7t_265";
+const mobile_footer = "_mobile_footer_15z7t_270";
+const mobile_footer_content = "_mobile_footer_content_15z7t_275";
+const mobile_footer_media = "_mobile_footer_media_15z7t_290";
+const footer_cta = "_footer_cta_15z7t_297";
+const inner_wrapper = "_inner_wrapper_15z7t_329";
+const btn = "_btn_15z7t_334";
+const sub_menu = "_sub_menu_15z7t_339";
+const main = "_main_15z7t_26";
+const desktop_only = "_desktop_only_15z7t_368";
+const mobile_only = "_mobile_only_15z7t_415";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -70,9 +70,9 @@ import "../../Carousel/index.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -73,9 +73,9 @@ import "../../Carousel/index.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/NavDataJson.js

@@ -70,9 +70,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/Navbar.js

@@ -72,9 +72,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/SignInNavButton.js

@@ -73,9 +73,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/PageNavItem/PageNavItem.css.d.ts

@@ -1,38 +1,20 @@
 export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    border: "1px solid #87b9d7";
-                } | {
-                    border: "1px solid #1E262F";
-                };
-            };
+            border: `1px solid var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    border: "1px solid #87b9d7";
-                } | {
-                    border: "1px solid #1E262F";
-                };
-            };
+            border: `1px solid var(--${string})`;
         };
     };
 }>;
 export declare const pn_link: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
     };
 }>;

package/dist/Pagination/Pagination.js

@@ -39,9 +39,9 @@ function Pagination({ totalPages }) {
             rotate: -90,
             style: {
               transform: "rotate(90deg)",
-              color: "#2F5B88",
-              fill: "#2F5B88",
-              stroke: "#2F5B88"
+              color: "#1E629A",
+              fill: "#1E629A",
+              stroke: "#1E629A"
             }
           }
         )
@@ -60,9 +60,9 @@ function Pagination({ totalPages }) {
             rotate: -90,
             style: {
               transform: "rotate(-90deg)",
-              color: "#2F5B88",
-              fill: "#2F5B88",
-              stroke: "#2F5B88"
+              color: "#1E629A",
+              fill: "#1E629A",
+              stroke: "#1E629A"
             }
           }
         )

package/dist/SetContainer/SetContainer.js

@@ -74,9 +74,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import { setcontainer_section_text, set_container_cols, inline_container, set_container, isolate_container } from "./SetContainer.css.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -70,9 +70,9 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

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

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

package/dist/StepItemSet/StepItemSet.css.d.ts

@@ -29,48 +29,20 @@ export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
             fill: "#1E3860";
         };
         tertiary: {
-            fill: "#FFF";
+            fill: "#FFFFFF";
         };
         quaternary: {
-            fill: "#FFF";
+            fill: "#FFFFFF";
         };
     };
 }>;
 export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -83,6 +55,7 @@ export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const sec_subtitle: string;
 export declare const tablet_col: string;
 export declare const bs_image: string;
+export declare const bs_video: string;
 export declare const steps_wrapper: string;
 export declare const ol: string;
 export declare const bs_btns: string;

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,6 +1,8 @@
-import '../assets/StepItemSet/StepItemSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/StepItemSet/StepItemSet.css';import '../assets/VideoTile/VideoTile.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
+/* empty css                                          */
+/* empty css                                        */
 /* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -11,15 +13,17 @@ var sec_title = createRuntimeFn({ defaultClassName: "_18par6fc", variantClassNam
 var sec_subtitle = "_18par6fh";
 var tablet_col = "_18par6fi";
 var bs_image = "_18par6fj";
-var steps_wrapper = "_18par6fk";
-var ol = "_18par6fl";
-var bs_btns = "_18par6fm";
-var bs_add_details = "_18par6fn";
+var bs_video = "_18par6fk";
+var steps_wrapper = "_18par6fl";
+var ol = "_18par6fm";
+var bs_btns = "_18par6fn";
+var bs_add_details = "_18par6fo";
 export {
   bs_add_details,
   bs_btns,
   bs_image,
   bs_section,
+  bs_video,
   bs_wrapper,
   modifier,
   ol,

package/dist/StepItemSet/StepItemSet.d.ts

@@ -13,5 +13,11 @@ export interface StepItemSetProps {
     stepItems?: StepItemProps[];
     callToActionRow?: boolean | ChevronProps[];
     additionalDetails?: string | ReactNode;
+    video?: {
+        videoId: string;
+        videoPlayer: string;
+        thubnailImage: string;
+        transcript?: string;
+    };
 }
 export declare const StepItemSet: FC<StepItemSetProps>;

package/dist/StepItemSet/StepItemSet.js

@@ -8,7 +8,14 @@ import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { StepItem } from "../StepItem/StepItem.js";
 import "../StepItem/StepItem.css.js";
-import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
+import "next/script.js";
+import { VideoTile } from "../VideoTile/VideoTile.js";
+import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                        */
+import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, bs_video, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
 const StepItemSet = ({
   id,
   variant: fullVariant = "primary",
@@ -17,7 +24,8 @@ const StepItemSet = ({
   image,
   stepItems,
   callToActionRow,
-  additionalDetails
+  additionalDetails,
+  video
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
@@ -55,7 +63,18 @@ const StepItemSet = ({
       description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
-      image && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) }),
+      image && image.src ? /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) }) : video && video.videoId && /* @__PURE__ */ jsx("div", { className: bs_video, role: "presentation", children: /* @__PURE__ */ jsx(
+        VideoTile,
+        {
+          id: "video-tile",
+          videoId: video.videoId,
+          videoPlayer: video.videoPlayer,
+          thumbnailImage: video.thubnailImage,
+          displayType: "inline",
+          transcript: video.transcript,
+          enableModal: true
+        }
+      ) }),
       /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
         StepItem,
         {

package/dist/StepItemSet/index.js

@@ -1,11 +1,12 @@
 import { StepItemSet } from "./StepItemSet.js";
-import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_video, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
 export {
   StepItemSet,
   bs_add_details,
   bs_btns,
   bs_image,
   bs_section,
+  bs_video,
   bs_wrapper,
   modifier,
   ol,

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

@@ -2,11 +2,12 @@ export declare const table_section: string;
 export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {
-            background: "#f4f4f4";
+            background: `var(--${string})`;
+            border: "1px solid #f1f1f1";
             padding: "2rem 0";
         };
         standard: {
-            background: "white";
+            background: "#ffffff";
         };
     };
 }>;
@@ -70,6 +71,7 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
         true: {};
     };
 }>;
+export declare const apy_table: string;
 export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -158,7 +160,6 @@ 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;
 export declare const highlight_cell: string;
 export declare const highlight_th: string;

package/dist/Table/Table.css.js

@@ -13,11 +13,11 @@ var headerCell = "_1nivbwe8";
 var headerVariants = { primary: "_1nivbwe9 _1nivbwe8", secondary: "_1nivbwea _1nivbwe8", tertiary: "_1nivbweb _1nivbwe8", quaternary: "_1nivbwec _1nivbwe8" };
 var bodyHeader = "_1nivbwed";
 var th = createRuntimeFn({ defaultClassName: "_1nivbwee", variantClassNames: { variant: { primary: "_1nivbwef", secondary: "_1nivbweg", tertiary: "_1nivbweh", quaternary: "_1nivbwei" }, highlighted: { true: "_1nivbwej" } }, defaultVariants: {}, compoundVariants: [] });
-var td = createRuntimeFn({ defaultClassName: "_1nivbwek", variantClassNames: { variant: { primary: "_1nivbwel", secondary: "_1nivbwem", tertiary: "_1nivbwen", quaternary: "_1nivbweo" }, highlighted: { true: "_1nivbwep" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbweq"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwer"]] });
-var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwes", variantClassNames: { variant: { primary: "_1nivbwet", secondary: "_1nivbweu", tertiary: "_1nivbwev", quaternary: "_1nivbwew" } }, defaultVariants: {}, compoundVariants: [] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwex", variantClassNames: { variant: { primary: "_1nivbwey", secondary: "_1nivbwez", tertiary: "_1nivbwe10", quaternary: "_1nivbwe11" } }, defaultVariants: {}, compoundVariants: [] });
-var alternate_color_rows = "_1nivbwe12";
-var apy_table = "_1nivbwe13";
+var apy_table = "_1nivbwek";
+var td = createRuntimeFn({ defaultClassName: "_1nivbwel", variantClassNames: { variant: { primary: "_1nivbwem", secondary: "_1nivbwen", tertiary: "_1nivbweo", quaternary: "_1nivbwep" }, highlighted: { true: "_1nivbweq" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwer"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwes"]] });
+var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwet", variantClassNames: { variant: { primary: "_1nivbweu", secondary: "_1nivbwev", tertiary: "_1nivbwew", quaternary: "_1nivbwex" } }, defaultVariants: {}, compoundVariants: [] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwey", variantClassNames: { variant: { primary: "_1nivbwez", secondary: "_1nivbwe10", tertiary: "_1nivbwe11", quaternary: "_1nivbwe12" } }, defaultVariants: {}, compoundVariants: [] });
+var alternate_color_rows = "_1nivbwe13";
 var table_description_text = "_1nivbwe14 _1nivbwe4";
 var highlight_cell = "_1nivbwe15";
 var highlight_th = "_1nivbwe16";