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

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 (42) 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/AnnualFeeCalculator/index.js +1 -1
  5. package/dist/Calculators/Calculator.js +2 -2
  6. package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js +1 -1
  7. package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
  8. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
  9. package/dist/Calculators/calculator.css.d.ts +21 -1
  10. package/dist/Calculators/calculator.css.js +3 -3
  11. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  12. package/dist/Interstitial/Interstitial.module.js +10 -10
  13. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  14. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  15. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  16. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  17. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  18. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  19. package/dist/SetContainer/SetContainer.css.d.ts +1 -0
  20. package/dist/SetContainer/SetContainer.css.js +5 -3
  21. package/dist/SetContainer/SetContainer.js +2 -2
  22. package/dist/SetContainer/index.js +2 -1
  23. package/dist/WalnutIframe/wrapper.module.js +3 -3
  24. package/dist/assets/Avatar/Avatar.css +59 -59
  25. package/dist/assets/Blockquote/Blockquote.css +72 -72
  26. package/dist/assets/Calculators/calculator.css +25 -15
  27. package/dist/assets/DownloadTile/DownloadTile.css +7 -0
  28. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  29. package/dist/assets/Interstitial/Interstitial.css +142 -142
  30. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
  31. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  32. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
  33. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
  34. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
  35. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  36. package/dist/assets/SetContainer/SetContainer.css +25 -15
  37. package/dist/assets/TextBlock/TextBlock.css +7 -0
  38. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  39. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  40. package/dist/main.js +2 -1
  41. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  42. package/package.json +1 -1
@@ -1,72 +1,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
- }
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,55 +1,65 @@
1
1
  .iois7n1 {
2
+ margin-inline: auto;
3
+ padding-block: 2.5rem;
4
+ }
5
+ .page_body_contents > div:not(:first-child) .iois7n1 {
6
+ padding-top: 0px;
7
+ }
8
+ .iois7n5 {
2
9
  margin: 1.5em 0;
3
10
  font: 400 16px / 1.3 var(--main-font-family);
4
11
  text-align: center;
5
12
  }
