@axos-web-dev/shared-components 1.0.91-brand-refresh.1 → 1.0.91-patch.1

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 (54) hide show
  1. package/dist/Article/Article.css.d.ts +1 -1
  2. package/dist/Blockquote/Blockquote.module.js +3 -3
  3. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  4. package/dist/Calculators/calculator.css.d.ts +2 -8
  5. package/dist/Chevron/Chevron.css.d.ts +2 -2
  6. package/dist/CollectInformationAlert/index.js +1 -1
  7. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
  8. package/dist/Forms/Forms.css.d.ts +2 -30
  9. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -1
  10. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -4
  11. package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
  12. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  13. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
  14. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  15. package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
  16. package/dist/NavigationMenu/AxosBank/NavBar.module.js +38 -38
  17. package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -6
  18. package/dist/Pagination/Pagination.js +6 -6
  19. package/dist/WalnutIframe/wrapper.module.js +3 -3
  20. package/dist/assets/Article/Article.css +3 -3
  21. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  22. package/dist/assets/Blockquote/Blockquote.css.css +16 -16
  23. package/dist/assets/Button/Button.css +6 -6
  24. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +5 -0
  25. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +1 -1
  26. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +8 -0
  27. package/dist/assets/Calculators/calculator.css +3 -9
  28. package/dist/assets/Chevron/Chevron.css +2 -2
  29. package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +4 -3
  30. package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
  31. package/dist/assets/Forms/Forms.css +2 -20
  32. package/dist/assets/HeroBanner/HeroBanner.css +3 -3
  33. package/dist/assets/HeroBanner/LargeBanner.css +1 -1
  34. package/dist/assets/HeroBanner/SelectionBanner.css +3 -6
  35. package/dist/assets/IconBillboard/IconBillboard.css +7 -6
  36. package/dist/assets/ImageBillboard/ImageBillboard.css +8 -8
  37. package/dist/assets/Interstitial/Interstitial-variants.css +1 -1
  38. package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
  39. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +597 -597
  40. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  41. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +12 -3
  42. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +442 -435
  43. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +1 -0
  44. package/dist/assets/PageNavItem/PageNavItem.css +5 -6
  45. package/dist/assets/Pagination/Pagination.css +1 -1
  46. package/dist/assets/StepItem/StepItem.css +1 -1
  47. package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
  48. package/dist/assets/WalnutIframe/wrapper.css.css +49 -49
  49. package/dist/assets/globals.css +2 -3
  50. package/dist/assets/themes/axos.css +2 -2
  51. package/dist/assets/utils/optimizeImage/optimizeImage.css.css +47 -47
  52. package/dist/icons/QuoteIconGrey.js +2 -2
  53. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  54. package/package.json +133 -133
