@axos-web-dev/shared-components 1.0.76 → 1.0.77-ext-bal-apy-calc.2

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 (44) hide show
  1. package/dist/Auth/SignInPassword.js +9 -5
  2. package/dist/Button/Button.css.d.ts +13 -0
  3. package/dist/Button/Button.css.js +1 -1
  4. package/dist/Calculators/ApyCalculator/index.js +17 -10
  5. package/dist/Calculators/AxosOneCalculator/index.d.ts +1 -0
  6. package/dist/Calculators/AxosOneCalculator/index.js +27 -17
  7. package/dist/Calculators/Calculator.d.ts +1 -0
  8. package/dist/Calculators/Calculator.js +4 -2
  9. package/dist/Comparison/Comparison.css.d.ts +1 -0
  10. package/dist/Comparison/Comparison.css.js +3 -1
  11. package/dist/Comparison/Comparison.js +3 -3
  12. package/dist/Comparison/index.js +2 -1
  13. package/dist/Forms/ContactUsBusinessNameEmail.d.ts +9 -0
  14. package/dist/Forms/ContactUsBusinessNameEmail.js +272 -0
  15. package/dist/Forms/FormEnums.js +3 -3
  16. package/dist/Forms/index.d.ts +2 -1
  17. package/dist/Forms/index.js +3 -1
  18. package/dist/IconBillboard/IconBillboard.js +4 -4
  19. package/dist/ImageBillboard/ImageBillboard.css.d.ts +13 -0
  20. package/dist/ImageBillboard/ImageBillboard.css.js +47 -21
  21. package/dist/ImageBillboard/ImageBillboard.interface.d.ts +12 -2
  22. package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -1
  23. package/dist/ImageBillboard/ImageBillboardSet.js +65 -13
  24. package/dist/ImageBillboard/index.js +14 -1
  25. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +3 -0
  26. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +5 -0
  27. package/dist/NavigationMenu/AxosBank/SubNavBar.js +68 -19
  28. package/dist/SetContainer/SetContainer.d.ts +1 -1
  29. package/dist/SetContainer/SetContainer.js +8 -4
  30. package/dist/assets/Button/Button.css +31 -16
  31. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +5 -0
  32. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +8 -0
  33. package/dist/assets/CallToActionBar/CallToActionBar.css +4 -0
  34. package/dist/assets/Comparison/Comparison.css +9 -2
  35. package/dist/assets/HeroBanner/HeroBanner.css +1 -1
  36. package/dist/assets/IconBillboard/IconBillboard.css +13 -1
  37. package/dist/assets/ImageBillboard/ImageBillboard.css +220 -54
  38. package/dist/assets/SetContainer/SetContainer.css +0 -1
  39. package/dist/assets/utils/optimizeImage/optimizeImage.css.css +8 -9
  40. package/dist/main.js +19 -3
  41. package/dist/utils/optimizeImage/OptimizeImage.d.ts +2 -2
  42. package/dist/utils/optimizeImage/OptimizeImage.js +1 -1
  43. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  44. package/package.json +1 -1
@@ -72,24 +72,28 @@
72
72
  padding: 12px 64px;
73
73
  }
74
74
  ._13pdpuj8 {
75
+ padding: 8px 48px;
76
+ font-size: 14px;
77
+ }
78
+ ._13pdpuj9 {
75
79
  border: 2px solid transparent;
76
80
  color: #F4F4F4;
77
81
  background: transparent;
78
82
  cursor: not-allowed;
79
83
  }
