@axos-web-dev/shared-components 0.0.74 → 0.0.76

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 (45) hide show
  1. package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +34 -0
  2. package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.js +34 -0
  3. package/dist/AnnualFeeCalculator/index.d.ts +10 -0
  4. package/dist/AnnualFeeCalculator/index.js +143 -0
  5. package/dist/ApyCalculator/ApyCalculator.css.d.ts +68 -3
  6. package/dist/ApyCalculator/ApyCalculator.css.js +29 -22
  7. package/dist/ApyCalculator/index.d.ts +7 -1
  8. package/dist/ApyCalculator/index.js +106 -87
  9. package/dist/Calculators/Calculator.d.ts +2 -0
  10. package/dist/Calculators/Calculator.js +74 -33
  11. package/dist/Carousel/index.js +5 -3
  12. package/dist/Chevron/index.js +6 -4
  13. package/dist/Comparison/Comparison.js +3 -1
  14. package/dist/Comparison/ComparisonSet.js +5 -3
  15. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -4
  16. package/dist/Forms/ContactUsAAS.js +5 -3
  17. package/dist/Forms/ContactUsBusiness.js +5 -3
  18. package/dist/Forms/EmailOnly.js +5 -3
  19. package/dist/Forms/SuccesForm.js +4 -2
  20. package/dist/HeroBanner/HeroBanner.interface.d.ts +4 -4
  21. package/dist/Hyperlink/index.js +6 -4
  22. package/dist/ImageBillboard/ImageBillboard.css.d.ts +1 -0
  23. package/dist/ImageLink/ImageLink.js +4 -2
  24. package/dist/ImageLink/ImageLinkSet.js +3 -1
  25. package/dist/ImageLink/index.js +6 -4
  26. package/dist/Modal/Modal.js +5 -3
  27. package/dist/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +27 -0
  28. package/dist/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +22 -0
  29. package/dist/MonthlyPaymentCalculator/index.d.ts +8 -0
  30. package/dist/MonthlyPaymentCalculator/index.js +212 -0
  31. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -59
  32. package/dist/NavigationMenu/AxosBank/SubNavBar.js +28 -26
  33. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +0 -2
  34. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +0 -4
  35. package/dist/NavigationMenu/AxosBank/index.js +19 -33
  36. package/dist/SetContainer/SetContainer.js +4 -2
  37. package/dist/assets/AnnualFeeCalculator/AnnualFeeCalculator.css +125 -0
  38. package/dist/assets/ApyCalculator/ApyCalculator.css +77 -98
  39. package/dist/assets/IconBillboard/IconBillboard.css +1 -0
  40. package/dist/assets/ImageBillboard/ImageBillboard.css +1 -0
  41. package/dist/assets/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +67 -0
  42. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +134 -125
  43. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +0 -10
  44. package/dist/assets/SetContainer/SetContainer.css +6 -6
  45. package/package.json +111 -111
package/dist/assets/ApyCalculator/ApyCalculator.css CHANGED
@@ -1,174 +1,153 @@
1
1
  ._74vxga1 {
2
- width: 50%;
2
+ background: var(--_1073cm81);
3
+ color: var(--_1073cm82);
3
4
  }
4
5
  ._74vxga2 {
6
+ background: var(--_1073cm88);
7
+ color: var(--_1073cm89);
8
+ }
9
+ ._74vxga3 {
10
+ background: var(--_1073cm8f);
11
+ color: var(--_1073cm8g);
12
+ }
13
+ ._74vxga4 {
14
+ background: var(--_1073cm8m);
15
+ color: var(--_1073cm8n);
16
+ }
17
+ ._74vxga5 {
18
+ padding: 2.5rem 0;
19
+ }
20
+ ._74vxga6 {
21
+ width: 100%;
22
+ }
23
+ ._74vxga7 {
5
24
  margin-bottom: 2.5rem;
6
25
  max-width: 49.5rem;
7
26
  text-align: center;
8
27
  margin-inline: auto;
9
28
  }