@@ -1,68 +1,68 @@
1
- ._quote_spacer_1mzku_1 {
1
+ ._quote_spacer_ioygk_1 {
2
2
  line-height: 1.35;
3
3
  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
4
  margin-inline: auto;
5
5
  }
6
6
 
7
- ._author_1mzku_7,
8
- ._quote_1mzku_1 {
9
- color: #333d46;
7
+ ._author_ioygk_7,
8
+ ._quote_ioygk_1 {
9
+ color: #1F1F1F;
10
10
  }
11
11
 
12
- ._author_1mzku_7 {
12
+ ._author_ioygk_7 {
13
13
  text-align: right;
14
14
  margin-top: 18px;
15
15
  }
16
16
 
17
- ._author_1mzku_7 cite {
17
+ ._author_ioygk_7 cite {
18
18
  font-style: normal;
19
19
  }
20
20
 
21
- ._quote_spacer_1mzku_1 .img_fluid {
21
+ ._quote_spacer_ioygk_1 .img_fluid {
22
22
  margin-right: 24px;
23
23
  transform: rotateY(180deg) scaleY(-1);
24
24
  }
25
25
 
26
- ._quote_spacer_1mzku_1 .flex_row {
26
+ ._quote_spacer_ioygk_1 .flex_row {
27
27
  align-items: flex-start;
28
28
  }
29
29
 
30
- ._quote_1mzku_1 p {
30
+ ._quote_ioygk_1 p {
31
31
  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
32
  font-style: italic;
33
33
  line-height: 1.2;
34
34
  }
35
35
 
36
36
  @media (max-width: 768px) {
37
- ._quote_spacer_1mzku_1 .img_fluid {
37
+ ._quote_spacer_ioygk_1 .img_fluid {
38
38
  max-width: 30px;
39
39
  margin-right: 12px;
40
40
  }
41
- ._author_1mzku_7 {
41
+ ._author_ioygk_7 {
42
42
  margin-top: 14px;
43
43
  }
44
- ._quote_1mzku_1 p {
44
+ ._quote_ioygk_1 p {
45
45
  font-size: 18px;
46
46
  }
47
- ._author_1mzku_7 cite {
47
+ ._author_ioygk_7 cite {
48
48
  font-size: 14px;
49
49
  }
50
50
  }
51
51
 
52
52
  @media (max-width: 500px) {
53
- ._author_1mzku_7 {
53
+ ._author_ioygk_7 {
54
54
  margin-top: 12px;
55
55
  }
56
56
  }
57
57
 
58
58
  @media (min-width: 604px) {
59
- ._quote_spacer_1mzku_1 {
59
+ ._quote_spacer_ioygk_1 {
60
60
  width: min(calc(100% - 2rem), 792px);
61
61
  }
62
62
  }
63
63
 
64
64
  @media (min-width: 1023px) {
65
- ._quote_1mzku_1 p {
65
+ ._quote_ioygk_1 p {
66
66
  font-weight: 600;
67
67
  }
68
68
  }
@@ -47,16 +47,16 @@
47
47
  color: var(--_1073cm8j);
48
48
  }
49
49
  ._13pdpuj3 {
50
- background: var(--_1073cm85);
51
- color: var(--_1073cm86);
50
+ background: var(--_1073cm81);
51
+ color: var(--_1073cm8f);
52
52
  }
53
53
  ._13pdpuj3:hover {
54
- border-color: var(--_1073cm85);
55
- color: var(--_1073cm85);
54
+ border-color: var(--_1073cm81);
55
+ color: var(--_1073cm81);
56
56
  }
57
57
  ._13pdpuj3:active {
58
- background-color: var(--_1073cm85);
59
- color: var(--_1073cm86);
58
+ background-color: var(--_1073cm81);
59
+ color: var(--_1073cm8f);
60
60
  }
61
61
  ._13pdpuj4 {
62
62
  background: #D4D4D4;
@@ -199,6 +199,11 @@
199
199
  margin-top: 16px;
200
200
  padding: 32px 16px 0;
201
201
  }
202
+ ._11b2y8zi {
203
+ font-size: 14px;
204
+ padding-bottom: 16px;
205
+ padding-inline: 16px;
206
+ }
202
207
  }
203
208
  @media screen and (max-width: 450px) {
204
209
  ._11b2y8z4 {
@@ -62,7 +62,7 @@
62
62
  color: #fff;
63
63
  padding: 12px;
64
64
  text-align: center;
65
- font: 600 20px / 1.25 var(--header-font-family);
65
+ font: 700 20px / 1.25 var(--header-font-family);
66
66
  }
67
67
  ._1xynjwxh {
68
68
  background-color: #E7F5FA;
@@ -104,6 +104,7 @@
104
104
  }
105
105
  ._11oamghj {
106
106
  margin-top: 16px;
107
+ padding-inline: 72px;
107
108
  }
108
109
  ._11oamghk {
109
110
  color: var(--_1073cm82);
@@ -127,6 +128,9 @@
127
128
  ._11oamgh1 {
128
129
  padding: 0px 24px;
129
130
  }
131
+ ._11oamghj {
132
+ padding-inline: 40px;
133
+ }
130
134
  }
131
135
  @media screen and (max-width:1023px) {
132
136
  ._11oamgh3 {
@@ -196,6 +200,10 @@
196
200
  margin-top: 16px;
197
201
  padding: 32px 16px 0;
198
202
  }
203
+ ._11oamghj {
204
+ font-size: 14px;
205
+ padding-inline: 16px;
206
+ }
199
207
  }
200
208
  @media screen and (max-width: 450px) {
201
209
  ._11oamgh4 {
@@ -20,19 +20,13 @@
20
20
  color: var(--_1073cm8o);
21
21
  }
22
22
  .iois7n6 {
23
- font: 600 2.5rem / 1.25 var(--header-font-family);
23
+ font: 700 2.5rem / 1.25 var(--header-font-family);
24
24
  }
25
25
  .iois7n7 {
26
- background: var(--_1073cm84);
27
- background-clip: text;
28
- -webkit-text-fill-color: transparent;
29
- text-shadow: 0px 0px #00000000;
26
+ color: var(--_1073cm83);
30
27
  }
31
28
  .iois7n8 {
32
- background: var(--_1073cm8b);
33
- background-clip: text;
34
- -webkit-text-fill-color: transparent;
35
- text-shadow: 0px 0px #00000000;
29
+ color: var(--_1073cm8a);
36
30
  }
37
31
  .iois7n9 {
38
32
  color: var(--_1073cm8g);
@@ -22,11 +22,11 @@
22
22
  text-decoration-color: var(--_1073cm8k);
23
23
  }
24
24
  ._1gp5vfo3 {
25
- color: var(--_1073cm8h);
25
+ color: FFFFFF;
26
26
  }
27
27
  ._1gp5vfo3:hover {
28
28
  text-decoration: underline;
29
- text-decoration-color: var(--_1073cm8h);
29
+ text-decoration-color: #FFFFFF;
30
30
  }
31
31
  ._1gp5vfo4 .arrow {
32
32
  margin-left: 15px;
@@ -32,15 +32,16 @@
32
32
  top: 20px;
33
33
  }
34
34
  ._1qdneat3 {
35
- background: #FFFFFF;
35
+ background: #98DDFF;
36
36
  border-radius: 8px;
37
37
  box-shadow: 0px 2px 15px rgb(0 0 0 / 25%);
38
38
  color: #1E3860;
39
39
  display: inline-block;
40
- font-size: 16px;
41
- font-weight: 400;
40
+ font-size: 18px;
41
+ font-weight: 700;
42
42
  letter-spacing: .2px;
43
43
  line-height: 1.44;
44
+ font-family: var(--header-font-family);
44
45
  margin-bottom: 0px;
45
46
  padding: 12px 67px;
46
47
  text-decoration: none;
@@ -1,6 +1,6 @@
1
1
  ._1a6b3vu0 {
2
2
  color: #ffffff;
3
- background-color: #4A5560;
3
+ background-color: #14263D;
4
4
  padding: 32px 0;
5
5
  width: 100%;
6
6
  }
@@ -47,28 +47,10 @@
47
47
  .tfms6a7 {
48
48
  font-family: var(--header-font-family);
49
49
  }
50
- ._1073cm80 .tfms6a8 {
51
- -webkit-background-clip: text;
52
- background-image: var(--_1073cm84);
53
- -webkit-text-fill-color: transparent;
54
- text-shadow: 0px 0px #00000000;
55
- }
56
- ._1es6o1h0 .tfms6a8 {
57
- color: var(--_1073cm83);
58
- }
59
- .fl2fv50 .tfms6a8 {
50
+ .tfms6a8 {
60
51
  color: var(--_1073cm83);
61
52
  }
62
- ._1073cm80 .tfms6a9 {
63
- -webkit-background-clip: text;
64
- background-image: var(--_1073cm8b);
65
- -webkit-text-fill-color: transparent;
66
- text-shadow: 0px 0px #00000000;
67
- }
68
- ._1es6o1h0 .tfms6a9 {
69
- color: var(--_1073cm8a);
70
- }
71
- .fl2fv50 .tfms6a9 {
53
+ .tfms6a9 {
72
54
  color: var(--_1073cm8a);
73
55
  }
74
56
  .tfms6aa {
@@ -5,7 +5,7 @@
5
5
  }
6
6
  ._1ye8k3f2 {
7
7
  background: var(--_1073cm81);
8
- border-bottom: 1px solid #d4d4d4;
8
+ border-bottom: 1px solid #B9C1CE;
9
9
  color: var(--_1073cm82);
10
10
  }
11
11
  ._1ye8k3f3 {
@@ -44,7 +44,7 @@
44
44
  ._1ye8k3fd {
45
45
  display: block;
46
46
  font: 700 14px / 1.5 var(--main-font-family);
47
- margin-bottom: 2px;
47
+ margin-bottom: 4px;
48
48
  letter-spacing: .2px;
49
49
  }
50
50
  ._1ye8k3fe {
@@ -60,7 +60,7 @@
60
60
  color: var(--_1073cm8n);
61
61
  }
62
62
  ._1ye8k3fi {
63
- font: 600 2.5rem / .97 var(--header-font-family);
63
+ font: 700 2.5rem / .97 var(--header-font-family);
64
64
  text-wrap: pretty;
65
65
  }
66
66
  ._1ye8k3fj {
@@ -60,7 +60,7 @@
60
60
  color: var(--_1073cm83);
61
61
  }
62
62
  ._1bsyngog {
63
- font: 600 2.5rem / 1.25 var(--header-font-family);
63
+ font: 700 2.5rem / 1.25 var(--header-font-family);
64
64
  }
65
65
  ._1bsyngoh {
66
66
  color: var(--_1073cm8g);
@@ -1,14 +1,11 @@
1
1
  ._7etqoq0 {
2
- font: 600 2.5rem / 1.25 var(--header-font-family);
2
+ font: 700 2.5rem / 1.25 var(--header-font-family);
3
3
  }
4
4
  ._7etqoq1 {
5
5
  color: var(--_1073cm83);
6
6
  }
7
7
  ._7etqoq2 {
8
- background: var(--_1073cm8a);
9
- background-clip: text;
10
- -webkit-text-fill-color: transparent;
11
- text-shadow: 0px 0px #00000000;
8
+ color: var(--_1073cm8a);
12
9
  }
13
10
  ._7etqoq3 {
14
11
  color: var(--_1073cm8j);
@@ -35,7 +32,7 @@
35
32
  }
36
33
  ._7etqoq7 {
37
34
  position: relative;
38
- color: #333D46;
35
+ color: #1F1F1F;
39
36
  padding-left: 60px;
40
37
  max-width: 588px;
41
38
  width: 100%;
@@ -19,7 +19,7 @@
19
19
  color: var(--_1073cm8o);
20
20
  }
21
21
  ._1r4ovbu5 {
22
- gap: 8px;
22
+ gap: 16px;
23
23
  text-align: center;
24
24
  }
25
25
  ._1r4ovbu6 {
@@ -44,7 +44,7 @@
44
44
  text-align: center;
45
45
  }
46
46
  ._1r4ovbua {
47
- font: 600 28px / 1.29 var(--header-font-family);
47
+ font: 700 28px/1.29 var(--header-font-family);
48
48
  }
49
49
  ._1r4ovbub {
50
50
  color: var(--_1073cm83);
@@ -62,6 +62,7 @@
62
62
  display: flex;
63
63
  flex-direction: column;
64
64
  gap: 1em;
65
+ list-style: none;
65
66
  }
66
67
  ._1r4ovbug {
67
68
  position: relative;
@@ -70,13 +71,13 @@
70
71
  }
71
72
  ._1r4ovbuh {
72
73
  display: flex;
74
+ align-items: center;
75
+ flex-wrap: wrap;
76
+ gap: 24px;
73
77
  justify-content: center;
74
- width: 100%;
75
78
  margin-top: auto;
76
79
  text-align: center;
77
- flex-wrap: wrap;
78
- gap: 24px;
79
- align-items: center;
80
+ width: 100%;
80
81
  }
81
82
  ._1r4ovbui {
82
83
  margin-inline: auto;
@@ -131,17 +131,17 @@
131
131
  min-height: 330px;
132
132
  }
133
133
  ._1m7m2av {
134
- width: 100%;
135
- height: 100%;
136
134
  position: relative;
135
+ height: 100%;
136
+ width: 100%;
137
137
  }
138
138
  ._1m7m2aw {
139
139
  position: relative;
140
140
  width: 100%;
141
141
  }
142
142
  ._1m7m2ax {
143
- border: none !important;
144
143
  align-items: center;
144
+ border: none !important;
145
145
  }
146
146
  .section_spacer ._1m7m2ax {
147
147
  background: none;
@@ -285,16 +285,16 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
285
285
  }
286
286
  ._1m7m2a1f {
287
287
  position: fixed;
288
- inset: 0;
288
+ display: flex;
289
289
  align-items: center;
290
290
  background: rgba(0, 0, 0, 0.6);
291
- display: flex;
292
- min-height: 100vh;
291
+ box-sizing: border-box;
292
+ inset: 0;
293
293
  justify-content: center;
294
+ min-height: 100vh;
295
+ overflow-y: auto;
294
296
  width: 100%;
295
297
  z-index: 9999;
296
- overflow-y: auto;
297
- box-sizing: border-box;
298
298
  }
299
299
  ._1m7m2a1g {
300
300
  width: min(1214px, 100%);
@@ -1,5 +1,5 @@
1
1
  .ep91dm0 {
2
- font: 600 28px / 1.29 var(--header-font-family);
2
+ font: 700 28px / 1.29 var(--header-font-family);
3
3
  }
4
4
  .ep91dm1 {
5
5
  color: var(--_1073cm83);
@@ -7,21 +7,21 @@
7
7
  }
8
8
  }
9
9
  .w7xgn41 {
10
- border: 12px solid #d6d6d6;
10
+ border: 12px solid #E9EBEF;
11
11
  border-radius: 50%;
12
12
  width: 50px;
13
13
  height: 50px;
14
14
  animation: w7xgn40 2s linear infinite;
15
15
  }
16
16
  .w7xgn42 {
17
- border-top: 12px solid #213a63;
17
+ border-top: 12px solid #1E629A;
18
18
  }
19
19
  .w7xgn43 {
20
- border-top: 12px solid #213a63;
20
+ border-top: 12px solid #1E629A;
21
21
  }
22
22
  .w7xgn44 {
23
- border-top: 12px solid #faa74a;
23
+ border-top: 12px solid #98DDFF;
24
24
  }
25
25
  .w7xgn45 {
26
- border-top: 12px solid #faa74a;
26
+ border-top: 12px solid #98DDFF;
27
27
  }