@axos-web-dev/shared-components 2.0.0-dev.27-evo.1 → 2.0.0-dev.28

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 (44) 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/Calculators/ApyCalculator/ApyCalculator.css.d.ts +1 -0
  5. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +4 -2
  6. package/dist/Calculators/ApyCalculator/index.js +49 -28
  7. package/dist/Carousel/index.js +1 -1
  8. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  9. package/dist/Forms/ApplyNow.js +1 -1
  10. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  11. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  12. package/dist/Forms/SuccesForm.js +1 -1
  13. package/dist/ImageLink/ImageLink.js +1 -1
  14. package/dist/Insight/Featured/CategorySelector.js +1 -1
  15. package/dist/Insight/Featured/Featured.js +1 -1
  16. package/dist/Insight/Featured/Header.js +1 -1
  17. package/dist/Interstitial/Interstitial.module.js +10 -10
  18. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  19. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  20. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  21. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  22. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  23. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  24. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  25. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  26. package/dist/SetContainer/SetContainer.js +1 -1
  27. package/dist/WalnutIframe/wrapper.module.js +3 -3
  28. package/dist/assets/Avatar/Avatar.css +59 -59
  29. package/dist/assets/Blockquote/Blockquote.css +72 -72
  30. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +5 -2
  31. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  32. package/dist/assets/Interstitial/Interstitial.css +142 -142
  33. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
  34. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  35. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
  36. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -353
  37. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
  38. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
  39. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
  40. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  41. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  42. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  43. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  44. package/package.json +1 -1
