@axos-web-dev/shared-components 2.0.0-dev.25 → 2.0.0-dev.26

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/README.md +111 -111
  2. package/dist/Avatar/Avatar.module.js +7 -7
  3. package/dist/Blockquote/Blockquote.module.js +3 -3
  4. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  5. package/dist/Interstitial/Interstitial.module.js +10 -10
  6. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  7. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  8. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  9. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
  10. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +4 -3
  11. package/dist/NavigationMenu/AxosBank/SubNavBar.js +23 -2
  12. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  13. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  14. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  15. package/dist/WalnutIframe/wrapper.module.js +3 -3
  16. package/dist/assets/Avatar/Avatar.css +59 -59
  17. package/dist/assets/Blockquote/Blockquote.css +72 -72
  18. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  19. package/dist/assets/Interstitial/Interstitial.css +142 -142
  20. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
  21. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  22. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
  23. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
  24. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
  25. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  26. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  27. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  28. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  29. package/package.json +1 -1
package/README.md CHANGED
@@ -1,111 +1,111 @@
1
- # Installation
2
-
3
- Using npm:
4
-
5
- ```shell
6
- $ npm install @axos-web-dev/shared-components
7
- ```
8
-
9
- To import components
10
- In Node.js:
11
-
12
- ```js
13
- // Import Components
14
- import {
15
- AlertBanner,
16
- CallToActionBar,
17
- DownloadTile,
18
- ImageBillboard,
19
- SecondaryFooter,
20
- } from "@axos-web-dev/shared-components";
21
-
22
- // Import Types/Interfaces
23
-
24
- import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
25
- ```
26
-
27
- In css files:
28
-
29
- ```css
30
- /*** Import styles ***/
31
-
32
- @import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
33
- ```
34
-
35
- # Shared components
36
-
37
- This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
38
-
39
- ## How to add new component
40
-
41
- For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
42
-
43
- Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
44
-
45
- ```shell
46
- git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
47
-
48
- cd shared-components
49
-
50
- npm install
51
-
52
- # for using storybook
53
- npm run storybook
54
-
55
- # for build
56
- npm run build
57
-
58
- # for testing in other projects
59
- npm run build
60
-
61
- npm link
62
-
63
- ```
64
-
65
- For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
66
-
67
- ```
68
- Given a version number MAJOR.MINOR.PATCH, increment the:
69
-
70
- MAJOR version when you make incompatible API changes
71
- MINOR version when you add functionality in a backward compatible manner
72
- PATCH version when you make backward compatible bug fixes
73
-
74
- Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
75
- ```
76
-
77
- we can update the version with the following commands:
78
-
79
- ```shell
80
- # bumps the patch number like 0.0.0 -> 0.0.1
81
- npm version patch
82
-
83
- # bumps the patch number like 0.0.0 -> 0.1.0
84
- npm version minor
85
-
86
- # bumps the patch number like 0.0.0 -> 1.0.0
87
- npm version major
88
-
89
-
90
-
91
- ```
92
-
93
- ## How to publish new library version to npm
94
-
95
- First update the version as previously described
96
-
97
- ```shell
98
- npm version [...]
99
- ```
100
-
101
- Then you will need to login into npm to do that write:
102
-
103
- ```shell
104
- npm login --scope=@my-org
105
- ```
106
-
107
- Last you to publish the new version:
108
-
109
- ```shell
110
- npm publish
111
- ```
1
+ # Installation
2
+
3
+ Using npm:
4
+
5
+ ```shell
6
+ $ npm install @axos-web-dev/shared-components
7
+ ```
8
+
9
+ To import components
10
+ In Node.js:
11
+
12
+ ```js
13
+ // Import Components
14
+ import {
15
+ AlertBanner,
16
+ CallToActionBar,
17
+ DownloadTile,
18
+ ImageBillboard,
19
+ SecondaryFooter,
20
+ } from "@axos-web-dev/shared-components";
21
+
22
+ // Import Types/Interfaces
23
+
24
+ import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
25
+ ```
26
+
27
+ In css files:
28
+
29
+ ```css
30
+ /*** Import styles ***/
31
+
32
+ @import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
33
+ ```
34
+
35
+ # Shared components
36
+
37
+ This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
38
+
39
+ ## How to add new component
40
+
41
+ For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
42
+
43
+ Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
44
+
45
+ ```shell
46
+ git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
47
+
48
+ cd shared-components
49
+
50
+ npm install
51
+
52
+ # for using storybook
53
+ npm run storybook
54
+
55
+ # for build
56
+ npm run build
57
+
58
+ # for testing in other projects
59
+ npm run build
60
+
61
+ npm link
62
+
63
+ ```
64
+
65
+ For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
66
+
67
+ ```
68
+ Given a version number MAJOR.MINOR.PATCH, increment the:
69
+
70
+ MAJOR version when you make incompatible API changes
71
+ MINOR version when you add functionality in a backward compatible manner
72
+ PATCH version when you make backward compatible bug fixes
73
+
74
+ Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
75
+ ```
76
+
77
+ we can update the version with the following commands:
78
+
79
+ ```shell
80
+ # bumps the patch number like 0.0.0 -> 0.0.1
81
+ npm version patch
82
+
83
+ # bumps the patch number like 0.0.0 -> 0.1.0
84
+ npm version minor
85
+
86
+ # bumps the patch number like 0.0.0 -> 1.0.0
87
+ npm version major
88
+
89
+
90
+
91
+ ```
92
+
93
+ ## How to publish new library version to npm
94
+
95
+ First update the version as previously described
96
+
97
+ ```shell
98
+ npm version [...]
99
+ ```
100
+
101
+ Then you will need to login into npm to do that write:
102
+
103
+ ```shell
104
+ npm login --scope=@my-org
105
+ ```
106
+
107
+ Last you to publish the new version:
108
+
109
+ ```shell
110
+ npm publish
111
+ ```
@@ -1,10 +1,10 @@
1
- import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_q4a8z_1";
2
- const container = "_container_q4a8z_9";
3
- const image = "_image_q4a8z_27";
4
- const text = "_text_q4a8z_45";
5
- const name = "_name_q4a8z_57";
6
- const title = "_title_q4a8z_73";
7
- const description = "_description_q4a8z_87";
1
+ import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_1clr6_1";
2
+ const container = "_container_1clr6_5";
3
+ const image = "_image_1clr6_14";
4
+ const text = "_text_1clr6_23";
5
+ const name = "_name_1clr6_29";
6
+ const title = "_title_1clr6_37";
7
+ const description = "_description_1clr6_44";
8
8
  const css = {
9
9
  avatar_sec,
10
10
  container,
@@ -1,6 +1,6 @@
1
- import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_lqs2u_1";
2
- const author = "_author_lqs2u_13";
3
- const quote = "_quote_lqs2u_1";
1
+ import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_ovx4r_1";
2
+ const author = "_author_ovx4r_7";
3
+ const quote = "_quote_ovx4r_1";
4
4
  const css = {
5
5
  quote_spacer,
6
6
  author,
@@ -1,5 +1,5 @@
1
- import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_eqzgp_1";
2
- const inner_container = "_inner_container_eqzgp_11";
1
+ import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_1f6md_1";
2
+ const inner_container = "_inner_container_1f6md_6";
3
3
  const css = {
4
4
  fdic_callout,
5
5
  inner_container
@@ -1,13 +1,13 @@
1
- import '../assets/Interstitial/Interstitial.css';const overlay = "_overlay_1ep5z_47";
2
- const modal = "_modal_1ep5z_79";
3
- const vanish = "_vanish_1ep5z_1";
4
- const appear = "_appear_1ep5z_1";
5
- const close_button = "_close_button_1ep5z_109";
6
- const modal_content = "_modal_content_1ep5z_139";
7
- const img_area = "_img_area_1ep5z_147";
8
- const body_copy = "_body_copy_1ep5z_167";
9
- const btns = "_btns_1ep5z_195";
10
- const white_modal = "_white_modal_1ep5z_277";
1
+ import '../assets/Interstitial/Interstitial.css';const overlay = "_overlay_e4cra_24";
2
+ const modal = "_modal_e4cra_40";
3
+ const vanish = "_vanish_e4cra_1";
4
+ const appear = "_appear_e4cra_1";
5
+ const close_button = "_close_button_e4cra_55";
6
+ const modal_content = "_modal_content_e4cra_70";
7
+ const img_area = "_img_area_e4cra_74";
8
+ const body_copy = "_body_copy_e4cra_84";
9
+ const btns = "_btns_e4cra_98";
10
+ const white_modal = "_white_modal_e4cra_139";
11
11
  const css = {
12
12
  overlay,
13
13
  modal,
@@ -1,26 +1,26 @@
1
- import '../../assets/NavigationMenu/AxosALTS/NavBar.css';const alts_header = "_alts_header_19h22_1";
2
- const alts_wrapper = "_alts_wrapper_19h22_9";
3
- const alts_header_main_row = "_alts_header_main_row_19h22_21";
4
- const alts_mobile_header = "_alts_mobile_header_19h22_23";
5
- const alts_logo_wrap = "_alts_logo_wrap_19h22_35";
6
- const alts_primary_links = "_alts_primary_links_19h22_43";
7
- const alts_main_nav_link = "_alts_main_nav_link_19h22_53";
8
- const alts_hamburger = "_alts_hamburger_19h22_125";
9
- const alts_mobile_logo = "_alts_mobile_logo_19h22_153";
10
- const alts_mobile_nav = "_alts_mobile_nav_19h22_203";
11
- const alts_mobile_opened = "_alts_mobile_opened_19h22_225";
12
- const alts_mobile_nav_item = "_alts_mobile_nav_item_19h22_241";
13
- const alts_icon_wrap = "_alts_icon_wrap_19h22_271";
14
- const alts_mobile_footer = "_alts_mobile_footer_19h22_281";
15
- const alts_mobile_footer_content = "_alts_mobile_footer_content_19h22_291";
16
- const alts_mobile_footer_media = "_alts_mobile_footer_media_19h22_313";
17
- const alts_inner_wrapper = "_alts_inner_wrapper_19h22_333";
18
- const alts_btn = "_alts_btn_19h22_343";
19
- const alts_sub_menu = "_alts_sub_menu_19h22_353";
20
- const alts_skip_btn = "_alts_skip_btn_19h22_369";
21
- const alts_desktop_only = "_alts_desktop_only_19h22_417";
22
- const alts_main_nav = "_alts_main_nav_19h22_53";
23
- const alts_mobile_only = "_alts_mobile_only_19h22_521";
1
+ import '../../assets/NavigationMenu/AxosALTS/NavBar.css';const alts_header = "_alts_header_1s4n2_1";
2
+ const alts_wrapper = "_alts_wrapper_1s4n2_5";
3
+ const alts_header_main_row = "_alts_header_main_row_1s4n2_11";
4
+ const alts_mobile_header = "_alts_mobile_header_1s4n2_12";
5
+ const alts_logo_wrap = "_alts_logo_wrap_1s4n2_18";
6
+ const alts_primary_links = "_alts_primary_links_1s4n2_22";
7
+ const alts_main_nav_link = "_alts_main_nav_link_1s4n2_27";
8
+ const alts_hamburger = "_alts_hamburger_1s4n2_63";
9
+ const alts_mobile_logo = "_alts_mobile_logo_1s4n2_77";
10
+ const alts_mobile_nav = "_alts_mobile_nav_1s4n2_102";
11
+ const alts_mobile_opened = "_alts_mobile_opened_1s4n2_113";
12
+ const alts_mobile_nav_item = "_alts_mobile_nav_item_1s4n2_121";
13
+ const alts_icon_wrap = "_alts_icon_wrap_1s4n2_136";
14
+ const alts_mobile_footer = "_alts_mobile_footer_1s4n2_141";
15
+ const alts_mobile_footer_content = "_alts_mobile_footer_content_1s4n2_146";
16
+ const alts_mobile_footer_media = "_alts_mobile_footer_media_1s4n2_157";
17
+ const alts_inner_wrapper = "_alts_inner_wrapper_1s4n2_167";
18
+ const alts_btn = "_alts_btn_1s4n2_172";
19
+ const alts_sub_menu = "_alts_sub_menu_1s4n2_177";
20
+ const alts_skip_btn = "_alts_skip_btn_1s4n2_185";
21
+ const alts_desktop_only = "_alts_desktop_only_1s4n2_209";
22
+ const alts_main_nav = "_alts_main_nav_1s4n2_27";
23
+ const alts_mobile_only = "_alts_mobile_only_1s4n2_261";
24
24
  const styles = {
25
25
  alts_header,
26
26
  alts_wrapper,
@@ -1,55 +1,55 @@
1
- import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_epxpu_1";
2
- const wrapper = "_wrapper_epxpu_9";
3
- const header_main_row = "_header_main_row_epxpu_19";
4
- const mobile_header = "_mobile_header_epxpu_21";
5
- const logo_wrap = "_logo_wrap_epxpu_33";
6
- const primary_links = "_primary_links_epxpu_41";
7
- const main_nav_link = "_main_nav_link_epxpu_49";
8
- const sub_nav_link = "_sub_nav_link_epxpu_113";
9
- const signin_wrap = "_signin_wrap_epxpu_117";
10
- const signin_btn = "_signin_btn_epxpu_119";
11
- const header_sub_row = "_header_sub_row_epxpu_195";
12
- const signin_dropdown = "_signin_dropdown_epxpu_235";
13
- const shadow = "_shadow_epxpu_255";
14
- const signin_header = "_signin_header_epxpu_271";
15
- const signin_subheader = "_signin_subheader_epxpu_285";
16
- const opacity = "_opacity_epxpu_329";
17
- const fadeInDown = "_fadeInDown_epxpu_1";
18
- const footer = "_footer_epxpu_341";
19
- const open = "_open_epxpu_373";
20
- const dd_wrapper = "_dd_wrapper_epxpu_397";
21
- const dd_media = "_dd_media_epxpu_407";
22
- const dd_media_img = "_dd_media_img_epxpu_417";
23
- const dd_site_navs = "_dd_site_navs_epxpu_425";
24
- const dd_media_header = "_dd_media_header_epxpu_439";
25
- const mt_8 = "_mt_8_epxpu_457";
26
- const mt_16 = "_mt_16_epxpu_465";
27
- const ml_8 = "_ml_8_epxpu_473";
28
- const dd_media_cta = "_dd_media_cta_epxpu_481";
29
- const reversed_row = "_reversed_row_epxpu_509";
30
- const headline = "_headline_epxpu_541";
31
- const nav_anchor = "_nav_anchor_epxpu_553";
32
- const headline_cta = "_headline_cta_epxpu_569";
33
- const site_lists = "_site_lists_epxpu_599";
34
- const hamburger = "_hamburger_epxpu_669";
35
- const mobile_only = "_mobile_only_epxpu_697";
36
- const mobile_logo = "_mobile_logo_epxpu_709";
37
- const highlight = "_highlight_epxpu_719";
38
- const mobile_nav = "_mobile_nav_epxpu_791";
39
- const mobile_opened = "_mobile_opened_epxpu_813";
40
- const mobile_nav_item = "_mobile_nav_item_epxpu_829";
41
- const has_dropdown = "_has_dropdown_epxpu_859";
42
- const icon_wrap = "_icon_wrap_epxpu_901";
43
- const mobile_footer = "_mobile_footer_epxpu_911";
44
- const mobile_footer_content = "_mobile_footer_content_epxpu_921";
45
- const mobile_footer_media = "_mobile_footer_media_epxpu_951";
46
- const footer_cta = "_footer_cta_epxpu_963";
47
- const inner_wrapper = "_inner_wrapper_epxpu_1019";
48
- const btn = "_btn_epxpu_1029";
49
- const sub_menu = "_sub_menu_epxpu_1039";
50
- const main = "_main_epxpu_49";
51
- const dd_footer = "_dd_footer_epxpu_1089";
52
- const desktop_only = "_desktop_only_epxpu_1127";
1
+ import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_9w33l_1";
2
+ const wrapper = "_wrapper_9w33l_5";
3
+ const header_main_row = "_header_main_row_9w33l_10";
4
+ const mobile_header = "_mobile_header_9w33l_11";
5
+ const logo_wrap = "_logo_wrap_9w33l_17";
6
+ const primary_links = "_primary_links_9w33l_21";
7
+ const main_nav_link = "_main_nav_link_9w33l_25";
8
+ const sub_nav_link = "_sub_nav_link_9w33l_57";
9
+ const signin_wrap = "_signin_wrap_9w33l_59";
10
+ const signin_btn = "_signin_btn_9w33l_60";
11
+ const header_sub_row = "_header_sub_row_9w33l_98";
12
+ const signin_dropdown = "_signin_dropdown_9w33l_118";
13
+ const shadow = "_shadow_9w33l_128";
14
+ const signin_header = "_signin_header_9w33l_136";
15
+ const signin_subheader = "_signin_subheader_9w33l_143";
16
+ const opacity = "_opacity_9w33l_165";
17
+ const fadeInDown = "_fadeInDown_9w33l_1";
18
+ const footer = "_footer_9w33l_171";
19
+ const open = "_open_9w33l_187";
20
+ const dd_wrapper = "_dd_wrapper_9w33l_199";
21
+ const dd_media = "_dd_media_9w33l_204";
22
+ const dd_media_img = "_dd_media_img_9w33l_209";
23
+ const dd_site_navs = "_dd_site_navs_9w33l_213";
24
+ const dd_media_header = "_dd_media_header_9w33l_220";
25
+ const mt_8 = "_mt_8_9w33l_229";
26
+ const mt_16 = "_mt_16_9w33l_233";
27
+ const ml_8 = "_ml_8_9w33l_237";
28
+ const dd_media_cta = "_dd_media_cta_9w33l_241";
29
+ const reversed_row = "_reversed_row_9w33l_255";
30
+ const headline = "_headline_9w33l_271";
31
+ const nav_anchor = "_nav_anchor_9w33l_277";
32
+ const headline_cta = "_headline_cta_9w33l_285";
33
+ const site_lists = "_site_lists_9w33l_300";
34
+ const hamburger = "_hamburger_9w33l_335";
35
+ const mobile_only = "_mobile_only_9w33l_349";
36
+ const mobile_logo = "_mobile_logo_9w33l_355";
37
+ const highlight = "_highlight_9w33l_360";
38
+ const mobile_nav = "_mobile_nav_9w33l_396";
39
+ const mobile_opened = "_mobile_opened_9w33l_407";
40
+ const mobile_nav_item = "_mobile_nav_item_9w33l_415";
41
+ const has_dropdown = "_has_dropdown_9w33l_430";
42
+ const icon_wrap = "_icon_wrap_9w33l_451";
43
+ const mobile_footer = "_mobile_footer_9w33l_456";
44
+ const mobile_footer_content = "_mobile_footer_content_9w33l_461";
45
+ const mobile_footer_media = "_mobile_footer_media_9w33l_476";
46
+ const footer_cta = "_footer_cta_9w33l_482";
47
+ const inner_wrapper = "_inner_wrapper_9w33l_510";
48
+ const btn = "_btn_9w33l_515";
49
+ const sub_menu = "_sub_menu_9w33l_520";
50
+ const main = "_main_9w33l_25";
51
+ const dd_footer = "_dd_footer_9w33l_545";
52
+ const desktop_only = "_desktop_only_9w33l_564";
53
53
  const styles = {
54
54
  header,
55
55
  wrapper,
@@ -1,56 +1,56 @@
1
- import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';const header = "_header_1rlwu_1";
2
- const wrapper = "_wrapper_1rlwu_9";
3
- const main_nav = "_main_nav_1rlwu_19";
4
- const header_main_row = "_header_main_row_1rlwu_33";
5
- const mobile_header = "_mobile_header_1rlwu_35";
6
- const logo_wrap = "_logo_wrap_1rlwu_59";
7
- const primary_links = "_primary_links_1rlwu_67";
8
- const main_nav_link = "_main_nav_link_1rlwu_75";
9
- const sub_nav_link = "_sub_nav_link_1rlwu_139";
10
- const signin_wrap = "_signin_wrap_1rlwu_143";
11
- const signin_btn = "_signin_btn_1rlwu_145";
12
- const header_sub_row = "_header_sub_row_1rlwu_219";
13
- const signin_dropdown = "_signin_dropdown_1rlwu_259";
14
- const shadow = "_shadow_1rlwu_279";
15
- const signin_header = "_signin_header_1rlwu_295";
16
- const signin_subheader = "_signin_subheader_1rlwu_309";
17
- const opacity = "_opacity_1rlwu_353";
18
- const fadeInDown = "_fadeInDown_1rlwu_1";
19
- const footer = "_footer_1rlwu_365";
20
- const open = "_open_1rlwu_397";
21
- const dd_wrapper = "_dd_wrapper_1rlwu_421";
22
- const dd_media = "_dd_media_1rlwu_431";
23
- const dd_media_img = "_dd_media_img_1rlwu_441";
24
- const dd_site_navs = "_dd_site_navs_1rlwu_449";
25
- const dd_media_header = "_dd_media_header_1rlwu_463";
26
- const mt_8 = "_mt_8_1rlwu_481";
27
- const mt_16 = "_mt_16_1rlwu_489";
28
- const ml_8 = "_ml_8_1rlwu_497";
29
- const dd_media_cta = "_dd_media_cta_1rlwu_505";
30
- const reversed_row = "_reversed_row_1rlwu_533";
31
- const headline = "_headline_1rlwu_565";
32
- const nav_anchor = "_nav_anchor_1rlwu_577";
33
- const headline_cta = "_headline_cta_1rlwu_593";
34
- const site_lists = "_site_lists_1rlwu_623";
35
- const hamburger = "_hamburger_1rlwu_693";
36
- const mobile_only = "_mobile_only_1rlwu_721";
37
- const mobile_logo = "_mobile_logo_1rlwu_733";
38
- const highlight = "_highlight_1rlwu_743";
39
- const mobile_nav = "_mobile_nav_1rlwu_815";
40
- const mobile_opened = "_mobile_opened_1rlwu_837";
41
- const mobile_nav_item = "_mobile_nav_item_1rlwu_853";
42
- const has_dropdown = "_has_dropdown_1rlwu_883";
43
- const icon_wrap = "_icon_wrap_1rlwu_925";
44
- const mobile_footer = "_mobile_footer_1rlwu_935";
45
- const mobile_footer_content = "_mobile_footer_content_1rlwu_945";
46
- const mobile_footer_media = "_mobile_footer_media_1rlwu_975";
47
- const footer_cta = "_footer_cta_1rlwu_987";
48
- const inner_wrapper = "_inner_wrapper_1rlwu_1045";
49
- const btn = "_btn_1rlwu_1055";
50
- const sub_menu = "_sub_menu_1rlwu_1067";
51
- const main = "_main_1rlwu_19";
52
- const dd_footer = "_dd_footer_1rlwu_1117";
53
- const desktop_only = "_desktop_only_1rlwu_1157";
1
+ import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';const header = "_header_yenuk_1";
2
+ const wrapper = "_wrapper_yenuk_5";
3
+ const main_nav = "_main_nav_yenuk_10";
4
+ const header_main_row = "_header_main_row_yenuk_17";
5
+ const mobile_header = "_mobile_header_yenuk_18";
6
+ const logo_wrap = "_logo_wrap_yenuk_30";
7
+ const primary_links = "_primary_links_yenuk_34";
8
+ const main_nav_link = "_main_nav_link_yenuk_38";
9
+ const sub_nav_link = "_sub_nav_link_yenuk_70";
10
+ const signin_wrap = "_signin_wrap_yenuk_72";
11
+ const signin_btn = "_signin_btn_yenuk_73";
12
+ const header_sub_row = "_header_sub_row_yenuk_110";
13
+ const signin_dropdown = "_signin_dropdown_yenuk_130";
14
+ const shadow = "_shadow_yenuk_140";
15
+ const signin_header = "_signin_header_yenuk_148";
16
+ const signin_subheader = "_signin_subheader_yenuk_155";
17
+ const opacity = "_opacity_yenuk_177";
18
+ const fadeInDown = "_fadeInDown_yenuk_1";
19
+ const footer = "_footer_yenuk_183";
20
+ const open = "_open_yenuk_199";
21
+ const dd_wrapper = "_dd_wrapper_yenuk_211";
22
+ const dd_media = "_dd_media_yenuk_216";
23
+ const dd_media_img = "_dd_media_img_yenuk_221";
24
+ const dd_site_navs = "_dd_site_navs_yenuk_225";
25
+ const dd_media_header = "_dd_media_header_yenuk_232";
26
+ const mt_8 = "_mt_8_yenuk_241";
27
+ const mt_16 = "_mt_16_yenuk_245";
28
+ const ml_8 = "_ml_8_yenuk_249";
29
+ const dd_media_cta = "_dd_media_cta_yenuk_253";
30
+ const reversed_row = "_reversed_row_yenuk_267";
31
+ const headline = "_headline_yenuk_283";
32
+ const nav_anchor = "_nav_anchor_yenuk_289";
33
+ const headline_cta = "_headline_cta_yenuk_297";
34
+ const site_lists = "_site_lists_yenuk_312";
35
+ const hamburger = "_hamburger_yenuk_347";
36
+ const mobile_only = "_mobile_only_yenuk_361";
37
+ const mobile_logo = "_mobile_logo_yenuk_367";
38
+ const highlight = "_highlight_yenuk_372";
39
+ const mobile_nav = "_mobile_nav_yenuk_408";
40
+ const mobile_opened = "_mobile_opened_yenuk_419";
41
+ const mobile_nav_item = "_mobile_nav_item_yenuk_427";
42
+ const has_dropdown = "_has_dropdown_yenuk_442";
43
+ const icon_wrap = "_icon_wrap_yenuk_463";
44
+ const mobile_footer = "_mobile_footer_yenuk_468";
45
+ const mobile_footer_content = "_mobile_footer_content_yenuk_473";
46
+ const mobile_footer_media = "_mobile_footer_media_yenuk_488";
47
+ const footer_cta = "_footer_cta_yenuk_494";
48
+ const inner_wrapper = "_inner_wrapper_yenuk_523";
49
+ const btn = "_btn_yenuk_528";
50
+ const sub_menu = "_sub_menu_yenuk_534";
51
+ const main = "_main_yenuk_10";
52
+ const dd_footer = "_dd_footer_yenuk_559";
53
+ const desktop_only = "_desktop_only_yenuk_579";
54
54
  const styles = {
55
55
  header,
56
56
  wrapper,
@@ -42,6 +42,7 @@ export declare const getMenuData: (resolveUrl: UrlResolver) => {
42
42
  "Mortgage Services": string;
43
43
  "Make a Payment": string;
44
44
  "Construction Lending": string;
45
+ "Refer-a-Business": string;
45
46
  };
46
47
  "Personal Loans": {
47
48
  "Personal Loans Home": string;
@@ -43,7 +43,7 @@ const getMenuData = (resolveUrl) => ({
43
43
  "Trust Accounts": resolveUrl("{AXOSBANK}/personal/bank/premier/trust")
44
44
  },
45
45
  "ATM Locator": resolveUrl("{AXOSBANK}/personal/support/atm-locator"),
46
- "Refer-a-Friend": resolveUrl("{AXOSBANK}/personal/bank/refer-a-friend"),
46
+ "Refer-a-Friend": resolveUrl("{AXOSBANK}/referral-program"),
47
47
  Insights: resolveUrl("{AXOSBANK}/personal/insights")
48
48
  },
49
49
  Borrow: {
@@ -69,7 +69,8 @@ const getMenuData = (resolveUrl) => ({
69
69
  ),
70
70
  "Construction Lending": resolveUrl(
71
71
  "{AXOSBANK}/personal/borrow/mortgages/construction-lending"
72
- )
72
+ ),
73
+ "Refer-a-Business": resolveUrl("{AXOSBANK}/referral-program")
73
74
  },
74
75
  "Personal Loans": {
75
76
  "Personal Loans Home": resolveUrl(
@@ -256,7 +257,7 @@ const getMenuData = (resolveUrl) => ({
256
257
  "{AXOSBANK}/tools/calculators/saving-to-start-a-business-calculator"
257
258
  )
258
259
  },
259
- "Refer-a-Business": resolveUrl("{AXOSBANK}/business/refer-a-business"),
260
+ "Refer-a-Business": resolveUrl("{AXOSBANK}/referral-program"),
260
261
  Insights: resolveUrl("{AXOSBANK}/business/insights")
261
262
  },
262
263
  "Commercial Banking": {
@@ -1011,7 +1011,7 @@ function SubNavBar() {
1011
1011
  Link,
1012
1012
  {
1013
1013
  href: resolveUrl(
1014
- "{AXOSBANK}/personal/bank/refer-a-friend"
1014
+ "{AXOSBANK}/referral-program"
1015
1015
  ),
1016
1016
  role: "heading",
1017
1017
  children: "Refer-a-Friend"
@@ -1409,6 +1409,27 @@ function SubNavBar() {
1409
1409
  }
1410
1410
  ) })
1411
1411
  ] })
1412
+ ] }),
1413
+ /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
1414
+ /* @__PURE__ */ jsx(
1415
+ Image,
1416
+ {
1417
+ src: `https://images.axos.com/o9ov1v03uwqk/6ninSDVeSycXICNX8zF4J3/75ccf4194f0b3e7209f4095457bce00d/nav-submenu-raf-icon.svg`,
1418
+ alt: "",
1419
+ width: 20,
1420
+ height: 20
1421
+ }
1422
+ ),
1423
+ /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1424
+ Link,
1425
+ {
1426
+ href: resolveUrl(
1427
+ "{AXOSBANK}/referral-program"
1428
+ ),
1429
+ role: "heading",
1430
+ children: "Refer-a-Friend"
1431
+ }
1432
+ ) }) })
1412
1433
  ] })
1413
1434
  ] })
1414
1435
  ]
@@ -2354,7 +2375,7 @@ function SubNavBar() {
2354
2375
  Link,
2355
2376
  {
2356
2377
  href: resolveUrl(
2357
- "{AXOSBANK}/business/refer-a-business"
2378
+ "{AXOSBANK}/referral-program"
2358
2379
  ),
2359
2380
  role: "heading",
2360
2381
  children: "Refer-a-Business"