10
- ._74vxga2 .header_1 {
11
- background: var(--_1073cm84);
12
- background-clip: text;
13
- -webkit-text-fill-color: transparent;
14
- text-shadow: 0px 0px #00000000;
15
- }
16
- ._74vxga4 {
17
- text-align: center;
29
+ ._74vxga9 {
18
30
  color: red;
19
31
  font-size: larger;
32
+ list-style: none;
20
33
  }
21
- ._74vxga5 {
34
+ ._74vxgaa {
22
35
  max-width: 792px;
23
36
  margin: 0 auto;
24
37
  }
25
- ._74vxga6 {
38
+ ._74vxgab {
26
39
  margin-top: 1rem;
27
40
  }
28
- ._74vxga6 label {
41
+ ._74vxgab label {
29
42
  padding-left: 3px;
30
- font-size: 16px;
43
+ font-size: 18px;
31
44
  font-weight: 600;
32
45
  margin-bottom: 5px;
33
46
  display: inline-block;
34
47
  }
35
- ._74vxga6 input, ._74vxga6 select {
48
+ ._74vxgab input, ._74vxgab select {
36
49
  border-radius: 1rem;
37
50
  outline: 0;
38
- border-style: none;
39
51
  padding: 1rem 2rem;
40
52
  font-size: 18px;
41
53
  letter-spacing: .3px;
42
54
  color: #363636;
43
55
  -webkit-appearance: none;
44
56
  }
45
- ._74vxga6 .input_label {
46
- background: var(--_1073cm84);
47
- background-clip: text;
48
- -webkit-text-fill-color: transparent;
49
- text-shadow: 0px 0px #00000000;
57
+ ._74vxgab .input_label {
58
+ color: inherit;
50
59
  }
51
- ._74vxga7 {
60
+ ._74vxgac {
52
61
  position: relative;
53
62
  }
54
- ._74vxga8 {
63
+ ._74vxgad {
55
64
  position: absolute;
56
65
  color: #323339;
57
66
  font-size: 18px;
58
67
  font-weight: 500!important;
59
68
  margin-bottom: 0;
60
69
  }
61
- ._74vxga9 {
70
+ ._74vxgae {
62
71
  left: 21px;
63
- top: 44px;
72
+ top: 46px;
64
73
  }
65
- ._74vxgaa {
74
+ ._74vxgaf {
66
75
  top: 47px;
67
76
  right: 10px;
68
77
  }
69
- ._74vxgab {
78
+ ._74vxgag {
70
79
  padding-left: 2rem;
71
80
  }
72
- ._74vxgad {
81
+ ._74vxgai {
73
82
  width: 100%;
74
83
  }
75
- ._74vxgae > p {
84
+ ._74vxgaj > p {
76
85
  font-size: 14px;
77
86
  line-height: 1.3;
78
87
  margin-bottom: 10px;
79
88
  letter-spacing: .2px;
80
89
  }
81
- ._74vxgag {
82
- color: black;
83
- background-color: #edeef0;
90
+ ._74vxgak {
91
+ display: flex!important;
92
+ flex-direction: column;
93
+ align-items: center;
94
+ }
95
+ ._74vxgal {
96
+ padding: 2rem;
97
+ width: 100%;
98
+ }
99
+ ._74vxgam {
100
+ margin-bottom: 1rem;
84
101
  }
85
- ._74vxgag .header_2 {
86
- background: var(--_1073cm84);
87
- background-clip: text;
102
+ ._1073cm80 ._74vxgao {
103
+ -webkit-background-clip: text;
104
+ background-image: var(--_1073cm84);
88
105
  -webkit-text-fill-color: transparent;
89
106
  text-shadow: 0px 0px #00000000;
90
107
  }
91
- ._74vxgah {
92
- display: flex;
93
- align-items: center;
94
- gap: 24px;
108
+ ._1es6o1h0 ._74vxgao {
109
+ color: var(--_1073cm83);
95
110
  }
96
- ._74vxgai {
97
- margin-top: 10px;
98
- margin-bottom: 0;
99
- width: 100%;
100
- }
101
- ._74vxgai th {
102
- font-size: 18px;
103
- letter-spacing: .2px;
104
- line-height: 1.44;
105
- text-transform: none;
106
- font-weight: 600;
107
- text-align: left;
108
- padding: 20px 20px 22px;
111
+ ._1073cm80 ._74vxgap {
112
+ -webkit-background-clip: text;
113
+ background-image: var(--_1073cm8b);
114
+ -webkit-text-fill-color: transparent;
115
+ text-shadow: 0px 0px #00000000;
109
116
  }
110
- ._74vxgai tr {
111
- display: flex;
112
- flex-wrap: nowrap;
113
- align-items: center;
117
+ ._1es6o1h0 ._74vxgap {
118
+ color: var(--_1073cm8a);
114
119
  }
115
- ._74vxgai td {
116
- padding: 20px 20px 22px;
117
- flex: 1 1;
120
+ ._74vxgaq {
121
+ color: var(--_1073cm8h);
118
122
  }
119
- ._74vxgai tbody tr:nth-child(odd) {
120
- background-color: #FFFFFF;
121
- border-radius: 8px;
123
+ ._74vxgar {
124
+ color: var(--_1073cm8o);
122
125
  }
123
- ._74vxgai tbody tr {
124
- display: flex;
125
- flex-wrap: nowrap;
126
- align-items: center;
126
+ ._74vxgas {
127
+ margin-top: 0.5rem;
127
128
  }
128
- ._74vxgai a {
129
- color: inherit;
129
+ ._74vxgat {
130
+ padding-inline-start: 0;
130
131
  }
131
132
  @media screen and (max-width:1124px) {
132
- ._74vxga0 {
133
+ ._74vxga5 {
133
134
  flex-wrap: wrap;
134
135
  justify-content: center;
135
136
  }
136
- ._74vxga1 {
137
- width: 100%;
138
- }
139
- ._74vxgaf {
137
+ ._74vxgak {
140
138
  margin-top: 2rem;
141
139
  }
142
140
  }
141
+ @media screen and (min-width:1125px) {
142
+ ._74vxga6 {
143
+ margin-right: 2rem;
144
+ }
145
+ }
143
146
  @media screen and (max-width:1023px) {
144
- ._74vxga6 input, ._74vxga6 select {
147
+ ._74vxgab input, ._74vxgab select {
145
148
  font-size: 1rem;
146
149
  }
147
- ._74vxgae {
150
+ ._74vxgaj {
148
151
  margin-top: 1rem;
149
152
  }
150
- }
151
- @media screen and (max-width: 468px) {
152
- ._74vxgah {
153
- flex-direction: column;
154
- }
155
- }
156
- @media screen and (max-width:992px) {
157
- ._74vxgai {
158
- margin-top: 25px;
159
- }
160
- }
161
- @media screen and (min-width:768px) {
162
- ._74vxgai th {
163
- flex: 1 1;
164
- }
165
- ._74vxgai th:first-child, ._74vxgai td:first-child {
166
- flex: 2 2;
167
- }
168
- ._74vxgai td {
169
- padding: 20px;
170
- font-size: 18px;
171
- line-height: 1.44;
172
- letter-spacing: .2px;
173
- }
174
153
  }
package/dist/assets/IconBillboard/IconBillboard.css CHANGED
@@ -76,6 +76,7 @@
76
76
  flex-direction: column;
77
77
  gap: 24px;
78
78
  font-family: var(--main-font-family);
79
+ width: 100%;
79
80
  }
80
81
  ._1r4ovbuf {
81
82
  display: flex;
package/dist/assets/ImageBillboard/ImageBillboard.css CHANGED
@@ -10,6 +10,7 @@
10
10
  ._1m7m2a1 {
11
11
  background: var(--_1073cm81);
12
12
  color: var(--_1073cm82);
13
+ border: 1px solid #D4D4D4;
13
14
  }
14
15
  ._1m7m2a2 {
15
16
  background: var(--_1073cm88);
package/dist/assets/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css ADDED
@@ -0,0 +1,67 @@
1
+ ._17fwn0a1 {
2
+ background: var(--_1073cm81);
3
+ color: var(--_1073cm82);
4
+ }
5
+ ._17fwn0a2 {
6
+ background: var(--_1073cm88);
7
+ color: var(--_1073cm89);
8
+ }
9
+ ._17fwn0a3 {
10
+ background: var(--_1073cm8f);
11
+ color: var(--_1073cm8g);
12
+ }
13
+ ._17fwn0a4 {
14
+ background: var(--_1073cm8m);
15
+ color: var(--_1073cm8n);
16
+ }
17
+ ._17fwn0a5 {
18
+ width: 33%;
19
+ padding: 0 1rem;
20
+ }
21
+ ._17fwn0a6 {
22
+ height: 50px;
23
+ border-radius: 8px;
24
+ margin-top: .5rem;
25
+ }
26
+ ._17fwn0a7 {
27
+ background: var(--_1073cm84);
28
+ background-clip: text;
29
+ -webkit-text-fill-color: transparent;
30
+ text-shadow: 0px 0px #00000000;
31
+ font-size: 2.5rem;
32
+ font-weight: 700;
33
+ }
34
+ ._17fwn0a8 {
35
+ padding: 2rem;
36
+ }
37
+ ._17fwn0a9 {
38
+ align-items: flex-start;
39
+ }
40
+ ._17fwn0a5 input {
41
+ width: 100%;
42
+ }
43
+ select {
44
+ -webkit-appearance: none;
45
+ -moz-appearance: none;
46
+ appearance: none;
47
+ background: url(https://images.axos.com/o9ov1v03uwqk/4ayjjdIkEzQsfmhKbPeNaE/636b57923fbdac891d48f78ca06ffeb6/image_1_-_2024-06-27T142052.191.png) no-repeat 95%;
48
+ background-color: #fff;
49
+ }
50
+ ._17fwn0aa {
51
+ font-weight: 700;
52
+ font-size: 24px;
53
+ color: #666;
54
+ }
55
+ ._17fwn0ab {
56
+ color: #d0021b;
57
+ }
58
+ @media screen and (max-width:1023px) {
59
+ ._17fwn0a5 {
60
+ width: 100%;
61
+ margin-bottom: 1rem;
62
+ }
63
+ ._17fwn0a9 {
64
+ align-items: center;
65
+ flex-direction: column;
66
+ }
67
+ }