@axos-web-dev/shared-components 1.0.77-patch.29 → 1.0.77-patch.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/Avatar/Avatar.module.js +7 -7
  2. package/dist/Blockquote/Blockquote.module.js +3 -3
  3. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  4. package/dist/Forms/CommercialDepositsNoLendingOption.d.ts +16 -0
  5. package/dist/Forms/CommercialDepositsNoLendingOption.js +330 -0
  6. package/dist/Forms/index.d.ts +1 -0
  7. package/dist/Forms/index.js +2 -0
  8. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  9. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  10. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  11. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  12. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  13. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  14. package/dist/StepItemSet/StepItemSet.css.d.ts +1 -0
  15. package/dist/StepItemSet/StepItemSet.css.js +9 -5
  16. package/dist/StepItemSet/StepItemSet.d.ts +6 -0
  17. package/dist/StepItemSet/StepItemSet.js +22 -3
  18. package/dist/StepItemSet/index.js +2 -1
  19. package/dist/assets/Avatar/Avatar.css.css +59 -59
  20. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  21. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +597 -597
  22. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +618 -618
  23. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  24. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
  25. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +458 -458
  26. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +426 -426
  27. package/dist/assets/StepItemSet/StepItemSet.css +27 -10
  28. package/dist/main.js +4 -1
  29. package/package.json +133 -133
