@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
@@ -57,27 +57,34 @@
57
57
  margin-inline: auto;
58
58
  padding-block: 2.5rem;
59
59
  }
60
+ .page_body_contents > div:not(:first-child) ._18ygy9m0._18ygy9m1 ._18ygy9mb {
61
+ padding-top: 0px;
62
+ }
63
+ ._18ygy9mc {
64
+ margin-inline: auto;
65
+ padding-block: 2.5rem;
66
+ }
60
67
  :is(._18ygy9m5, ._18ygy9m6) .containment {
61
68
  width: 100%;
62
69
  }
63
70
  ._18ygy9m0 .containment .containment {
64
71
  width: 100%;
65
72
  }
66
- ._18ygy9mc {
73
+ ._18ygy9md {
67
74
  display: flex;
68
75
  margin-inline: auto;
69
76
  place-items: center;
70
77
  text-align: center;
71
78
  }
72
- ._18ygy9md {
79
+ ._18ygy9me {
73
80
  display: block;
74
81
  margin: auto;
75
82
  }
76
- ._18ygy9me {
83
+ ._18ygy9mf {
77
84
  isolation: isolate;
78
85
  position: relative;
79
86
  }
80
- ._18ygy9me::before {
87
+ ._18ygy9mf::before {
81
88
  content: "";
82
89
  position: absolute;
83
90
  width: 100%;
@@ -87,29 +94,29 @@
87
94
  right: 0;
88
95
  z-index: -1;
89
96
  }
90
- ._18ygy9mf {
97
+ ._18ygy9mg {
91
98
  background: var(--_1073cm81);
92
99
  }
93
- ._18ygy9mf::before {
100
+ ._18ygy9mg::before {
94
101
  background: var(--_1073cm81);
95
102
  }
96
- ._18ygy9mg {
103
+ ._18ygy9mh {
97
104
  background: var(--_1073cm81);
98
105
  }
99
- ._18ygy9mg::before {
106
+ ._18ygy9mh::before {
100
107
  background: var(--_1073cm88);
101
108
  }
102
- ._18ygy9mh {
109
+ ._18ygy9mi {
103
110
  background: var(--_1073cm81);
104
111
  }
105
- ._18ygy9mh::before {
112
+ ._18ygy9mi::before {
106
113
  background: var(--_1073cm8f);
107
114
  color: var(--_1073cm8o);
108
115
  }
109
- ._18ygy9mi {
116
+ ._18ygy9mj {
110
117
  background: var(--_1073cm81);
111
118
  }
112
- ._18ygy9mi::before {
119
+ ._18ygy9mj::before {
113
120
  background: var(--_1073cm8m);
114
121
  color: var(--_1073cm8o);
115
122
  }
@@ -152,6 +159,9 @@
152
159
  ._18ygy9mb {
153
160
  padding-block: 1.5rem;
154
161
  }
162
+ ._18ygy9mc {
163
+ padding-block: 1.5rem;
164
+ }
155
165
  }
156
166
  @media screen and (max-width: 1280px) {
157
167
  ._18ygy9m6.cols_4 > .is_icon {
@@ -159,17 +169,17 @@
159
169
  }
160
170
  }
161
171
  @media screen and (max-width:320px) {
162
- ._18ygy9mc {
172
+ ._18ygy9md {
163
173
  max-width: 100%;
164
174
  }
165
175
  }
166
176
  @media screen and (max-width:768px) {
167
- ._18ygy9mc {
177
+ ._18ygy9md {
168
178
  max-width: 100%;
169
179
  }
170
180
  }
171
181
  @media screen and (max-width:1023px) {
172
- ._18ygy9m5:has(._18ygy9mc) {
182
+ ._18ygy9m5:has(._18ygy9md) {
173
183
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
174
184
  }
175
185
  }
@@ -1,3 +1,10 @@
1
+ ._16g7rvn0 {
2
+ margin-inline: auto;
3
+ padding-top: 2.5rem;
4
+ }
5
+ .page_body_contents > div:not(:first-child) ._16g7rvn0 {
6
+ padding-top: 0px;
7
+ }
1
8
  ._16g7rvn1 {
2
9
  margin: 1em 0;
3
10
  line-height: 1.5;
@@ -1,48 +1,48 @@
1
- @keyframes _shimmer_f1tr5_1 {
2
- from {
3
- transform: translateX(-100%);
4
- }
5
- to {
6
- transform: translateX(100%);
7
- }
8
- }
9
-
10
- ._wrapper_f1tr5_10 {
11
- background: #1e3860;
12
- border-radius: 8px;
13
- height: 555px;
14
- isolation: isolate;
15
- margin-block: 48px;
16
- }
17
-
18
- section > ._wrapper_f1tr5_10:first-child {
19
- margin-top: 0 !important;
20
- }
21
-
22
- ._wrapper_f1tr5_10::before {
23
- content: "";
24
- position: absolute;
25
- top: 0;
26
- left: 0;
27
- width: 190%;
28
- height: 100%;
29
- background: linear-gradient(
30
- 65deg,
31
- rgba(255, 255, 255, 0) 20%,
32
- rgba(255, 255, 255, 0.5) 50%,
33
- rgba(255, 255, 255, 0) 80%
34
- );
35
- animation: _shimmer_f1tr5_1 1.3s infinite linear;
36
- z-index: -1;
37
- }
38
-
39
- ._wrapper_control_f1tr5_39 {
40
- height: 100%;
41
- width: 100%;
42
- }
43
-
44
- @media (max-width: 1023px) {
45
- ._wrapper_f1tr5_10 {
46
- display: none;
47
- }
48
- }
1
+ @keyframes _shimmer_1wqdl_1 {
2
+ from {
3
+ transform: translateX(-100%);
4
+ }
5
+ to {
6
+ transform: translateX(100%);
7
+ }
8
+ }
9
+
10
+ ._wrapper_1wqdl_19 {
11
+ background: #1e3860;
12
+ border-radius: 8px;
13
+ height: 555px;
14
+ isolation: isolate;
15
+ margin-block: 48px;
16
+ }
17
+
18
+ section > ._wrapper_1wqdl_19:first-child {
19
+ margin-top: 0 !important;
20
+ }
21
+
22
+ ._wrapper_1wqdl_19::before {
23
+ content: "";
24
+ position: absolute;
25
+ top: 0;
26
+ left: 0;
27
+ width: 190%;
28
+ height: 100%;
29
+ background: linear-gradient(
30
+ 65deg,
31
+ rgba(255, 255, 255, 0) 20%,
32
+ rgba(255, 255, 255, 0.5) 50%,
33
+ rgba(255, 255, 255, 0) 80%
34
+ );
35
+ animation: _shimmer_1wqdl_1 1.3s infinite linear;
36
+ z-index: -1;
37
+ }
38
+
39
+ ._wrapper_control_1wqdl_77 {
40
+ height: 100%;
41
+ width: 100%;
42
+ }
43
+
44
+ @media (max-width: 1023px) {
45
+ ._wrapper_1wqdl_19 {
46
+ display: none;
47
+ }
48
+ }
@@ -1,47 +1,47 @@
1
- @keyframes _shimmer_pwl74_1 {
2
- from {
3
- transform: translateX(-100%);
4
- }
5
- to {
6
- transform: translateX(100%);
7
- }
8
- }
9
-
10
- ._loader_pwl74_10 {
11
- height: 100%;
12
- width: 100%;
13
- inset: 0;
14
- }
15
-
16
- ._loading_pwl74_16 {
17
- position: relative;
18
- width: 100%;
19
- height: 100%;
20
- overflow: hidden;
21
- background: #1e3860;
22
- }
23
-
24
- ._1es6o1h0 ._loading_pwl74_16 {
25
- background-color: var(--_1073cm8f);
26
- }
27
-
28
- .fl2fv50 ._loading_pwl74_16 {
29
- background-color: #28587d;
30
- }
31
-
32
- ._loading_pwl74_16::before {
33
- content: "";
34
- position: absolute;
35
- top: 0;
36
- left: 0;
37
- width: 190%;
38
- height: 100%;
39
- background: linear-gradient(
40
- 65deg,
41
- rgba(255, 255, 255, 0) 20%,
42
- rgba(255, 255, 255, 0.5) 50%,
43
- rgba(255, 255, 255, 0) 80%
44
- );
45
- animation: _shimmer_pwl74_1 1.3s infinite linear;
46
- z-index: 1;
47
- }
1
+ @keyframes _shimmer_1cu2x_1 {
2
+ from {
3
+ transform: translateX(-100%);
4
+ }
5
+ to {
6
+ transform: translateX(100%);
7
+ }
8
+ }
9
+
10
+ ._loader_1cu2x_19 {
11
+ height: 100%;
12
+ width: 100%;
13
+ inset: 0;
14
+ }
15
+
16
+ ._loading_1cu2x_31 {
17
+ position: relative;
18
+ width: 100%;
19
+ height: 100%;
20
+ overflow: hidden;
21
+ background: #1e3860;
22
+ }
23
+
24
+ ._1es6o1h0 ._loading_1cu2x_31 {
25
+ background-color: var(--_1073cm8f);
26
+ }
27
+
28
+ .fl2fv50 ._loading_1cu2x_31 {
29
+ background-color: #28587d;
30
+ }
31
+
32
+ ._loading_1cu2x_31::before {
33
+ content: "";
34
+ position: absolute;
35
+ top: 0;
36
+ left: 0;
37
+ width: 190%;
38
+ height: 100%;
39
+ background: linear-gradient(
40
+ 65deg,
41
+ rgba(255, 255, 255, 0) 20%,
42
+ rgba(255, 255, 255, 0.5) 50%,
43
+ rgba(255, 255, 255, 0) 80%
44
+ );
45
+ animation: _shimmer_1cu2x_1 1.3s infinite linear;
46
+ z-index: 1;
47
+ }
package/dist/main.js CHANGED
@@ -145,7 +145,7 @@ import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
145
145
  import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, bottom_center, bottom_left, bottom_right, center_center, center_left, center_right, exit_intent, exit_intent_backdrop, header, imagePlacement, image_background, image_based, image_inner_wrapper, is_bg_img, mh_330, modal_close_button, rate_billboard, rate_container, rate_pad, remove_padding, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, top_center, top_left, top_right, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
146
146
  import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
147
147
  import { SetContainer } from "./SetContainer/SetContainer.js";
148
- import { imageLinkContainer, inline_container, isolate_container, set_container, set_container_cols, set_logo, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
148
+ import { imageLinkContainer, inline_container, isolate_container, set_container, set_container_cols, set_logo, setcontainer_section_additionaltext, setcontainer_section_text } from "./SetContainer/SetContainer.css.js";
149
149
  import "react";
150
150
  import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
151
151
  import { Checkbox } from "./Input/Checkbox.js";
@@ -768,6 +768,7 @@ export {
768
768
  set_container,
769
769
  set_container_cols,
770
770
  set_logo,
771
+ setcontainer_section_additionaltext,
771
772
  setcontainer_section_text,
772
773
  shift,
773
774
  shimmerText,
@@ -1,6 +1,6 @@
1
- import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_pwl74_10";
2
- const loading = "_loading_pwl74_16";
3
- const shimmer = "_shimmer_pwl74_1";
1
+ import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_1cu2x_19";
2
+ const loading = "_loading_1cu2x_31";
3
+ const shimmer = "_shimmer_1cu2x_1";
4
4
  const css = {
5
5
  loader,
6
6
  loading,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "2.0.0-dev.23",
4
+ "version": "2.0.0-dev.25",
5
5
  "type": "module",
6
6
  "main": "index.js",
7
7
  "module": "dist/main.js",