@axos-web-dev/shared-components 1.0.100-sectionSpacerRemoved.3 → 1.0.100-sectionSpacerRemoved.5

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 (52) hide show
  1. package/dist/Article/Article.d.ts +2 -1
  2. package/dist/Article/Article.js +13 -2
  3. package/dist/Blockquote/Blockquote.module.js +3 -3
  4. package/dist/Chatbot/Bubble.js +1 -1
  5. package/dist/Chatbot/Chat.js +0 -7
  6. package/dist/Chatbot/ChatWindow.d.ts +2 -0
  7. package/dist/Chatbot/ChatWindow.js +19 -3
  8. package/dist/Chatbot/Chatbot.js +90 -9
  9. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  10. package/dist/Chatbot/ChatbotMessage.js +5 -2
  11. package/dist/Chatbot/store/chat.d.ts +3 -0
  12. package/dist/Chatbot/store/chat.js +10 -2
  13. package/dist/Chatbot/store/messages.d.ts +1 -0
  14. package/dist/Chatbot/store/messages.js +5 -2
  15. package/dist/Forms/EmailOnly.js +7 -2
  16. package/dist/Forms/Forms.css.d.ts +1 -1
  17. package/dist/Forms/Forms.css.js +3 -3
  18. package/dist/IconBillboard/IconBillboard.css.d.ts +1 -0
  19. package/dist/IconBillboard/IconBillboard.css.js +11 -9
  20. package/dist/IconBillboard/IconBillboard.js +3 -3
  21. package/dist/IconBillboard/index.js +2 -1
  22. package/dist/ImageBillboard/ImageBillboardSet.js +2 -2
  23. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  24. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +6 -6
  25. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +12 -12
  26. package/dist/NavigationMenu/AxosBank/SubNavBar.js +19 -19
  27. package/dist/assets/AlertBanner/AlertBanner.css +4 -1
  28. package/dist/assets/Blockquote/Blockquote.css.css +72 -72
  29. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +1 -1
  30. package/dist/assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css +2 -2
  31. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +1 -1
  32. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +1 -1
  33. package/dist/assets/Carousel/Carousel.css +1 -1
  34. package/dist/assets/Chatbot/AnimatedGradientBorder.css +2 -1
  35. package/dist/assets/DownloadTile/DownloadTile.css +2 -2
  36. package/dist/assets/ExecutiveBio/ExecutiveBio.css +1 -1
  37. package/dist/assets/Forms/Forms.css +29 -25
  38. package/dist/assets/HelpArticle/HelpArticle.css +2 -2
  39. package/dist/assets/HeroBanner/HeroBanner.css +1 -1
  40. package/dist/assets/IconBillboard/IconBillboard.css +35 -28
  41. package/dist/assets/ImageBillboard/ImageBillboard.css +21 -21
  42. package/dist/assets/Inputs/Input.css +1 -1
  43. package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
  44. package/dist/assets/Insight/Insight.css +4 -4
  45. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +192 -192
  46. package/dist/assets/PageNavSet/PageNavigationSet.css +4 -3
  47. package/dist/assets/Topic/Topic.css +1 -1
  48. package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -4
  49. package/dist/assets/Typography/Typography.css +1 -1
  50. package/dist/assets/VideoTile/VideoTile.css +1 -1
  51. package/dist/main.js +2 -1
  52. package/package.json +136 -136
@@ -43,39 +43,46 @@
43
43
  text-align: center;
44
44
  }
45
45
  ._1r4ovbua {
46
- font: 700 28px/1.29 var(--header-font-family);
46
+ position: relative;
47
47
  }
48
48
  ._1r4ovbub {
49
- color: var(--_1073cm85);
49
+ font: 700 28px/1.29 var(--header-font-family);
50
+ }
51
+ ._1r4ovbua ._1r4ovbub {
52
+ font-size: 24px;
53
+ line-height: 1.16;
50
54
  }
51
55
  ._1r4ovbuc {
52
- color: var(--_1073cm8c);
56
+ color: var(--_1073cm85);
53
57
  }
