@axos-web-dev/shared-components 1.0.61 → 1.0.63

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 (34) 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/BuyDownCalculator/index.js +1 -1
  5. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  6. package/dist/Interstitial/Interstitial.module.js +10 -10
  7. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  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/MobileMenu/MobileNavData.d.ts +0 -1
  12. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +0 -3
  13. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  14. package/dist/NavigationMenu/AxosBank/SubNavBar.js +9 -11
  15. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  16. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  17. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  18. package/dist/WalnutIframe/wrapper.module.js +3 -3
  19. package/dist/assets/Avatar/Avatar.css.css +59 -59
  20. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  21. package/dist/assets/FdicCallout/FdicCallout.css.css +48 -48
  22. package/dist/assets/Interstitial/Interstitial.css.css +142 -142
  23. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css.css +264 -264
  24. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +597 -597
  25. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +618 -618
  26. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  27. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
  28. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +458 -458
  29. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +426 -426
  30. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css.css +429 -429
  31. package/dist/assets/WalnutIframe/wrapper.css.css +49 -49
  32. package/dist/assets/utils/optimizeImage/optimizeImage.css.css +48 -48
  33. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  34. package/package.json +133 -133
@@ -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
+ }
@@ -1,142 +1,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
- }
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
+ }