@@ -1,40 +1,40 @@
1
- import '../../assets/NavigationMenu/LaVictoire/NavBar.css';const header = "_header_mpaou_1";
2
- const wrapper = "_wrapper_mpaou_9";
3
- const header_main_row = "_header_main_row_mpaou_21";
4
- const mobile_header = "_mobile_header_mpaou_23";
5
- const primary_links = "_primary_links_mpaou_31";
6
- const main_nav_link = "_main_nav_link_mpaou_39";
7
- const sub_nav = "_sub_nav_mpaou_77";
8
- const sub_nav_link = "_sub_nav_link_mpaou_85";
9
- const signin_wrap = "_signin_wrap_mpaou_89";
10
- const signin_btn = "_signin_btn_mpaou_91";
11
- const header_sub_row = "_header_sub_row_mpaou_185";
12
- const signin_dropdown = "_signin_dropdown_mpaou_231";
13
- const shadow = "_shadow_mpaou_251";
14
- const signin_subheader = "_signin_subheader_mpaou_271";
15
- const opacity = "_opacity_mpaou_313";
16
- const fadeInDown = "_fadeInDown_mpaou_1";
17
- const open = "_open_mpaou_325";
18
- const reversed_row = "_reversed_row_mpaou_349";
19
- const hamburger = "_hamburger_mpaou_369";
20
- const mobile_only = "_mobile_only_mpaou_397";
21
- const mobile_logo = "_mobile_logo_mpaou_409";
22
- const highlight = "_highlight_mpaou_419";
23
- const mobile_nav = "_mobile_nav_mpaou_463";
24
- const mobile_opened = "_mobile_opened_mpaou_485";
25
- const mobile_nav_item = "_mobile_nav_item_mpaou_501";
26
- const has_dropdown = "_has_dropdown_mpaou_523";
27
- const icon_wrap = "_icon_wrap_mpaou_533";
28
- const mobile_footer = "_mobile_footer_mpaou_543";
29
- const mobile_footer_content = "_mobile_footer_content_mpaou_553";
30
- const footer_cta = "_footer_cta_mpaou_563";
31
- const inner_wrapper = "_inner_wrapper_mpaou_615";
32
- const btn = "_btn_mpaou_625";
33
- const sub_menu = "_sub_menu_mpaou_635";
34
- const main = "_main_mpaou_39";
35
- const skip_btn = "_skip_btn_mpaou_677";
36
- const desktop_only = "_desktop_only_mpaou_743";
37
- const logo_wrap = "_logo_wrap_mpaou_749";
1
+ import '../../assets/NavigationMenu/LaVictoire/NavBar.css';const header = "_header_1q2xq_1";
2
+ const wrapper = "_wrapper_1q2xq_5";
3
+ const header_main_row = "_header_main_row_1q2xq_11";
4
+ const mobile_header = "_mobile_header_1q2xq_12";
5
+ const primary_links = "_primary_links_1q2xq_16";
6
+ const main_nav_link = "_main_nav_link_1q2xq_20";
7
+ const sub_nav = "_sub_nav_1q2xq_39";
8
+ const sub_nav_link = "_sub_nav_link_1q2xq_43";
9
+ const signin_wrap = "_signin_wrap_1q2xq_45";
10
+ const signin_btn = "_signin_btn_1q2xq_46";
11
+ const header_sub_row = "_header_sub_row_1q2xq_93";
12
+ const signin_dropdown = "_signin_dropdown_1q2xq_116";
13
+ const shadow = "_shadow_1q2xq_126";
14
+ const signin_subheader = "_signin_subheader_1q2xq_136";
15
+ const opacity = "_opacity_1q2xq_157";
16
+ const fadeInDown = "_fadeInDown_1q2xq_1";
17
+ const open = "_open_1q2xq_163";
18
+ const reversed_row = "_reversed_row_1q2xq_175";
19
+ const hamburger = "_hamburger_1q2xq_185";
20
+ const mobile_only = "_mobile_only_1q2xq_199";
21
+ const mobile_logo = "_mobile_logo_1q2xq_205";
22
+ const highlight = "_highlight_1q2xq_210";
23
+ const mobile_nav = "_mobile_nav_1q2xq_232";
24
+ const mobile_opened = "_mobile_opened_1q2xq_243";
25
+ const mobile_nav_item = "_mobile_nav_item_1q2xq_251";
26
+ const has_dropdown = "_has_dropdown_1q2xq_262";
27
+ const icon_wrap = "_icon_wrap_1q2xq_267";
28
+ const mobile_footer = "_mobile_footer_1q2xq_272";
29
+ const mobile_footer_content = "_mobile_footer_content_1q2xq_277";
30
+ const footer_cta = "_footer_cta_1q2xq_282";
31
+ const inner_wrapper = "_inner_wrapper_1q2xq_308";
32
+ const btn = "_btn_1q2xq_313";
33
+ const sub_menu = "_sub_menu_1q2xq_318";
34
+ const main = "_main_1q2xq_20";
35
+ const skip_btn = "_skip_btn_1q2xq_339";
36
+ const desktop_only = "_desktop_only_1q2xq_372";
37
+ const logo_wrap = "_logo_wrap_1q2xq_375";
38
38
  const styles = {
39
39
  header,
40
40
  wrapper,
@@ -25,6 +25,7 @@ import "../Calculators/calculator.css.js";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import "../Modal/contextApi/store.js";
27
27
  import "next/image.js";
28
+ import "../Button/Button.css.js";
28
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
30
  import "../Table/Table.css.js";
30
31
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -60,7 +61,6 @@ import "../Hyperlink/Hyperlink.css.js";
60
61
  /* empty css */
61
62
  import "iframe-resizer";
62
63
  /* empty css */
63
- import "../Button/Button.css.js";
64
64
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
65
65
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
66
66
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
@@ -1,6 +1,6 @@
1
- import '../assets/WalnutIframe/wrapper.css';const wrapper = "_wrapper_1wqdl_19";
2
- const shimmer = "_shimmer_1wqdl_1";
3
- const wrapper_control = "_wrapper_control_1wqdl_77";
1
+ import '../assets/WalnutIframe/wrapper.css';const wrapper = "_wrapper_f1tr5_10";
2
+ const shimmer = "_shimmer_f1tr5_1";
3
+ const wrapper_control = "_wrapper_control_f1tr5_39";
4
4
  const css = {
5
5
  wrapper,
6
6
  shimmer,
@@ -1,59 +1,59 @@
1
- ._avatar_sec_q4a8z_1 {
2
- margin: 16px 0;
3
- }
4
-
5
- ._container_q4a8z_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_q4a8z_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_q4a8z_45 {
24
- flex: 1 1 0%;
25
- align-self: center;
26
- margin-left: 16px;
27
- }
28
-
29
- ._name_q4a8z_57 {
30
- color: #1e3860;
31
- font-family: var(--header-font-family);
32
- font-size: 20px;
33
- font-weight: 700;
34
- line-height: 1.4;
35
- }
36
-
37
- ._title_q4a8z_73 {
38
- color: #1e3860;
39
- font-size: 18px;
40
- font-weight: 500;
41
- line-height: 1.44;
42
- }
43
-
44
- ._description_q4a8z_87 p {
45
- font-size: 14px;
46
- line-height: 1.33;
47
- color: #333d46;
48
- }
49
-
50
- * + ._description_q4a8z_87 {
51
- margin-top: 8px;
52
- }
53
-
54
- @media (max-width: 603px) {
55
- ._image_q4a8z_27 {
56
- height: 75px;
57
- flex: 0 0 75px;
58
- }
59
- }
1
+ ._avatar_sec_1clr6_1 {
2
+ margin: 16px 0;
3
+ }
4
+
5
+ ._container_1clr6_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_1clr6_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_1clr6_23 {
24
+ flex: 1 1 0%;
25
+ align-self: center;
26
+ margin-left: 16px;
27
+ }
28
+
29
+ ._name_1clr6_29 {
30
+ color: #1e3860;
31
+ font-family: var(--header-font-family);
32
+ font-size: 20px;
33
+ font-weight: 700;
34
+ line-height: 1.4;
35
+ }
36
+
37
+ ._title_1clr6_37 {
38
+ color: #1e3860;
39
+ font-size: 18px;
40
+ font-weight: 500;
41
+ line-height: 1.44;
42
+ }
43
+
44
+ ._description_1clr6_44 p {
45
+ font-size: 14px;
46
+ line-height: 1.33;
47
+ color: #333d46;
48
+ }
49
+
50
+ * + ._description_1clr6_44 {
51
+ margin-top: 8px;
52
+ }
53
+
54
+ @media (max-width: 603px) {
55
+ ._image_1clr6_14 {
56
+ height: 75px;
57
+ flex: 0 0 75px;
58
+ }
59
+ }
@@ -1,72 +1,72 @@
1
- ._quote_spacer_lqs2u_1 {
2
- line-height: 1.35;
3
- margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
- margin-inline: auto;
5
- }
6
-
7
- ._author_lqs2u_13,
8
- ._quote_lqs2u_1 {
9
- color: #1f1f1f;
10
- }
11
-
12
- ._author_lqs2u_13 {
13
- text-align: right;
14
- margin-top: 18px;
15
- }
16
-
17
- ._author_lqs2u_13 cite {
18
- font-style: normal;
19
- }
20
-
21
- ._quote_spacer_lqs2u_1 .img_fluid {
22
- margin-right: 24px;
23
- transform: rotateY(180deg) scaleY(-1);
24
- }
25
-
26
- ._quote_spacer_lqs2u_1 .flex_row {
27
- align-items: flex-start;
28
- }
29
-
30
- ._quote_lqs2u_1 p {
31
- font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
- font-style: italic;
33
- line-height: 1.2;
34
- }
35
-
36
- .lchs2s1 ._quote_lqs2u_1 p {
37
- color: #1e3860;
38
- }
39
-
40
- @media (max-width: 768px) {
41
- ._quote_spacer_lqs2u_1 .img_fluid {
42
- max-width: 30px;
43
- margin-right: 12px;
44
- }
45
- ._author_lqs2u_13 {
46
- margin-top: 14px;
47
- }
48
- ._quote_lqs2u_1 p {
49
- font-size: 18px;
50
- }
51
- ._author_lqs2u_13 cite {
52
- font-size: 14px;
53
- }
54
- }
55
-
56
- @media (max-width: 500px) {
57
- ._author_lqs2u_13 {
58
- margin-top: 12px;
59
- }
60
- }
61
-
62
- @media (min-width: 604px) {
63
- ._quote_spacer_lqs2u_1 {
64
- width: min(calc(100% - 2rem), 792px);
65
- }
66
- }
67
-
68
- @media (min-width: 1023px) {
69
- ._quote_lqs2u_1 p {
70
- font-weight: 700;
71
- }
72
- }
1
+ ._quote_spacer_ovx4r_1 {
2
+ line-height: 1.35;
3
+ margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
+ margin-inline: auto;
5
+ }
6
+
7
+ ._author_ovx4r_7,
8
+ ._quote_ovx4r_1 {
9
+ color: #1f1f1f;
10
+ }
11
+
12
+ ._author_ovx4r_7 {
13
+ text-align: right;
14
+ margin-top: 18px;
15
+ }
16
+
17
+ ._author_ovx4r_7 cite {
18
+ font-style: normal;
19
+ }
20
+
21
+ ._quote_spacer_ovx4r_1 .img_fluid {
22
+ margin-right: 24px;
23
+ transform: rotateY(180deg) scaleY(-1);
24
+ }
25
+
26
+ ._quote_spacer_ovx4r_1 .flex_row {
27
+ align-items: flex-start;
28
+ }
29
+
30
+ ._quote_ovx4r_1 p {
31
+ font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
+ font-style: italic;
33
+ line-height: 1.2;
34
+ }
35
+
36
+ .lchs2s1 ._quote_ovx4r_1 p {
37
+ color: #1e3860;
38
+ }
39
+
40
+ @media (max-width: 768px) {
41
+ ._quote_spacer_ovx4r_1 .img_fluid {
42
+ max-width: 30px;
43
+ margin-right: 12px;
44
+ }
45
+ ._author_ovx4r_7 {
46
+ margin-top: 14px;
47
+ }
48
+ ._quote_ovx4r_1 p {
49
+ font-size: 18px;
50
+ }
51
+ ._author_ovx4r_7 cite {
52
+ font-size: 14px;
53
+ }
54
+ }
55
+
56
+ @media (max-width: 500px) {
57
+ ._author_ovx4r_7 {
58
+ margin-top: 12px;
59
+ }
60
+ }
61
+
62
+ @media (min-width: 604px) {
63
+ ._quote_spacer_ovx4r_1 {
64
+ width: min(calc(100% - 2rem), 792px);
65
+ }
66
+ }
67
+
68
+ @media (min-width: 1023px) {
69
+ ._quote_ovx4r_1 p {
70
+ font-weight: 700;
71
+ }
72
+ }
@@ -336,11 +336,11 @@
336
336
  color: inherit;
337
337
  line-height: 1.5;
338
338
  }
339
- ._1vox1xj1m {
339
+ ._1vox1xj1n {
340
340
  padding: 2rem;
341
341
  width: 100%;
342
342
  }
343
- ._1vox1xj1n {
343
+ ._1vox1xj1o {
344
344
  margin-bottom: 1rem;
345
345
  }
346
346
  @media screen and (min-width:604px) {
@@ -375,6 +375,9 @@
375
375
  ._1vox1xj1i {
376
376
  gap: 16px;
377
377
  }
378
+ ._1vox1xj1m {
379
+ width: 100%;
380
+ }
378
381
  }
379
382
  @media screen and (max-width:768px) {
380
383
  ._1vox1xj5 {
@@ -1,48 +1,48 @@
1
- ._fdic_callout_eqzgp_1 {
2
- background-color: #000;
3
- color: #fff;
4
- }
5
-
6
- ._inner_container_eqzgp_11 {
7
- margin-left: auto;
8
- margin-right: auto;
9
- width: calc(100% - 90px);
10
- }
11
-
12
- ._fdic_callout_eqzgp_1 .flex {
13
- min-height: 32px;
14
- }
15
-
16
- ._fdic_callout_eqzgp_1 img {
17
- padding-block: 8px;
18
- }
19
-
20
- @media (max-width: 1280px) and (min-width: 1024px) {
21
- ._inner_container_eqzgp_11 {
22
- width: calc(100% - 40px);
23
- }
24
- }
25
-
26
- @media (max-width: 769px) {
27
- ._inner_container_eqzgp_11 {
28
- width: calc(100% - 60px);
29
- }
30
- }
31
-
32
- @media (max-width: 603px) {
33
- ._fdic_callout_eqzgp_1 .flex {
34
- min-height: 28px;
35
- }
36
- }
37
-
38
- @media (max-width: 470px) {
39
- ._fdic_callout_eqzgp_1 img {
40
- padding-block: 5px;
41
- }
42
- }
43
-
44
- @media (max-width: 400px) {
45
- ._inner_container_eqzgp_11 {
46
- width: calc(100% - 20px);
47
- }
48
- }
1
+ ._fdic_callout_1f6md_1 {
2
+ background-color: #000;
3
+ color: #fff;
4
+ }
5
+
6
+ ._inner_container_1f6md_6 {
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ width: calc(100% - 90px);
10
+ }
11
+
12
+ ._fdic_callout_1f6md_1 .flex {
13
+ min-height: 32px;
14
+ }
15
+
16
+ ._fdic_callout_1f6md_1 img {
17
+ padding-block: 8px;
18
+ }
19
+
20
+ @media (max-width: 1280px) and (min-width: 1024px) {
21
+ ._inner_container_1f6md_6 {
22
+ width: calc(100% - 40px);
23
+ }
24
+ }
25
+
26
+ @media (max-width: 769px) {
27
+ ._inner_container_1f6md_6 {
28
+ width: calc(100% - 60px);
29
+ }
30
+ }
31
+
32
+ @media (max-width: 603px) {
33
+ ._fdic_callout_1f6md_1 .flex {
34
+ min-height: 28px;
35
+ }
36
+ }
37
+
38
+ @media (max-width: 470px) {
39
+ ._fdic_callout_1f6md_1 img {
40
+ padding-block: 5px;
41
+ }
42
+ }
43
+
44
+ @media (max-width: 400px) {
45
+ ._inner_container_1f6md_6 {
46
+ width: calc(100% - 20px);
47
+ }
48
+ }