54
58
  ._1r4ovbud {
55
- color: var(--_1073cm8j);
59
+ color: var(--_1073cm8c);
56
60
  }
57
61
  ._1r4ovbue {
58
- color: var(--_1073cm8q);
62
+ color: var(--_1073cm8j);
59
63
  }
60
64
  ._1r4ovbuf {
65
+ color: var(--_1073cm8q);
66
+ }
67
+ ._1r4ovbug {
61
68
  display: flex;
62
69
  flex-direction: column;
63
70
  gap: 1em;
64
71
  list-style: none;
65
72
  }
66
- ._1r4ovbuf :is(ol,ul) {
73
+ ._1r4ovbug :is(ol,ul) {
67
74
  padding-left: 0;
68
75
  display: flex;
69
76
  flex-direction: column;
70
77
  gap: 4px;
71
78
  margin-top: 8px;
72
79
  }
73
- ._1r4ovbug {
80
+ ._1r4ovbuh {
74
81
  position: relative;
75
82
  display: flex;
76
83
  gap: 10px;
77
84
  }
78
- ._1r4ovbuh {
85
+ ._1r4ovbui {
79
86
  display: flex;
80
87
  align-items: center;
81
88
  flex-wrap: wrap;
@@ -85,83 +92,83 @@
85
92
  text-align: center;
86
93
  width: 100%;
87
94
  }
88
- ._1r4ovbui {
95
+ ._1r4ovbuj {
89
96
  margin-inline: auto;
90
97
  max-width: 1000px;
91
98
  padding-block: 2.5rem;
92
99
  text-align: center;
93
100
  }
94
- ._1r4ovbui > p {
101
+ ._1r4ovbuj > p {
95
102
  margin-top: 8px;
96
103
  }
97
- ._1r4ovbuj {
104
+ ._1r4ovbuk {
98
105
  text-wrap: pretty;
99
106
  }
100
- ._1r4ovbuk {
107
+ ._1r4ovbul {
101
108
  color: var(--_1073cm85);
102
109
  }
103
- ._1r4ovbul {
110
+ ._1r4ovbum {
104
111
  color: var(--_1073cm8c);
105
112
  }
106
- ._1r4ovbum {
113
+ ._1r4ovbun {
107
114
  color: var(--_1073cm8j);
108
115
  }
109
- ._1r4ovbun {
116
+ ._1r4ovbuo {
110
117
  color: var(--_1073cm8q);
111
118
  }
112
- ._1r4ovbuo {
119
+ ._1r4ovbup {
113
120
  display: grid;
114
121
  grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
115
122
  gap: 24px;
116
123
  }
117
- ._1r4ovbup {
124
+ ._1r4ovbuq {
118
125
  color: var(--_1073cm83);
119
126
  }
120
- ._1r4ovbuq {
127
+ ._1r4ovbur {
121
128
  background: var(--_1073cm81);
122
129
  border: 1px solid #E9EBEF;
123
130
  }
124
- ._1r4ovbur {
131
+ ._1r4ovbus {
125
132
  background: var(--_1073cm88);
126
133
  }
127
- ._1r4ovbus {
134
+ ._1r4ovbut {
128
135
  background: var(--_1073cm8f);
129
136
  color: var(--_1073cm8h);
130
137
  }
131
- ._1r4ovbut {
138
+ ._1r4ovbuu {
132
139
  background: var(--_1073cm8m);
133
140
  color: var(--_1073cm8o);
134
141
  }
135
142
  main > div:nth-last-child(2) > ._1r4ovbu0 {
136
143
  margin-bottom: 3.5rem;
137
144
  }
138
- ._1r4ovbuu {
145
+ ._1r4ovbuv {
139
146
  cursor: pointer;
140
147
  position: relative;
141
148
  transform: translateY(0px);
142
149
  transition: all 0.38s ease;
143
150
  }
144
- ._1r4ovbuu:hover {
151
+ ._1r4ovbuv:hover {
145
152
  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
146
153
  transform: translateY(-4px);
147
154
  }
148
- ._1r4ovbuu:active {
155
+ ._1r4ovbuv:active {
149
156
  box-shadow: none;
150
157
  transform: translateY(0px);
151
158
  }
152
- ._1r4ovbuu:hover ._1r4ovbuh a {
159
+ ._1r4ovbuv:hover ._1r4ovbui a {
153
160
  text-decoration: underline;
154
161
  }
155
162
  @media screen and (max-width: 380px) {
156
- ._1r4ovbuh {
163
+ ._1r4ovbui {
157
164
  flex-direction: column;
158
165
  }
159
- ._1r4ovbuh:first-child {
166
+ ._1r4ovbui:first-child {
160
167
  margin-bottom: 1em;
161
168
  }
162
169
  }
163
170
  @media screen and (max-width: 1023px) {
164
- ._1r4ovbuo {
171
+ ._1r4ovbup {
165
172
  grid-template-columns: 1fr;
166
173
  }
167
174
  main > div:nth-last-child(2) > ._1r4ovbu0 {
@@ -163,7 +163,7 @@
163
163
  align-items: center;
164
164
  border: none !important;
165
165
  }
166
- .section_spacer ._1m7m2ax {
166
+ .page_body_contents > div:has(._1m7m2ax) {
167
167
  background: none;
168
168
  }
169
169
  ._1m7m2ax ._1m7m2aj {
@@ -187,7 +187,7 @@
187
187
  ._1m7m2a10 {
188
188
  color: #fff;
189
189
  font-size: 48px;
190
- font-weight: 600;
190
+ font-weight: 700;
191
191
  letter-spacing: 0.4px;
192
192
  line-height: 1;
193
193
  }
@@ -199,7 +199,7 @@
199
199
  ._1m7m2a12 {
200
200
  color: var(--_1073cm8g);
201
201
  font-size: 37px;
202
- font-weight: 600;
202
+ font-weight: 700;
203
203
  letter-spacing: 0.3px;
204
204
  line-height: 1;
205
205
  }
@@ -269,40 +269,40 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
269
269
  .stacked ._1m7m2ao {
270
270
  height: auto;
271
271
  }
272
- .section_spacer:has(._1m7m2ax._1m7m2a1) {
272
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a1) {
273
273
  background: var(--_1073cm81);
274
274
  }
275
- .section_spacer:has(._1m7m2ax._1m7m2a1) + .section_spacer:has(._1m7m2ax._1m7m2a1) {
275
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a1) + div:has(._1m7m2ax._1m7m2a1) {
276
276
  padding-top: 0;
277
277
  }
278
- .section_spacer:has(._1m7m2ax._1m7m2a2) {
278
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a2) {
279
279
  background: var(--_1073cm88);
280
280
  }
281
- .section_spacer:has(._1m7m2ax._1m7m2a2) + .section_spacer:has(._1m7m2ax._1m7m2a2) {
281
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a2) + div:has(._1m7m2ax._1m7m2a2) {
282
282
  padding-top: 0;
283
283
  }
284
- .section_spacer:has(._1m7m2ax._1m7m2a3) {
284
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a3) {
285
285
  background: var(--_1073cm8f);
286
286
  }
287
- .section_spacer:has(._1m7m2ax._1m7m2a3) + .section_spacer:has(._1m7m2ax._1m7m2a3) {
287
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a3) + div:has(._1m7m2ax._1m7m2a3) {
288
288
  padding-top: 0;
289
289
  }
290
- .section_spacer:has(._1m7m2ax._1m7m2a4) {
290
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a4) {
291
291
  background: var(--_1073cm8m);
292
292
  }
293
- .section_spacer:has(._1m7m2ax._1m7m2a4) + .section_spacer:has(._1m7m2ax._1m7m2a4) {
293
+ .page_body_contents > div:has(._1m7m2ax._1m7m2a4) + div:has(._1m7m2ax._1m7m2a4) {
294
294
  padding-top: 0;
295
295
  }
296
- .section_spacer:has(.stacked) {
296
+ .page_body_contents > div:has(.stacked) {
297
297
  padding-bottom: 40px;
298
298
  }
299
- .section_spacer:has(> ._1m7m2ax) {
299
+ .page_body_contents > div:has(> ._1m7m2ax) {
300
300
  padding-block: 56px;
301
301
  }
302
- .section_spacer:has(._1m7m2ax) + .section_spacer:has(._1m7m2ax) {
302
+ .page_body_contents > div:has(._1m7m2ax) + .div:has(._1m7m2ax) {
303
303
  margin-top: 0;
304
304
  }
305
- .section_spacer:has(._1m7m2ax) ._1m7m2an {
305
+ .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
306
306
  margin-top: 1.7rem;
307
307
  }
308
308
  ._1m7m2a1f {
@@ -349,7 +349,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
349
349
  cursor: pointer;
350
350
  font-family: var(--header-font-family);
351
351
  font-size: 0.9rem;
352
- font-weight: 600;
352
+ font-weight: 700;
353
353
  line-height: 1;
354
354
  padding: 5px 9px;
355
355
  z-index: 2;
@@ -465,7 +465,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
465
465
  .stacked:first-child {
466
466
  padding-top: 42px;
467
467
  }
468
- .section_spacer:has(> ._1m7m2ax) {
468
+ .page_body_contents > div:has(> ._1m7m2ax) {
469
469
  padding-block: 42px;
470
470
  }
471
471
  }
@@ -485,7 +485,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
485
485
  .stacked:first-child {
486
486
  padding-top: 2rem;
487
487
  }
488
- .section_spacer:has(> ._1m7m2ax) {
488
+ .page_body_contents > div:has(> ._1m7m2ax) {
489
489
  padding-block: 2rem;
490
490
  }
491
491
  }
@@ -498,7 +498,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
498
498
  }
499
499
  }
500
500
  @media screen and (min-width: 768px) {
501
- .section_spacer:has(._1m7m2ax) ._1m7m2an {
501
+ .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
502
502
  margin-top: 2.5rem;
503
503
  }
504
504
  }
@@ -519,7 +519,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
519
519
  ._18ygy9m5.stacked ._1m7m2av {
520
520
  min-height: 1px !important;
521
521
  }
522
- .section_spacer:has(._1m7m2ax) ._1m7m2an {
522
+ .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
523
523
  justify-content: flex-start;
524
524
  }
525
525
  ._1m7m2a1g .billboard {
@@ -548,7 +548,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
548
548
  }
549
549
  }
550
550
  @media screen and (min-width: 1280px) {
551
- .section_spacer:has(._1m7m2ax) ._1m7m2an {
551
+ .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
552
552
  margin-top: 3rem;
553
553
  }
554
554
  }
@@ -138,7 +138,7 @@
138
138
  }
139
139
  ._157e2fzm:focus-within {
140
140
  border-width: 2px;
141
- font-weight: 600;
141
+ font-weight: 700;
142
142
  color: var(--_1073cm82);
143
143
  }
144
144
  ._157e2fzn {
@@ -20,7 +20,7 @@
20
20
  text-decoration: none;
21
21
  font-family: var(--header-font-family);
22
22
  text-transform: capitalize;
23
- font-weight: 600;
23
+ font-weight: 700;
24
24
  }
25
25
  ._13y9ptj4 {
26
26
  text-transform: capitalize;
@@ -121,14 +121,14 @@
121
121
  .lchs2sf.active {
122
122
  border-left-color: #1E629A;
123
123
  color: #1E629A;
124
- font-weight: 600;
124
+ font-weight: 700;
125
125
  }
126
126
  .lchs2sg {
127
127
  color: #1E3860;
128
128
  font-family: var(--header-font-family);
129
129
  font-size: 48px;
130
- font-weight: 600;
131
- line-height: 64px;
130
+ font-weight: 700;
131
+ line-height: 1.15;
132
132
  }
133
133
  .lchs2sh {
134
134
  color: #1e3860;
@@ -150,7 +150,7 @@
150
150
  .lchs2sj {
151
151
  color: #1E3860;
152
152
  font-size: 20px;
153
- font-weight: 600;
153
+ font-weight: 700;
154
154
  line-height: 28px;
155
155
  margin-block: 16px;
156
156
  }