@axos-web-dev/shared-components 0.0.118 → 0.0.119

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 (122) hide show
  1. package/dist/ATMLocator/ATMLocator.js +3 -2
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.js +3 -2
  4. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +16 -1
  5. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +8 -8
  6. package/dist/Calculators/AnnualFeeCalculator/index.js +7 -4
  7. package/dist/Calculators/Calculator.js +1 -0
  8. package/dist/Calculators/MarginTradingCalculator/index.js +25 -5
  9. package/dist/Calculators/MaxLoanCalculator/index.js +3 -1
  10. package/dist/Calculators/MonthlyPaymentCalculator/index.js +3 -1
  11. package/dist/Calculators/calculator.css.d.ts +1 -0
  12. package/dist/Calculators/calculator.css.js +4 -2
  13. package/dist/Calculators/index.js +2 -1
  14. package/dist/Carousel/Carousel.css.d.ts +1 -0
  15. package/dist/Carousel/Carousel.css.js +13 -11
  16. package/dist/Carousel/index.d.ts +1 -1
  17. package/dist/Carousel/index.js +39 -31
  18. package/dist/Chevron/index.js +2 -1
  19. package/dist/Comparison/Comparison.css.js +2 -2
  20. package/dist/Comparison/Comparison.js +2 -1
  21. package/dist/ContentBanner/ContentBanner.interface.d.ts +2 -1
  22. package/dist/ContentBanner/index.js +3 -2
  23. package/dist/DownloadTile/DownloadTile.css.d.ts +1 -0
  24. package/dist/DownloadTile/DownloadTile.css.js +9 -7
  25. package/dist/DownloadTile/DownloadTile.interface.d.ts +1 -0
  26. package/dist/DownloadTile/index.js +34 -25
  27. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +1 -0
  28. package/dist/ExecutiveBio/ExecutiveBio.css.js +23 -21
  29. package/dist/ExecutiveBio/ExecutiveBio.js +3 -2
  30. package/dist/ExecutiveBio/index.js +2 -1
  31. package/dist/FaqAccordion/FaqAccordion.css.d.ts +1 -0
  32. package/dist/FaqAccordion/FaqAccordion.css.js +7 -5
  33. package/dist/FaqAccordion/index.d.ts +1 -0
  34. package/dist/FaqAccordion/index.js +16 -8
  35. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  36. package/dist/Forms/BlendPurchase.d.ts +11 -0
  37. package/dist/Forms/BlendPurchase.js +215 -0
  38. package/dist/Forms/BlendRefinance.d.ts +11 -0
  39. package/dist/Forms/BlendRefinance.js +215 -0
  40. package/dist/Forms/ContactUsBusiness.js +3 -2
  41. package/dist/Forms/ContactUsNMLSId.js +3 -2
  42. package/dist/Forms/EmailOnly.js +3 -2
  43. package/dist/Forms/Forms.css.js +2 -2
  44. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  45. package/dist/Forms/SuccesForm.js +2 -1
  46. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  47. package/dist/Hyperlink/index.js +2 -1
  48. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  49. package/dist/ImageBillboard/ImageBillboard.interface.d.ts +1 -0
  50. package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -1
  51. package/dist/ImageBillboard/ImageBillboardSet.js +3 -2
  52. package/dist/ImageLink/ImageLink.css.d.ts +1 -0
  53. package/dist/ImageLink/ImageLink.css.js +5 -1
  54. package/dist/ImageLink/ImageLink.js +3 -2
  55. package/dist/ImageLink/ImageLinkSet.js +5 -3
  56. package/dist/ImageLink/index.js +1 -1
  57. package/dist/Input/Checkbox.d.ts +1 -1
  58. package/dist/Input/DatePicker.css.d.ts +1 -0
  59. package/dist/Input/DatePicker.css.js +6 -0
  60. package/dist/Input/Datepicker.d.ts +3 -0
  61. package/dist/Input/Datepicker.js +47 -0
  62. package/dist/Input/Input.css.js +1 -1
  63. package/dist/Input/InputDate.css.d.ts +6 -0
  64. package/dist/Input/InputDate.css.js +15 -0
  65. package/dist/Input/InputDate.d.ts +3 -0
  66. package/dist/Input/InputDate.js +47 -0
  67. package/dist/Input/InputProps.d.ts +6 -0
  68. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  69. package/dist/Insight/Featured/CategorySelector.js +2 -1
  70. package/dist/Insight/Featured/Featured.js +2 -1
  71. package/dist/MainHTML/index.d.ts +2 -1
  72. package/dist/MainHTML/index.js +10 -2
  73. package/dist/Modal/Modal.js +3 -2
  74. package/dist/NavigationMenu/AxosBank/NavData.js +2 -1
  75. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  76. package/dist/NavigationMenu/AxosBank/index.js +3 -2
  77. package/dist/PageNavItem/PageNavItem.js +8 -1
  78. package/dist/PageNavSet/PageNavSet.js +16 -19
  79. package/dist/SetContainer/SetContainer.d.ts +2 -1
  80. package/dist/SetContainer/SetContainer.js +6 -3
  81. package/dist/Table/Table.css.d.ts +1 -0
  82. package/dist/Table/Table.css.js +18 -16
  83. package/dist/Table/Table.d.ts +13 -13
  84. package/dist/Table/Table.js +23 -15
  85. package/dist/Table/index.js +2 -1
  86. package/dist/TextBlock/TextBlock.css.d.ts +1 -0
  87. package/dist/TextBlock/TextBlock.css.js +6 -4
  88. package/dist/TextBlock/TextBlock.d.ts +1 -0
  89. package/dist/TextBlock/TextBlock.js +13 -5
  90. package/dist/TextBlock/index.js +3 -2
  91. package/dist/VideoTile/VideoTile.css.d.ts +1 -0
  92. package/dist/VideoTile/VideoTile.css.js +15 -13
  93. package/dist/VideoTile/VideoTile.interface.d.ts +1 -0
  94. package/dist/VideoTile/VideoTile.js +65 -56
  95. package/dist/VideoTile/index.js +2 -1
  96. package/dist/VideoWrapper/VideoWrapper.css.d.ts +1 -0
  97. package/dist/VideoWrapper/VideoWrapper.css.js +6 -4
  98. package/dist/VideoWrapper/index.d.ts +1 -0
  99. package/dist/VideoWrapper/index.js +34 -24
  100. package/dist/assets/ArticlesSet/ArticlesSet.css +1 -1
  101. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +23 -12
  102. package/dist/assets/Calculators/calculator.css +24 -11
  103. package/dist/assets/Carousel/Carousel.css +52 -39
  104. package/dist/assets/Comparison/Comparison.css +2 -2
  105. package/dist/assets/DownloadTile/DownloadTile.css +32 -19
  106. package/dist/assets/ExecutiveBio/ExecutiveBio.css +92 -79
  107. package/dist/assets/FaqAccordion/FaqAccordion.css +24 -11
  108. package/dist/assets/IconBillboard/IconBillboard.css +11 -0
  109. package/dist/assets/ImageBillboard/ImageBillboard.css +9 -0
  110. package/dist/assets/ImageLink/ImageLink.css +13 -0
  111. package/dist/assets/Input/DatePicker.css +95 -0
  112. package/dist/assets/Input/InputDate.css +39 -0
  113. package/dist/assets/PageNavSet/PageNavigationSet.css +6 -9
  114. package/dist/assets/Table/Table.css +82 -71
  115. package/dist/assets/TextBlock/TextBlock.css +16 -3
  116. package/dist/assets/VideoTile/VideoTile.css +27 -14
  117. package/dist/assets/VideoWrapper/VideoWrapper.css +18 -5
  118. package/dist/index.css.js +1 -1
  119. package/dist/main.js +10 -5
  120. package/dist/utils/allowedAxosDomains.js +1 -1
  121. package/package.json +121 -121
  122. package/dist/ImageLink/ImageLink.css.ts.vanilla.css.js +0 -1