@@ -1,19 +1,19 @@
1
- import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1rjre_1";
2
- const drawer = "_drawer_1rjre_17";
3
- const hamburger = "_hamburger_1rjre_57";
4
- const header = "_header_1rjre_79";
5
- const back = "_back_1rjre_101";
6
- const close = "_close_1rjre_123";
7
- const levelContainer = "_levelContainer_1rjre_137";
8
- const level = "_level_1rjre_137";
9
- const levelTitle = "_levelTitle_1rjre_169";
10
- const menu = "_menu_1rjre_179";
11
- const menuItem = "_menuItem_1rjre_219";
12
- const chevron = "_chevron_1rjre_251";
13
- const chevronIcon = "_chevronIcon_1rjre_261";
14
- const quickLinks = "_quickLinks_1rjre_283";
15
- const quickLink = "_quickLink_1rjre_283";
16
- const sr_only = "_sr_only_1rjre_331";
1
+ import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1s2qa_1";
2
+ const drawer = "_drawer_1s2qa_9";
3
+ const hamburger = "_hamburger_1s2qa_29";
4
+ const header = "_header_1s2qa_40";
5
+ const back = "_back_1s2qa_51";
6
+ const close = "_close_1s2qa_62";
7
+ const levelContainer = "_levelContainer_1s2qa_69";
8
+ const level = "_level_1s2qa_69";
9
+ const levelTitle = "_levelTitle_1s2qa_85";
10
+ const menu = "_menu_1s2qa_90";
11
+ const menuItem = "_menuItem_1s2qa_110";
12
+ const chevron = "_chevron_1s2qa_126";
13
+ const chevronIcon = "_chevronIcon_1s2qa_131";
14
+ const quickLinks = "_quickLinks_1s2qa_142";
15
+ const quickLink = "_quickLink_1s2qa_142";
16
+ const sr_only = "_sr_only_1s2qa_166";
17
17
  const styles = {
18
18
  overlay,
19
19
  drawer,
@@ -1,42 +1,42 @@
1
- import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_nom5w_1";
2
- const wrapper = "_wrapper_nom5w_9";
3
- const header_main_row = "_header_main_row_nom5w_21";
4
- const logo_wrap = "_logo_wrap_nom5w_33";
5
- const primary_links = "_primary_links_nom5w_41";
6
- const main_nav_link = "_main_nav_link_nom5w_49";
7
- const sub_nav_link = "_sub_nav_link_nom5w_113";
8
- const signin_wrap = "_signin_wrap_nom5w_117";
9
- const signin_btn = "_signin_btn_nom5w_119";
10
- const header_sub_row = "_header_sub_row_nom5w_193";
11
- const signin_dropdown = "_signin_dropdown_nom5w_257";
12
- const shadow = "_shadow_nom5w_277";
13
- const signin_header = "_signin_header_nom5w_297";
14
- const signin_subheader = "_signin_subheader_nom5w_311";
15
- const opacity = "_opacity_nom5w_355";
16
- const fadeInDown = "_fadeInDown_nom5w_1";
17
- const signin_footer = "_signin_footer_nom5w_367";
18
- const open = "_open_nom5w_409";
19
- const dd_wrapper = "_dd_wrapper_nom5w_433";
20
- const dd_media = "_dd_media_nom5w_451";
21
- const dd_media_img = "_dd_media_img_nom5w_461";
22
- const dd_site_navs = "_dd_site_navs_nom5w_469";
23
- const dd_media_header = "_dd_media_header_nom5w_483";
24
- const mt_8 = "_mt_8_nom5w_503";
25
- const mt_16 = "_mt_16_nom5w_511";
26
- const ml_8 = "_ml_8_nom5w_519";
27
- const dd_media_cta = "_dd_media_cta_nom5w_527";
28
- const reversed_row = "_reversed_row_nom5w_591";
29
- const headline = "_headline_nom5w_611";
30
- const nav_anchor = "_nav_anchor_nom5w_627";
31
- const headline_cta = "_headline_cta_nom5w_643";
32
- const site_lists = "_site_lists_nom5w_673";
33
- const mobile_only = "_mobile_only_nom5w_749";
34
- const mobile_logo = "_mobile_logo_nom5w_761";
35
- const highlight = "_highlight_nom5w_775";
36
- const mobile_opened = "_mobile_opened_nom5w_787";
37
- const dd_footer = "_dd_footer_nom5w_803";
38
- const skip_btn = "_skip_btn_nom5w_819";
39
- const desktop_only = "_desktop_only_nom5w_891";
1
+ import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_68bu0_1";
2
+ const wrapper = "_wrapper_68bu0_5";
3
+ const header_main_row = "_header_main_row_68bu0_11";
4
+ const logo_wrap = "_logo_wrap_68bu0_17";
5
+ const primary_links = "_primary_links_68bu0_21";
6
+ const main_nav_link = "_main_nav_link_68bu0_25";
7
+ const sub_nav_link = "_sub_nav_link_68bu0_57";
8
+ const signin_wrap = "_signin_wrap_68bu0_59";
9
+ const signin_btn = "_signin_btn_68bu0_60";
10
+ const header_sub_row = "_header_sub_row_68bu0_97";
11
+ const signin_dropdown = "_signin_dropdown_68bu0_129";
12
+ const shadow = "_shadow_68bu0_139";
13
+ const signin_header = "_signin_header_68bu0_149";
14
+ const signin_subheader = "_signin_subheader_68bu0_156";
15
+ const opacity = "_opacity_68bu0_178";
16
+ const fadeInDown = "_fadeInDown_68bu0_1";
17
+ const signin_footer = "_signin_footer_68bu0_184";
18
+ const open = "_open_68bu0_205";
19
+ const dd_wrapper = "_dd_wrapper_68bu0_217";
20
+ const dd_media = "_dd_media_68bu0_226";
21
+ const dd_media_img = "_dd_media_img_68bu0_231";
22
+ const dd_site_navs = "_dd_site_navs_68bu0_235";
23
+ const dd_media_header = "_dd_media_header_68bu0_242";
24
+ const mt_8 = "_mt_8_68bu0_252";
25
+ const mt_16 = "_mt_16_68bu0_256";
26
+ const ml_8 = "_ml_8_68bu0_260";
27
+ const dd_media_cta = "_dd_media_cta_68bu0_264";
28
+ const reversed_row = "_reversed_row_68bu0_296";
29
+ const headline = "_headline_68bu0_306";
30
+ const nav_anchor = "_nav_anchor_68bu0_314";
31
+ const headline_cta = "_headline_cta_68bu0_322";
32
+ const site_lists = "_site_lists_68bu0_337";
33
+ const mobile_only = "_mobile_only_68bu0_375";
34
+ const mobile_logo = "_mobile_logo_68bu0_381";
35
+ const highlight = "_highlight_68bu0_388";
36
+ const mobile_opened = "_mobile_opened_68bu0_394";
37
+ const dd_footer = "_dd_footer_68bu0_402";
38
+ const skip_btn = "_skip_btn_68bu0_410";
39
+ const desktop_only = "_desktop_only_68bu0_446";
40
40
  const styles = {
41
41
  header,
42
42
  wrapper,
@@ -1,40 +1,40 @@
1
- import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_1o3gh_1";
2
- const wrapper = "_wrapper_1o3gh_9";
3
- const header_main_row = "_header_main_row_1o3gh_21";
4
- const mobile_header = "_mobile_header_1o3gh_23";
5
- const logo_wrap = "_logo_wrap_1o3gh_35";
6
- const primary_links = "_primary_links_1o3gh_43";
7
- const main_nav_link = "_main_nav_link_1o3gh_51";
8
- const sub_nav_link = "_sub_nav_link_1o3gh_89";
9
- const signin_wrap = "_signin_wrap_1o3gh_93";
10
- const signin_btn = "_signin_btn_1o3gh_95";
11
- const sub_nav = "_sub_nav_1o3gh_89";
12
- const header_sub_row = "_header_sub_row_1o3gh_191";
13
- const signin_dropdown = "_signin_dropdown_1o3gh_237";
14
- const shadow = "_shadow_1o3gh_257";
15
- const signin_subheader = "_signin_subheader_1o3gh_269";
16
- const opacity = "_opacity_1o3gh_311";
17
- const fadeInDown = "_fadeInDown_1o3gh_1";
18
- const open = "_open_1o3gh_323";
19
- const hamburger = "_hamburger_1o3gh_359";
20
- const mobile_only = "_mobile_only_1o3gh_387";
21
- const mobile_logo = "_mobile_logo_1o3gh_399";
22
- const highlight = "_highlight_1o3gh_409";
23
- const mobile_nav = "_mobile_nav_1o3gh_463";
24
- const mobile_opened = "_mobile_opened_1o3gh_485";
25
- const mobile_nav_item = "_mobile_nav_item_1o3gh_501";
26
- const has_dropdown = "_has_dropdown_1o3gh_531";
27
- const icon_wrap = "_icon_wrap_1o3gh_573";
28
- const mobile_footer = "_mobile_footer_1o3gh_583";
29
- const mobile_footer_content = "_mobile_footer_content_1o3gh_593";
30
- const mobile_footer_media = "_mobile_footer_media_1o3gh_623";
31
- const footer_cta = "_footer_cta_1o3gh_635";
32
- const inner_wrapper = "_inner_wrapper_1o3gh_691";
33
- const btn = "_btn_1o3gh_703";
34
- const sub_menu = "_sub_menu_1o3gh_713";
35
- const main = "_main_1o3gh_51";
36
- const dd_footer = "_dd_footer_1o3gh_763";
37
- const desktop_only = "_desktop_only_1o3gh_813";
1
+ import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_wsc8a_1";
2
+ const wrapper = "_wrapper_wsc8a_5";
3
+ const header_main_row = "_header_main_row_wsc8a_11";
4
+ const mobile_header = "_mobile_header_wsc8a_12";
5
+ const logo_wrap = "_logo_wrap_wsc8a_18";
6
+ const primary_links = "_primary_links_wsc8a_22";
7
+ const main_nav_link = "_main_nav_link_wsc8a_26";
8
+ const sub_nav_link = "_sub_nav_link_wsc8a_45";
9
+ const signin_wrap = "_signin_wrap_wsc8a_47";
10
+ const signin_btn = "_signin_btn_wsc8a_48";
11
+ const sub_nav = "_sub_nav_wsc8a_45";
12
+ const header_sub_row = "_header_sub_row_wsc8a_96";
13
+ const signin_dropdown = "_signin_dropdown_wsc8a_119";
14
+ const shadow = "_shadow_wsc8a_129";
15
+ const signin_subheader = "_signin_subheader_wsc8a_135";
16
+ const opacity = "_opacity_wsc8a_156";
17
+ const fadeInDown = "_fadeInDown_wsc8a_1";
18
+ const open = "_open_wsc8a_162";
19
+ const hamburger = "_hamburger_wsc8a_180";
20
+ const mobile_only = "_mobile_only_wsc8a_194";
21
+ const mobile_logo = "_mobile_logo_wsc8a_200";
22
+ const highlight = "_highlight_wsc8a_205";
23
+ const mobile_nav = "_mobile_nav_wsc8a_232";
24
+ const mobile_opened = "_mobile_opened_wsc8a_243";
25
+ const mobile_nav_item = "_mobile_nav_item_wsc8a_251";
26
+ const has_dropdown = "_has_dropdown_wsc8a_266";
27
+ const icon_wrap = "_icon_wrap_wsc8a_287";
28
+ const mobile_footer = "_mobile_footer_wsc8a_292";
29
+ const mobile_footer_content = "_mobile_footer_content_wsc8a_297";
30
+ const mobile_footer_media = "_mobile_footer_media_wsc8a_312";
31
+ const footer_cta = "_footer_cta_wsc8a_318";
32
+ const inner_wrapper = "_inner_wrapper_wsc8a_346";
33
+ const btn = "_btn_wsc8a_352";
34
+ const sub_menu = "_sub_menu_wsc8a_357";
35
+ const main = "_main_wsc8a_26";
36
+ const dd_footer = "_dd_footer_wsc8a_382";
37
+ const desktop_only = "_desktop_only_wsc8a_407";
38
38
  const styles = {
39
39
  header,
40
40
  wrapper,
@@ -1,44 +1,44 @@
1
- import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_5vagi_1";
2
- const wrapper = "_wrapper_5vagi_9";
3
- const header_main_row = "_header_main_row_5vagi_21";
4
- const mobile_header = "_mobile_header_5vagi_23";
5
- const logo_wrap = "_logo_wrap_5vagi_35";
6
- const primary_links = "_primary_links_5vagi_43";
7
- const main_nav = "_main_nav_5vagi_51";
8
- const main_nav_link = "_main_nav_link_5vagi_65";
9
- const sub_nav_link = "_sub_nav_link_5vagi_109";
10
- const signin_wrap = "_signin_wrap_5vagi_113";
11
- const signin_btn = "_signin_btn_5vagi_115";
12
- const sub_nav = "_sub_nav_5vagi_109";
13
- const header_sub_row = "_header_sub_row_5vagi_197";
14
- const shadow = "_shadow_5vagi_229";
15
- const opacity = "_opacity_5vagi_261";
16
- const fadeInDown = "_fadeInDown_5vagi_1";
17
- const footer = "_footer_5vagi_273";
18
- const open = "_open_5vagi_305";
19
- const mt_8 = "_mt_8_5vagi_321";
20
- const mt_16 = "_mt_16_5vagi_329";
21
- const ml_8 = "_ml_8_5vagi_337";
22
- const reversed_row = "_reversed_row_5vagi_345";
23
- const nav_anchor = "_nav_anchor_5vagi_353";
24
- const site_lists = "_site_lists_5vagi_375";
25
- const hamburger = "_hamburger_5vagi_383";
26
- const mobile_logo = "_mobile_logo_5vagi_411";
27
- const mobile_nav = "_mobile_nav_5vagi_461";
28
- const mobile_opened = "_mobile_opened_5vagi_483";
29
- const _mobile_opened = "__mobile_opened_5vagi_491";
30
- const mobile_nav_item = "_mobile_nav_item_5vagi_499";
31
- const icon_wrap = "_icon_wrap_5vagi_529";
32
- const mobile_footer = "_mobile_footer_5vagi_539";
33
- const mobile_footer_content = "_mobile_footer_content_5vagi_549";
34
- const mobile_footer_media = "_mobile_footer_media_5vagi_577";
35
- const footer_cta = "_footer_cta_5vagi_591";
36
- const inner_wrapper = "_inner_wrapper_5vagi_655";
37
- const btn = "_btn_5vagi_665";
38
- const sub_menu = "_sub_menu_5vagi_675";
39
- const main = "_main_5vagi_51";
40
- const desktop_only = "_desktop_only_5vagi_733";
41
- const mobile_only = "_mobile_only_5vagi_827";
1
+ import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_1f737_1";
2
+ const wrapper = "_wrapper_1f737_5";
3
+ const header_main_row = "_header_main_row_1f737_11";
4
+ const mobile_header = "_mobile_header_1f737_12";
5
+ const logo_wrap = "_logo_wrap_1f737_18";
6
+ const primary_links = "_primary_links_1f737_22";
7
+ const main_nav = "_main_nav_1f737_26";
8
+ const main_nav_link = "_main_nav_link_1f737_33";
9
+ const sub_nav_link = "_sub_nav_link_1f737_55";
10
+ const signin_wrap = "_signin_wrap_1f737_57";
11
+ const signin_btn = "_signin_btn_1f737_58";
12
+ const sub_nav = "_sub_nav_1f737_55";
13
+ const header_sub_row = "_header_sub_row_1f737_99";
14
+ const shadow = "_shadow_1f737_115";
15
+ const opacity = "_opacity_1f737_131";
16
+ const fadeInDown = "_fadeInDown_1f737_1";
17
+ const footer = "_footer_1f737_137";
18
+ const open = "_open_1f737_153";
19
+ const mt_8 = "_mt_8_1f737_161";
20
+ const mt_16 = "_mt_16_1f737_165";
21
+ const ml_8 = "_ml_8_1f737_169";
22
+ const reversed_row = "_reversed_row_1f737_173";
23
+ const nav_anchor = "_nav_anchor_1f737_177";
24
+ const site_lists = "_site_lists_1f737_188";
25
+ const hamburger = "_hamburger_1f737_192";
26
+ const mobile_logo = "_mobile_logo_1f737_206";
27
+ const mobile_nav = "_mobile_nav_1f737_231";
28
+ const mobile_opened = "_mobile_opened_1f737_242";
29
+ const _mobile_opened = "__mobile_opened_1f737_246";
30
+ const mobile_nav_item = "_mobile_nav_item_1f737_250";
31
+ const icon_wrap = "_icon_wrap_1f737_265";
32
+ const mobile_footer = "_mobile_footer_1f737_270";
33
+ const mobile_footer_content = "_mobile_footer_content_1f737_275";
34
+ const mobile_footer_media = "_mobile_footer_media_1f737_289";
35
+ const footer_cta = "_footer_cta_1f737_296";
36
+ const inner_wrapper = "_inner_wrapper_1f737_328";
37
+ const btn = "_btn_1f737_333";
38
+ const sub_menu = "_sub_menu_1f737_338";
39
+ const main = "_main_1f737_26";
40
+ const desktop_only = "_desktop_only_1f737_367";
41
+ const mobile_only = "_mobile_only_1f737_414";
42
42
  const styles = {
43
43
  header,
44
44
  wrapper,
@@ -83,6 +83,7 @@ export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
83
83
  export declare const sec_subtitle: string;
84
84
  export declare const tablet_col: string;
85
85
  export declare const bs_image: string;
86
+ export declare const bs_video: string;
86
87
  export declare const steps_wrapper: string;
87
88
  export declare const ol: string;
88
89
  export declare const bs_btns: string;
@@ -1,6 +1,8 @@
1
- import '../assets/StepItemSet/StepItemSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
1
+ 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 */
2
2
  /* empty css */
3
3
  /* empty css */
4
+ /* empty css */
5
+ /* empty css */
4
6
  /* empty css */
5
7
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
8
  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
11
13
  var sec_subtitle = "_18par6fh";
12
14
  var tablet_col = "_18par6fi";
13
15
  var bs_image = "_18par6fj";
14
- var steps_wrapper = "_18par6fk";
15
- var ol = "_18par6fl";
16
- var bs_btns = "_18par6fm";
17
- var bs_add_details = "_18par6fn";
16
+ var bs_video = "_18par6fk";
17
+ var steps_wrapper = "_18par6fl";
18
+ var ol = "_18par6fm";
19
+ var bs_btns = "_18par6fn";
20
+ var bs_add_details = "_18par6fo";
18
21
  export {
19
22
  bs_add_details,
20
23
  bs_btns,
21
24
  bs_image,
22
25
  bs_section,
26
+ bs_video,
23
27
  bs_wrapper,
24
28
  modifier,
25
29
  ol,
@@ -13,5 +13,11 @@ export interface StepItemSetProps {
13
13
  stepItems?: StepItemProps[];
14
14
  callToActionRow?: boolean | ChevronProps[];
15
15
  additionalDetails?: string | ReactNode;
16
+ video?: {
17
+ videoId: string;
18
+ videoPlayer: string;
19
+ thubnailImage: string;
20
+ transcript?: string;
21
+ };
16
22
  }
17
23
  export declare const StepItemSet: FC<StepItemSetProps>;
@@ -8,7 +8,14 @@ import { getVariant } from "../utils/getVariant.js";
8
8
  import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
9
9
  import { StepItem } from "../StepItem/StepItem.js";
10
10
  import "../StepItem/StepItem.css.js";
11
- 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";
11
+ import "next/script.js";
12
+ import { VideoTile } from "../VideoTile/VideoTile.js";
13
+ 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 */
14
+ /* empty css */
15
+ /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
+ 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";
12
19
  const StepItemSet = ({
13
20
  id,
14
21
  variant: fullVariant = "primary",
@@ -17,7 +24,8 @@ const StepItemSet = ({
17
24
  image,
18
25
  stepItems,
19
26
  callToActionRow,
20
- additionalDetails
27
+ additionalDetails,
28
+ video
21
29
  }) => {
22
30
  const variant = getVariant(fullVariant);
23
31
  return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
@@ -55,7 +63,18 @@ const StepItemSet = ({
55
63
  description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
56
64
  ] }),
57
65
  /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
58
- image && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) }),
66
+ 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(
67
+ VideoTile,
68
+ {
69
+ id: "video-tile",
70
+ videoId: video.videoId,
71
+ videoPlayer: video.videoPlayer,
72
+ thumbnailImage: video.thubnailImage,
73
+ displayType: "inline",
74
+ transcript: video.transcript,
75
+ enableModal: true
76
+ }
77
+ ) }),
59
78
  /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
60
79
  StepItem,
61
80
  {
@@ -1,11 +1,12 @@
1
1
  import { StepItemSet } from "./StepItemSet.js";
2
- 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";
2
+ 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";
3
3
  export {
4
4
  StepItemSet,
5
5
  bs_add_details,
6
6
  bs_btns,
7
7
  bs_image,
8
8
  bs_section,
9
+ bs_video,
9
10
  bs_wrapper,
10
11
  modifier,
11
12
  ol,
@@ -1,59 +1,59 @@
1
- ._avatar_sec_wf36a_1 {
2
- margin: 16px 0;
3
- }
4
-
5
- ._container_wf36a_9 {
6
- border-bottom: 1px solid #d4d4d4;
7
- border-top: 1px solid #d4d4d4;
8
- margin-inline: auto;
9
- max-width: 1200px;
10
- padding: 16px 0;
11
- width: 100%;
12
- }
13
-
14
- ._image_wf36a_27 {
15
- aspect-ratio: 1;
16
- background-position: 0 0;
17
- background-size: contain;
18
- border-radius: 50%;
19
- flex: 0 0 100px;
20
- height: 100px;
21
- }
22
-
23
- ._text_wf36a_45 {
24
- flex: 1 1 0%;
25
- align-self: center;
26
- margin-left: 16px;
27
- }
28
-
29
- ._name_wf36a_57 {
30
- color: #1e3860;
31
- font-family: var(--header-font-family);
32
- font-size: 20px;
33
- font-weight: 600;
34
- line-height: 1.4;
35
- }
36
-
37
- ._title_wf36a_73 {
38
- color: #1e3860;
39
- font-size: 18px;
40
- font-weight: 500;
41
- line-height: 1.44;
42
- }
43
-
44
- ._description_wf36a_87 p {
45
- font-size: 14px;
46
- line-height: 1.33;
47
- color: #333d46;
48
- }
49
-
50
- * + ._description_wf36a_87 {
51
- margin-top: 8px;
52
- }
53
-
54
- @media (max-width: 603px) {
55
- ._image_wf36a_27 {
56
- height: 75px;
57
- flex: 0 0 75px;
58
- }
59
- }
1
+ ._avatar_sec_1bnm9_1 {
2
+ margin: 16px 0;
3
+ }
4
+
5
+ ._container_1bnm9_5 {
6
+ border-bottom: 1px solid #d4d4d4;
7
+ border-top: 1px solid #d4d4d4;
8
+ margin-inline: auto;
9
+ max-width: 1200px;
10
+ padding: 16px 0;
11
+ width: 100%;
12
+ }
13
+
14
+ ._image_1bnm9_14 {
15
+ aspect-ratio: 1;
16
+ background-position: 0 0;
17
+ background-size: contain;
18
+ border-radius: 50%;
19
+ flex: 0 0 100px;
20
+ height: 100px;
21
+ }
22
+
23
+ ._text_1bnm9_23 {
24
+ flex: 1 1 0%;
25
+ align-self: center;
26
+ margin-left: 16px;
27
+ }
28
+
29
+ ._name_1bnm9_29 {
30
+ color: #1e3860;
31
+ font-family: var(--header-font-family);
32
+ font-size: 20px;
33
+ font-weight: 600;
34
+ line-height: 1.4;
35
+ }
36
+
37
+ ._title_1bnm9_37 {
38
+ color: #1e3860;
39
+ font-size: 18px;
40
+ font-weight: 500;
41
+ line-height: 1.44;
42
+ }
43
+
44
+ ._description_1bnm9_44 p {
45
+ font-size: 14px;
46
+ line-height: 1.33;
47
+ color: #333d46;
48
+ }
49
+
50
+ * + ._description_1bnm9_44 {
51
+ margin-top: 8px;
52
+ }
53
+
54
+ @media (max-width: 603px) {
55
+ ._image_1bnm9_14 {
56
+ height: 75px;
57
+ flex: 0 0 75px;
58
+ }
59
+ }