6
- .iois7n2 {
13
+ .iois7n6 {
7
14
  background: var(--_1073cm81);
8
15
  color: var(--_1073cm83);
9
16
  }
10
- .iois7n3 {
17
+ .iois7n7 {
11
18
  background: var(--_1073cm88);
12
19
  color: var(--_1073cm8a);
13
20
  }
14
- .iois7n4 {
21
+ .iois7n8 {
15
22
  background: var(--_1073cm8f);
16
23
  color: var(--_1073cm8h);
17
24
  }
18
- .iois7n5 {
25
+ .iois7n9 {
19
26
  background: var(--_1073cm8m);
20
27
  color: var(--_1073cm8o);
21
28
  }
22
- .iois7n6 {
29
+ .iois7na {
23
30
  font: 700 2.5rem / 1.25 var(--header-font-family);
24
31
  }
25
- .iois7n7 {
32
+ .iois7nb {
26
33
  color: var(--_1073cm85);
27
34
  }
28
- .iois7n8 {
35
+ .iois7nc {
29
36
  color: var(--_1073cm8c);
30
37
  }
31
- .iois7n9 {
38
+ .iois7nd {
32
39
  color: var(--_1073cm8j);
33
40
  }
34
- .iois7na {
41
+ .iois7ne {
35
42
  color: var(--_1073cm8q);
36
43
  }
37
44
  main > div:nth-last-child(2) > .iois7n0 {
38
45
  margin-bottom: 3.5rem;
39
46
  }
40
- @media screen and (max-width:768px) {
41
- .iois7n6 {
42
- font-size: 28px;
43
- line-height: 1.29;
44
- }
45
- }
46
47
  @media screen and (max-width: 1023px) {
47
48
  main > div:nth-last-child(2) > .iois7n0 {
48
49
  margin-bottom: 42px;
49
50
  }
50
51
  }
51
52
  @media screen and (max-width: 768px) {
53
+ .iois7n1 {
54
+ padding-block: 1.5rem;
55
+ }
52
56
  main > div:nth-last-child(2) > .iois7n0 {
53
57
  margin-bottom: 2rem;
54
58
  }
59
+ }
60
+ @media screen and (max-width:768px) {
61
+ .iois7na {
62
+ font-size: 28px;
63
+ line-height: 1.29;
64
+ }
55
65
  }
@@ -1,3 +1,10 @@
1
+ ._14gexxj0 {
2
+ margin-inline: auto;
3
+ padding-top: 2.5rem;
4
+ }
5
+ .page_body_contents > div:not(:first-child) ._14gexxj0 {
6
+ padding-top: 0px;
7
+ }
1
8
  ._14gexxj1 {
2
9
  margin: 0 auto;
3
10
  width: 94%;
@@ -1,48 +1,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
- }
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,142 +1,142 @@
1
- @keyframes _appear_e4cra_1 {
2
- 0% {
3
- opacity: 0;
4
- transform: scale(0.9);
5
- }
6
- to {
7
- opacity: 1;
8
- transform: scale(1);
9
- }
10
- }
11
- @keyframes _vanish_e4cra_1 {
12
- 0% {
13
- display: block;
14
- opacity: 1;
15
- transform: scale(1);
16
- }
17
- to {
18
- display: none;
19
- opacity: 0;
20
- transform: scale(0.9);
21
- }
22
- }
23
-
24
- ._overlay_e4cra_24 {
25
- position: fixed;
26
- top: 0;
27
- left: 0;
28
- right: 0;
29
- bottom: 0;
30
- background: rgba(0, 0, 0, 0.4);
31
- display: none;
32
- align-items: center;
33
- justify-content: center;
34
- }
35
-
36
- ._overlay_e4cra_24.active {
37
- display: flex;
38
- }
39
-
40
- ._modal_e4cra_40 {
41
- animation: _vanish_e4cra_1 0.45s ease;
42
- background: #fff;
43
- border-radius: 16px;
44
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
45
- position: relative;
46
- transition: transform 0.45s ease;
47
- width: min(calc(100% - 2rem), 800px);
48
- overflow: hidden;
49
- }
50
-
51
- ._modal_e4cra_40.active {
52
- animation: _appear_e4cra_1 0.45s ease;
53
- }
54
-
55
- ._close_button_e4cra_55 {
56
- position: absolute;
57
- background-color: rgba(255, 255, 255, 0.3);
58
- border-radius: 8px;
59
- border: none;
60
- color: #4a5560;
61
- cursor: pointer;
62
- font-size: 1.9rem;
63
- line-height: 1;
64
- right: 1.5rem;
65
- text-align: center;
66
- top: 1.5rem;
67
- width: 32px;
68
- }
69
-
70
- ._modal_content_e4cra_70 {
71
- padding: 16px 24px 24px;
72
- }
73
-
74
- ._img_area_e4cra_74 {
75
- background-position: center center;
76
- background-size: cover;
77
- height: 418px;
78
- }
79
-
80
- body:has(._overlay_e4cra_24.active) {
81
- overflow-y: hidden;
82
- }
83
-
84
- ._body_copy_e4cra_84 {
85
- margin-top: 8px;
86
- }
87
-
88
- ._body_copy_e4cra_84 > * {
89
- color: #333d46;
90
- }
91
-
92
- ._body_copy_e4cra_84 > p {
93
- text-align: center;
94
- font-size: 16px;
95
- line-height: 1.5;
96
- }
97
-
98
- ._btns_e4cra_98 {
99
- display: flex;
100
- align-items: center;
101
- gap: 2rem;
102
- padding-top: 16px;
103
- margin-top: 16px;
104
- width: 100%;
105
- justify-content: center;
106
- }
107
-
108
- ._btns_e4cra_98:empty {
109
- display: none;
110
- }
111
-
112
- ._modal_content_e4cra_70:nth-child(2) h2 {
113
- margin-top: 31px;
114
- }
115
-
116
- @media (max-width: 1023px) {
117
- ._btns_e4cra_98 {
118
- flex-direction: column-reverse;
119
- }
120
- }
121
-
122
- @media (max-width: 832px) {
123
- ._img_area_e4cra_74 {
124
- height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
125
- }
126
- }
127
-
128
- @media (max-width: 500px) {
129
- ._modal_e4cra_40 {
130
- width: calc(100% - 1rem);
131
- }
132
- ._overlay_e4cra_24.active {
133
- align-items: flex-start;
134
- overflow-y: scroll;
135
- padding-top: 40px;
136
- }
137
- }
138
-
139
- ._white_modal_e4cra_139 {
140
- color: #1e3860;
141
- padding-bottom: 40px;
142
- }
1
+ @keyframes _appear_1ep5z_1 {
2
+ 0% {
3
+ opacity: 0;
4
+ transform: scale(0.9);
5
+ }
6
+ to {
7
+ opacity: 1;
8
+ transform: scale(1);
9
+ }
10
+ }
11
+ @keyframes _vanish_1ep5z_1 {
12
+ 0% {
13
+ display: block;
14
+ opacity: 1;
15
+ transform: scale(1);
16
+ }
17
+ to {
18
+ display: none;
19
+ opacity: 0;
20
+ transform: scale(0.9);
21
+ }
22
+ }
23
+
24
+ ._overlay_1ep5z_47 {
25
+ position: fixed;
26
+ top: 0;
27
+ left: 0;
28
+ right: 0;
29
+ bottom: 0;
30
+ background: rgba(0, 0, 0, 0.4);
31
+ display: none;
32
+ align-items: center;
33
+ justify-content: center;
34
+ }
35
+
36
+ ._overlay_1ep5z_47.active {
37
+ display: flex;
38
+ }
39
+
40
+ ._modal_1ep5z_79 {
41
+ animation: _vanish_1ep5z_1 0.45s ease;
42
+ background: #fff;
43
+ border-radius: 16px;
44
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
45
+ position: relative;
46
+ transition: transform 0.45s ease;
47
+ width: min(calc(100% - 2rem), 800px);
48
+ overflow: hidden;
49
+ }
50
+
51
+ ._modal_1ep5z_79.active {
52
+ animation: _appear_1ep5z_1 0.45s ease;
53
+ }
54
+
55
+ ._close_button_1ep5z_109 {
56
+ position: absolute;
57
+ background-color: rgba(255, 255, 255, 0.3);
58
+ border-radius: 8px;
59
+ border: none;
60
+ color: #4a5560;
61
+ cursor: pointer;
62
+ font-size: 1.9rem;
63
+ line-height: 1;
64
+ right: 1.5rem;
65
+ text-align: center;
66
+ top: 1.5rem;
67
+ width: 32px;
68
+ }
69
+
70
+ ._modal_content_1ep5z_139 {
71
+ padding: 16px 24px 24px;
72
+ }
73
+
74
+ ._img_area_1ep5z_147 {
75
+ background-position: center center;
76
+ background-size: cover;
77
+ height: 418px;
78
+ }
79
+
80
+ body:has(._overlay_1ep5z_47.active) {
81
+ overflow-y: hidden;
82
+ }
83
+
84
+ ._body_copy_1ep5z_167 {
85
+ margin-top: 8px;
86
+ }
87
+
88
+ ._body_copy_1ep5z_167 > * {
89
+ color: #333d46;
90
+ }
91
+
92
+ ._body_copy_1ep5z_167 > p {
93
+ text-align: center;
94
+ font-size: 16px;
95
+ line-height: 1.5;
96
+ }
97
+
98
+ ._btns_1ep5z_195 {
99
+ display: flex;
100
+ align-items: center;
101
+ gap: 2rem;
102
+ padding-top: 16px;
103
+ margin-top: 16px;
104
+ width: 100%;
105
+ justify-content: center;
106
+ }
107
+
108
+ ._btns_1ep5z_195:empty {
109
+ display: none;
110
+ }
111
+
112
+ ._modal_content_1ep5z_139:nth-child(2) h2 {
113
+ margin-top: 31px;
114
+ }
115
+
116
+ @media (max-width: 1023px) {
117
+ ._btns_1ep5z_195 {
118
+ flex-direction: column-reverse;
119
+ }
120
+ }
121
+
122
+ @media (max-width: 832px) {
123
+ ._img_area_1ep5z_147 {
124
+ height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
125
+ }
126
+ }
127
+
128
+ @media (max-width: 500px) {
129
+ ._modal_1ep5z_79 {
130
+ width: calc(100% - 1rem);
131
+ }
132
+ ._overlay_1ep5z_47.active {
133
+ align-items: flex-start;
134
+ overflow-y: scroll;
135
+ padding-top: 40px;
136
+ }
137
+ }
138
+
139
+ ._white_modal_1ep5z_277 {
140
+ color: #1e3860;
141
+ padding-bottom: 40px;
142
+ }