@@ -1,4 +1,4 @@
1
- .jgs3fs0 {
1
+ .jgs3fs1 {
2
2
  display: flex;
3
3
  flex: row;
4
4
  gap: 1em;
@@ -6,31 +6,31 @@
6
6
  justify-content: center;
7
7
  margin-top: 16px;
8
8
  }
9
- .jgs3fs2 {
9
+ .jgs3fs3 {
10
10
  background: var(--_1073cm84);
11
11
  background-clip: text;
12
12
  -webkit-text-fill-color: transparent;
13
13
  text-shadow: 0px 0px #00000000;
14
14
  }
15
- .jgs3fs3 {
15
+ .jgs3fs4 {
16
16
  background: var(--_1073cm8b);
17
17
  background-clip: text;
18
18
  -webkit-text-fill-color: transparent;
19
19
  text-shadow: 0px 0px #00000000;
20
20
  }
21
- .jgs3fs4 {
21
+ .jgs3fs5 {
22
22
  color: var(--_1073cm8i);
23
23
  background-clip: text;
24
24
  -webkit-text-fill-color: transparent;
25
25
  text-shadow: 0px 0px #00000000;
26
26
  }
27
- .jgs3fs5 {
27
+ .jgs3fs6 {
28
28
  color: var(--_1073cm8p);
29
29
  background-clip: text;
30
30
  -webkit-text-fill-color: transparent;
31
31
  text-shadow: 0px 0px #00000000;
32
32
  }
33
- .jgs3fs6 {
33
+ .jgs3fs7 {
34
34
  display: flex;
35
35
  flex-direction: column;
36
36
  border-radius: 16px;
@@ -40,62 +40,62 @@
40
40
  padding-top: 40px;
41
41
  padding-bottom: 40px;
42
42
  }
43
- .jgs3fs7 {
43
+ .jgs3fs8 {
44
44
  background: var(--_1073cm81);
45
45
  color: var(--_1073cm83);
46
46
  }
47
- .jgs3fs8 {
47
+ .jgs3fs9 {
48
48
  background: var(--_1073cm88);
49
49
  color: var(--_1073cm8a);
50
50
  }
51
- .jgs3fs9 {
51
+ .jgs3fsa {
52
52
  background: var(--_1073cm8f);
53
53
  color: var(--_1073cm8h);
54
54
  }
55
- .jgs3fsa {
55
+ .jgs3fsb {
56
56
  background: var(--_1073cm8m);
57
57
  color: var(--_1073cm8n);
58
58
  }
59
- .jgs3fsb {
59
+ .jgs3fsc {
60
60
  margin-top: 16px;
61
61
  }
62
- .jgs3fsc {
62
+ .jgs3fsd {
63
63
  color: var(--_1073cm82);
64
64
  }
65
- .jgs3fsd {
65
+ .jgs3fse {
66
66
  color: var(--_1073cm8a);
67
67
  }
68
- .jgs3fse {
68
+ .jgs3fsf {
69
69
  color: var(--_1073cm8j);
70
70
  }
71
- .jgs3fsf {
71
+ .jgs3fsg {
72
72
  color: var(--_1073cm8n);
73
73
  }
74
- .jgs3fsg {
74
+ .jgs3fsh {
75
75
  display: flex;
76
76
  gap: 10px;
77
77
  text-align: center;
78
78
  justify-content: center;
79
79
  font-style: normal;
80
80
  }
81
- .jgs3fsh {
81
+ .jgs3fsi {
82
82
  font-size: 18px;
83
83
  font-weight: 600;
84
84
  letter-spacing: 0.2px;
85
85
  }
86
- .jgs3fsj {
86
+ .jgs3fsk {
87
87
  color: var(--_1073cm83);
88
88
  }
89
- .jgs3fsk {
89
+ .jgs3fsl {
90
90
  color: var(--_1073cm8a);
91
91
  }
92
- .jgs3fsl {
92
+ .jgs3fsm {
93
93
  color: var(--_1073cm8h);
94
94
  }
95
- .jgs3fsm {
95
+ .jgs3fsn {
96
96
  color: var(--_1073cm8o);
97
97
  }
98
- .jgs3fsn {
98
+ .jgs3fso {
99
99
  text-align: center;
100
100
  gap: 24px;
101
101
  font-style: italic;
@@ -109,7 +109,7 @@
109
109
  transition-property: all;
110
110
  transition-behavior: left;
111
111
  }
112
- .jgs3fso {
112
+ .jgs3fsp {
113
113
  display: flex;
114
114
  flex-direction: column;
115
115
  justify-content: center;
@@ -117,14 +117,14 @@
117
117
  transition-delay: .5s;
118
118
  width: 100%;
119
119
  }
120
- .jgs3fsp {
120
+ .jgs3fsq {
121
121
  display: none;
122
122
  }
123
- .jgs3fsq {
123
+ .jgs3fsr {
124
124
  display: flex;
125
125
  justify-content: center;
126
126
  }
127
- .jgs3fsr {
127
+ .jgs3fss {
128
128
  display: flex;
129
129
  justify-content: center;
130
130
  width: 100%;
@@ -132,7 +132,7 @@
132
132
  border: none;
133
133
  margin-bottom: 24px;
134
134
  }
135
- .jgs3fss {
135
+ .jgs3fst {
136
136
  width: 12px;
137
137
  height: 12px;
138
138
  border-width: 1px;
@@ -140,39 +140,52 @@
140
140
  border-radius: 100px;
141
141
  cursor: pointer;
142
142
  }
143
- .jgs3fst {
143
+ .jgs3fsu {
144
144
  border-color: #1E3860;
145
145
  }
146
- .jgs3fst:hover {
146
+ .jgs3fsu:hover {
147
147
  background: #87B9D7;
148
148
  }
149
- .jgs3fsu {
149
+ .jgs3fsv {
150
150
  border-color: #1E3860;
151
151
  }
152
- .jgs3fsu:hover {
152
+ .jgs3fsv:hover {
153
153
  background: #87B9D7;
154
154
  }
155
- .jgs3fsv {
155
+ .jgs3fsw {
156
156
  border-color: #FFFFFF;
157
157
  }
158
- .jgs3fsv:hover {
158
+ .jgs3fsw:hover {
159
159
  background: #EBEBEB;
160
160
  }
161
- .jgs3fsw {
161
+ .jgs3fsx {
162
162
  border-color: #FAA74A;
163
163
  }
164
- .jgs3fsw:hover {
164
+ .jgs3fsx:hover {
165
165
  background: #FFE7D2;
166
166
  }
167
- .jgs3fsy {
168
- background: #1E3860;
169
- }
170
167
  .jgs3fsz {
171
168
  background: #1E3860;
172
169
  }
173
170
  .jgs3fs10 {
174
- background: #FFFFFF;
171
+ background: #1E3860;
175
172
  }
176
173
  .jgs3fs11 {
174
+ background: #FFFFFF;
175
+ }
176
+ .jgs3fs12 {
177
177
  background: #FAA74A;
178
+ }
179
+ main > div:nth-last-child(2) > .jgs3fs0 {
180
+ margin-bottom: 3.5rem;
181
+ }
182
+ @media screen and (max-width: 1023px) {
183
+ main > div:nth-last-child(2) > .jgs3fs0 {
184
+ margin-bottom: 42px;
185
+ }
186
+ }
187
+ @media screen and (max-width: 768px) {
188
+ main > div:nth-last-child(2) > .jgs3fs0 {
189
+ margin-bottom: 2rem;
190
+ }
178
191
  }
@@ -99,10 +99,10 @@
99
99
  flex-wrap: wrap;
100
100
  align-items: center;
101
101
  }
102
- ._198o0lt0 ._1nivbwe0 {
102
+ ._198o0lt0 ._1nivbwe1 {
103
103
  height: initial;
104
104
  }
105
- ._198o0lt0 ._1nivbwe4 {
105
+ ._198o0lt0 ._1nivbwe5 {
106
106
  font-size: 20px;
107
107
  }
108
108
  @media screen and (max-width: 1023px) {
@@ -1,9 +1,9 @@
1
- ._14gexxj0 {
1
+ ._14gexxj1 {
2
2
  margin: 0 auto;
3
3
  width: 94%;
4
4
  max-width: 1640px;
5
5
  }
6
- ._14gexxj2 {
6
+ ._14gexxj3 {
7
7
  border-collapse: initial;
8
8
  border-radius: 1rem;
9
9
  border: 1px solid #dbdbdb;
@@ -12,38 +12,38 @@
12
12
  overflow: hidden;
13
13
  width: 100%;
14
14
  }
15
- ._14gexxj2 th {
15
+ ._14gexxj3 th {
16
16
  letter-spacing: 0.2px;
17
17
  font-weight: 600;
18
18
  font-size: 0.9rem;
19
19
  width: auto;
20
20
  color: var(--_1073cm83);
21
21
  }
22
- ._14gexxj2 tbody td:last-child > a:hover {
22
+ ._14gexxj3 tbody td:last-child > a:hover {
23
23
  text-decoration: underline;
24
24
  }
25
- ._14gexxj2 thead tr th {
25
+ ._14gexxj3 thead tr th {
26
26
  font-weight: 700;
27
27
  font-size: 16px;
28
28
  line-height: 24px;
29
29
  letter-spacing: 0.2px;
30
30
  }
31
- ._14gexxj2 thead th {
31
+ ._14gexxj3 thead th {
32
32
  padding: 20px;
33
33
  }
34
- ._14gexxj2 tbody tr:nth-child(odd) {
34
+ ._14gexxj3 tbody tr:nth-child(odd) {
35
35
  background-color: #f4f4f4;
36
36
  }
37
- ._14gexxj2 tr {
37
+ ._14gexxj3 tr {
38
38
  display: flex;
39
39
  -webkit-box-pack: justify;
40
40
  justify-content: space-between;
41
41
  }
42
- ._14gexxj2 tbody td {
42
+ ._14gexxj3 tbody td {
43
43
  color: #333d46;
44
44
  padding: 24px 20px;
45
45
  }
46
- ._14gexxj2 tbody td:last-child > a {
46
+ ._14gexxj3 tbody td:last-child > a {
47
47
  font-weight: 600;
48
48
  text-decoration: none;
49
49
  position: relative;
@@ -53,13 +53,13 @@
53
53
  display: flex;
54
54
  color: var(--_1073cm86);
55
55
  }
56
- ._14gexxj2 tbody td:last-child {
56
+ ._14gexxj3 tbody td:last-child {
57
57
  min-width: 148px;
58
58
  }
59
- ._14gexxj2 ._14gexxj3 ._14gexxj4 {
59
+ ._14gexxj3 ._14gexxj4 ._14gexxj5 {
60
60
  margin: 0 8px 0 0;
61
61
  }
62
- ._14gexxj5 h2 {
62
+ ._14gexxj6 h2 {
63
63
  font-weight: 600;
64
64
  font-size: 32px;
65
65
  margin-bottom: 1rem;
@@ -68,35 +68,48 @@
68
68
  -webkit-text-fill-color: transparent;
69
69
  text-shadow: 0px 0px #00000000;
70
70
  }
71
- ._14gexxj6 {
71
+ ._14gexxj7 {
72
72
  margin-inline: auto;
73
73
  margin-bottom: 2.5rem;
74
74
  max-width: 49.5rem;
75
75
  text-align: center;
76
76
  }
77
+ main > div:nth-last-child(2) > ._14gexxj0 {
78
+ margin-bottom: 3.5rem;
79
+ }
77
80
  @media screen and (max-width:1023px) {
78
- ._14gexxj0 {
81
+ ._14gexxj1 {
79
82
  width: 100%;
80
83
  }
81
84
  }
82
85
  @media screen and (max-width:767px) {
83
- ._14gexxj2 tbody td {
86
+ ._14gexxj3 tbody td {
84
87
  padding: 16px;
85
88
  }
86
89
  }
87
90
  @media screen and (max-width:768px) {
88
- ._14gexxj2 tbody td:first-child {
91
+ ._14gexxj3 tbody td:first-child {
89
92
  font-size: 12px;
90
93
  line-height: 1.33;
91
94
  align-self: center;
92
95
  }
93
- ._14gexxj6 {
96
+ ._14gexxj7 {
94
97
  margin-bottom: 1.5rem;
95
98
  }
96
99
  }
97
100
  @media screen and (max-width:500px) {
98
- ._14gexxj5 h2 {
101
+ ._14gexxj6 h2 {
99
102
  font-size: 20px;
100
103
  line-height: 1.2;
101
104
  }
105
+ }
106
+ @media screen and (max-width: 1023px) {
107
+ main > div:nth-last-child(2) > ._14gexxj0 {
108
+ margin-bottom: 42px;
109
+ }
110
+ }
111
+ @media screen and (max-width: 768px) {
112
+ main > div:nth-last-child(2) > ._14gexxj0 {
113
+ margin-bottom: 2rem;
114
+ }
102
115
  }