80
- ._13pdpuj9 {
84
+ ._13pdpuja {
81
85
  border-radius: 0;
82
86
  }
83
- ._13pdpuja {
87
+ ._13pdpujb {
84
88
  border-radius: 4px;
85
89
  }
86
- ._13pdpujb {
90
+ ._13pdpujc {
87
91
  border-radius: 8px;
88
92
  }
89
- ._13pdpujc {
93
+ ._13pdpujd {
90
94
  border-radius: 16px;
91
95
  }
92
- ._13pdpujd {
96
+ ._13pdpuje {
93
97
  width: 160px;
94
98
  min-height: 160px;
95
99
  white-space: break-spaces;
@@ -104,53 +108,53 @@
104
108
  align-items: center;
105
109
  gap: 8px;
106
110
  }
107
- ._13pdpujd:hover {
111
+ ._13pdpuje:hover {
108
112
  background: #EBEBEB;
109
113
  color: #333D46;
110
114
  }
111
- ._13pdpuje {
115
+ ._13pdpujf {
112
116
  color: #5E6A74;
113
117
  background: #d4d4d4;
114
118
  cursor: not-allowed;
115
119
  }
116
- ._13pdpuje:hover {
120
+ ._13pdpujf:hover {
117
121
  cursor: not-allowed;
118
122
  background: #d4d4d4;
119
123
  text-decoration: none;
120
124
  color: #5E6A74;
121
125
  border-color: transparent;
122
126
  }
123
- ._13pdpujf {
127
+ ._13pdpujg {
124
128
  background: #8F8F8F;
125
129
  color: #FFFFFF;
126
130
  }
127
- ._13pdpujf:hover {
131
+ ._13pdpujg:hover {
128
132
  cursor: not-allowed;
129
133
  background: #8F8F8F;
130
134
  text-decoration: none;
131
135
  color: #FFFFFF;
132
136
  border-color: #8F8F8F;
133
137
  }
134
- ._13pdpujg {
138
+ ._13pdpujh {
135
139
  background: #8F8F8F;
136
140
  color: #FFFFFF;
137
141
  }
138
- ._13pdpujg:hover {
142
+ ._13pdpujh:hover {
139
143
  cursor: not-allowed;
140
144
  background: #8F8F8F;
141
145
  text-decoration: none;
142
146
  color: #FFFFFF;
143
147
  border-color: #8F8F8F;
144
148
  }
145
- ._13pdpujh {
149
+ ._13pdpuji {
146
150
  height: 50px;
147
151
  padding: 12px 64px 12px 64px;
148
152
  }
149
- ._13pdpuji {
153
+ ._13pdpujj {
150
154
  height: 40px;
151
155
  padding: 8px 48px 8px 48px;
152
156
  }
153
- ._13pdpujj {
157
+ ._13pdpujk {
154
158
  height: 28px;
155
159
  padding: 4px 32px 4px 32px;
156
160
  }
@@ -165,8 +169,19 @@
165
169
  padding: 11px 1.5rem;
166
170
  }
167
171
  }
172
+ @media screen and (max-width: 768px) {
173
+ ._13pdpuj8 {
174
+ padding: 8px 8px;
175
+ }
176
+ }
177
+ @media screen and (max-width: 450px) {
178
+ ._13pdpuj8 {
179
+ padding: 4px 4px;
180
+ font-size: 12px;
181
+ }
182
+ }
168
183
  @media screen and (max-width:768px) {
169
- ._13pdpujd {
184
+ ._13pdpuje {
170
185
  width: 120px;
171
186
  min-height: 120px;
172
187
  }
@@ -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 {
@@ -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 {
@@ -9,6 +9,9 @@
9
9
  ._1tdyl740 .flex {
10
10
  align-items: center;
11
11
  }
12
+ ._1tdyl740 h2.header_3 {
13
+ margin-bottom: 16px;
14
+ }
12
15
  ._1tdyl741 {
13
16
  height: 100%;
14
17
  }
@@ -42,6 +45,7 @@
42
45
  max-height: 200px;
43
46
  }
44
47
  ._1tdyl74a {
48
+ max-width: 782px;
45
49
  justify-content: space-between;
46
50
  }
47
51
  ._1tdyl74b {
@@ -91,6 +91,13 @@
91
91
  display: none;
92
92
  }
93
93
  ._198o0ltd {
94
+ font-family: var(--main-font-family);
95
+ display: flex;
96
+ flex-direction: column;
97
+ gap: 24px;
98
+ width: 100%;
99
+ }
100
+ ._198o0lte {
94
101
  display: flex;
95
102
  justify-content: center;
96
103
  width: 100%;
@@ -139,10 +146,10 @@
139
146
  }
140
147
  }
141
148
  @media screen and (max-width: 380px) {
142
- ._198o0ltd {
149
+ ._198o0lte {
143
150
  flex-direction: column;
144
151
  }
145
- ._198o0ltd:first-child {
152
+ ._198o0lte:first-child {
146
153
  margin-bottom: 1em;
147
154
  }
148
155
  }
@@ -44,7 +44,7 @@
44
44
  ._1ye8k3fd {
45
45
  display: block;
46
46
  font: 700 14px / 1.3 var(--main-font-family);
47
- margin-bottom: 2px;
47
+ margin-bottom: 4px;
48
48
  letter-spacing: .2px;
49
49
  }
50
50
  ._1ye8k3fe {
@@ -30,12 +30,17 @@
30
30
  width: 48px;
31
31
  }
32
32
  ._1r4ovbu8 {
33
- font-family: var(--main-font-family);
33
+ display: flex;
34
+ flex-direction: column;
34
35
  gap: 24px;
36
+ font-family: var(--main-font-family);
35
37
  width: 100%;
36
38
  }
37
39
  ._1r4ovbu9 {
40
+ display: flex;
41
+ flex-direction: column;
38
42
  gap: 8px;
43
+ text-align: center;
39
44
  }
40
45
  ._1r4ovbua {
41
46
  font: 600 28px/1.29 var(--header-font-family);
@@ -71,6 +76,8 @@
71
76
  color: var(--_1073cm8o);
72
77
  }
73
78
  ._1r4ovbuf {
79
+ display: flex;
80
+ flex-direction: column;
74
81
  gap: 1em;
75
82
  }
76
83
  ._1r4ovbug {
@@ -79,9 +86,14 @@
79
86
  gap: 10px;
80
87
  }
81
88
  ._1r4ovbuh {
89
+ display: flex;
90
+ justify-content: center;
82
91
  width: 100%;
83
92
  margin-top: auto;
93
+ text-align: center;
84
94
  flex-wrap: wrap;
95
+ gap: 24px;
96
+ align-items: center;
85
97
  }
86
98
  ._1r4ovbui {
87
99
  margin-inline: auto;