@axos-web-dev/shared-components 0.0.173 → 0.0.174

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 (51) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Button/Button.js +1 -1
  3. package/dist/Calculators/Calculator.js +1 -1
  4. package/dist/Carousel/index.js +1 -1
  5. package/dist/Chevron/index.js +1 -1
  6. package/dist/Comparison/Comparison.js +1 -1
  7. package/dist/FaqAccordion/index.js +1 -1
  8. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  9. package/dist/Forms/ApplicationStart.js +1 -1
  10. package/dist/Forms/ClearingForm.js +1 -1
  11. package/dist/Forms/CommercialDeposits.js +1 -1
  12. package/dist/Forms/CommercialLending.js +1 -1
  13. package/dist/Forms/ContactCompany.js +1 -1
  14. package/dist/Forms/ContactUs.js +1 -1
  15. package/dist/Forms/ContactUsAAS.js +1 -1
  16. package/dist/Forms/ContactUsBusiness.js +1 -1
  17. package/dist/Forms/ContactUsNMLSId.js +1 -1
  18. package/dist/Forms/CpraRequest.js +1 -1
  19. package/dist/Forms/DealerServices.js +1 -1
  20. package/dist/Forms/EmailOnly.js +1 -1
  21. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  22. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  23. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  24. package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -1
  25. package/dist/Forms/ScheduleCall.js +1 -1
  26. package/dist/Forms/ScheduleCallPremier.js +1 -1
  27. package/dist/Forms/SuccesForm.js +1 -1
  28. package/dist/Forms/WcplSurvey.js +1 -1
  29. package/dist/Hyperlink/index.js +1 -1
  30. package/dist/ImageLink/ImageLink.js +1 -1
  31. package/dist/ImageLink/ImageLinkSet.js +1 -1
  32. package/dist/ImageLink/index.js +1 -1
  33. package/dist/Input/CurrencyInput.js +1 -1
  34. package/dist/Input/InputAmount.js +1 -1
  35. package/dist/Input/InputPhone.js +1 -1
  36. package/dist/Input/index.d.ts +1 -1
  37. package/dist/Input/index.js +1 -1
  38. package/dist/Insight/Featured/CategorySelector.js +1 -1
  39. package/dist/Insight/Featured/Featured.js +1 -1
  40. package/dist/Insight/Featured/Header.js +1 -1
  41. package/dist/Interstitial/Interstitial.js +3 -3
  42. package/dist/Interstitial/Interstitial.module.js +10 -13
  43. package/dist/Modal/Modal.js +1 -1
  44. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  45. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  46. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  47. package/dist/SetContainer/SetContainer.js +1 -1
  48. package/dist/VideoWrapper/index.js +1 -1
  49. package/dist/assets/Interstitial/Interstitial.css.css +142 -147
  50. package/dist/main.js +1 -1
  51. package/package.json +131 -131
@@ -33,7 +33,6 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
33
33
  import "@hookform/resolvers/zod";
34
34
  import "../../Input/Checkbox.js";
35
35
  import "../../Input/CurrencyInput.js";
36
- import "../../Input/DownPaymentInput.js";
37
36
  import "../../Input/Dropdown.js";
38
37
  import "../../Input/Dropdown.css.js";
39
38
  import "../../Input/Input.js";
@@ -41,6 +40,7 @@ import "../../Input/Input.css.js";
41
40
  import "../../Input/InputAmount.js";
42
41
  import "../../Input/InputPhone.js";
43
42
  import "../../Input/InputTextArea.js";
43
+ import "../../Input/DownPaymentInput.js";
44
44
  import "../../Input/RadioButton.js";
45
45
  import "react-hook-form";
46
46
  import "../../Forms/Forms.css.js";
@@ -31,7 +31,6 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../../Input/Checkbox.js";
33
33
  import "../../Input/CurrencyInput.js";
34
- import "../../Input/DownPaymentInput.js";
35
34
  import "../../Input/Dropdown.js";
36
35
  import "../../Input/Dropdown.css.js";
37
36
  import "../../Input/Input.js";
@@ -39,6 +38,7 @@ import "../../Input/Input.css.js";
39
38
  import "../../Input/InputAmount.js";
40
39
  import "../../Input/InputPhone.js";
41
40
  import "../../Input/InputTextArea.js";
41
+ import "../../Input/DownPaymentInput.js";
42
42
  import "../../Input/RadioButton.js";
43
43
  import "react-hook-form";
44
44
  import "../../Forms/Forms.css.js";
@@ -25,7 +25,7 @@ const Interstitial = ({
25
25
  {
26
26
  className: `${marketing_tile} ${css.overlay} ${isOpen ? "active" : ""} interstitial`,
27
27
  id: `modal_${id}`,
28
- children: /* @__PURE__ */ jsx(
28
+ children: /* @__PURE__ */ jsxs(
29
29
  "div",
30
30
  {
31
31
  id: `modal_${id}`,
@@ -33,7 +33,7 @@ const Interstitial = ({
33
33
  role: "dialog",
34
34
  "aria-modal": "true",
35
35
  tabIndex: -1,
36
- children: /* @__PURE__ */ jsxs("div", { className: css.modal_container, children: [
36
+ children: [
37
37
  /* @__PURE__ */ jsx(
38
38
  "button",
39
39
  {
@@ -106,7 +106,7 @@ const Interstitial = ({
106
106
  )
107
107
  ) })
108
108
  ] })
109
- ] })
109
+ ]
110
110
  }
111
111
  )
112
112
  }
@@ -1,19 +1,17 @@
1
- const overlay = "_overlay_pv9sm_24";
2
- const modal = "_modal_pv9sm_40";
3
- const vanish = "_vanish_pv9sm_1";
4
- const modal_container = "_modal_container_pv9sm_51";
5
- const appear = "_appear_pv9sm_1";
6
- const close_button = "_close_button_pv9sm_60";
7
- const modal_content = "_modal_content_pv9sm_75";
8
- const img_area = "_img_area_pv9sm_79";
9
- const body_copy = "_body_copy_pv9sm_89";
10
- const btns = "_btns_pv9sm_103";
11
- const white_modal = "_white_modal_pv9sm_144";
1
+ const overlay = "_overlay_1ep5z_47";
2
+ const modal = "_modal_1ep5z_79";
3
+ const vanish = "_vanish_1ep5z_1";
4
+ const appear = "_appear_1ep5z_1";
5
+ const close_button = "_close_button_1ep5z_109";
6
+ const modal_content = "_modal_content_1ep5z_139";
7
+ const img_area = "_img_area_1ep5z_147";
8
+ const body_copy = "_body_copy_1ep5z_167";
9
+ const btns = "_btns_1ep5z_195";
10
+ const white_modal = "_white_modal_1ep5z_277";
12
11
  const css = {
13
12
  overlay,
14
13
  modal,
15
14
  vanish,
16
- modal_container,
17
15
  appear,
18
16
  close_button,
19
17
  modal_content,
@@ -30,7 +28,6 @@ export {
30
28
  css as default,
31
29
  img_area,
32
30
  modal,
33
- modal_container,
34
31
  modal_content,
35
32
  overlay,
36
33
  vanish,
@@ -27,7 +27,6 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
27
27
  import "@hookform/resolvers/zod";
28
28
  import "../Input/Checkbox.js";
29
29
  import "../Input/CurrencyInput.js";
30
- import "../Input/DownPaymentInput.js";
31
30
  import "../Input/Dropdown.js";
32
31
  import "../Input/Dropdown.css.js";
33
32
  import "../Input/Input.js";
@@ -35,6 +34,7 @@ import "../Input/Input.css.js";
35
34
  import "../Input/InputAmount.js";
36
35
  import "../Input/InputPhone.js";
37
36
  import "../Input/InputTextArea.js";
37
+ import "../Input/DownPaymentInput.js";
38
38
  import "../Input/RadioButton.js";
39
39
  import "react-hook-form";
40
40
  import "../Forms/Forms.css.js";
@@ -31,7 +31,6 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../../Input/Checkbox.js";
33
33
  import "../../Input/CurrencyInput.js";
34
- import "../../Input/DownPaymentInput.js";
35
34
  import "../../Input/Dropdown.js";
36
35
  import "../../Input/Dropdown.css.js";
37
36
  import "../../Input/Input.js";
@@ -39,6 +38,7 @@ import "../../Input/Input.css.js";
39
38
  import "../../Input/InputAmount.js";
40
39
  import "../../Input/InputPhone.js";
41
40
  import "../../Input/InputTextArea.js";
41
+ import "../../Input/DownPaymentInput.js";
42
42
  import "../../Input/RadioButton.js";
43
43
  import "react-hook-form";
44
44
  import "../../Forms/Forms.css.js";
@@ -32,7 +32,6 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../../Input/Checkbox.js";
34
34
  import "../../Input/CurrencyInput.js";
35
- import "../../Input/DownPaymentInput.js";
36
35
  import "../../Input/Dropdown.js";
37
36
  import "../../Input/Dropdown.css.js";
38
37
  import "../../Input/Input.js";
@@ -40,6 +39,7 @@ import "../../Input/Input.css.js";
40
39
  import "../../Input/InputAmount.js";
41
40
  import "../../Input/InputPhone.js";
42
41
  import "../../Input/InputTextArea.js";
42
+ import "../../Input/DownPaymentInput.js";
43
43
  import "../../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../../Forms/Forms.css.js";
@@ -28,7 +28,6 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
28
  import "@hookform/resolvers/zod";
29
29
  import "../../Input/Checkbox.js";
30
30
  import "../../Input/CurrencyInput.js";
31
- import "../../Input/DownPaymentInput.js";
32
31
  import "../../Input/Dropdown.js";
33
32
  import "../../Input/Dropdown.css.js";
34
33
  import "../../Input/Input.js";
@@ -36,6 +35,7 @@ import "../../Input/Input.css.js";
36
35
  import "../../Input/InputAmount.js";
37
36
  import "../../Input/InputPhone.js";
38
37
  import "../../Input/InputTextArea.js";
38
+ import "../../Input/DownPaymentInput.js";
39
39
  import "../../Input/RadioButton.js";
40
40
  import "react-hook-form";
41
41
  import "../../Forms/Forms.css.js";
@@ -30,7 +30,6 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import "@hookform/resolvers/zod";
31
31
  import "../Input/Checkbox.js";
32
32
  import "../Input/CurrencyInput.js";
33
- import "../Input/DownPaymentInput.js";
34
33
  import "../Input/Dropdown.js";
35
34
  import "../Input/Dropdown.css.js";
36
35
  import "../Input/Input.js";
@@ -38,6 +37,7 @@ import "../Input/Input.css.js";
38
37
  import "../Input/InputAmount.js";
39
38
  import "../Input/InputPhone.js";
40
39
  import "../Input/InputTextArea.js";
40
+ import "../Input/DownPaymentInput.js";
41
41
  import "../Input/RadioButton.js";
42
42
  import "react-hook-form";
43
43
  import "../Forms/Forms.css.js";
@@ -32,7 +32,6 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
35
- import "../Input/DownPaymentInput.js";
36
35
  import "../Input/Dropdown.js";
37
36
  import "../Input/Dropdown.css.js";
38
37
  import "../Input/Input.js";
@@ -40,6 +39,7 @@ import "../Input/Input.css.js";
40
39
  import "../Input/InputAmount.js";
41
40
  import "../Input/InputPhone.js";
42
41
  import "../Input/InputTextArea.js";
42
+ import "../Input/DownPaymentInput.js";
43
43
  import "../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../Forms/Forms.css.js";
@@ -1,147 +1,142 @@
1
- @keyframes _appear_pv9sm_1 {
2
- 0% {
3
- opacity: 0;
4
- transform: scale(0.9);
5
- }
6
- to {
7
- opacity: 1;
8
- transform: scale(1);
9
- }
10
- }
11
- @keyframes _vanish_pv9sm_1 {
12
- 0% {
13
- display: block;
14
- opacity: 1;
15
- transform: scale(1);
16
- }
17
- to {
18
- display: none;
19
- opacity: 0;
20
- transform: scale(0.9);
21
- }
22
- }
23
-
24
- ._overlay_pv9sm_24 {
25
- position: fixed;
26
- top: 0;
27
- left: 0;
28
- right: 0;
29
- bottom: 0;
30
- background: rgba(0, 0, 0, 0.4);
31
- display: none;
32
- align-items: center;
33
- justify-content: center;
34
- }
35
-
36
- ._overlay_pv9sm_24.active {
37
- display: flex;
38
- }
39
-
40
- ._modal_pv9sm_40 {
41
- animation: _vanish_pv9sm_1 0.45s ease;
42
- background: #fff;
43
- border-radius: 16px;
44
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
45
- position: relative;
46
- transition: transform 0.45s ease;
47
- width: min(calc(100% - 2rem), 800px);
48
- overflow: hidden;
49
- }
50
-
51
- ._modal_container_pv9sm_51 {
52
- overflow-y: auto;
53
- max-height: 95vh;
54
- }
55
-
56
- ._modal_pv9sm_40.active {
57
- animation: _appear_pv9sm_1 0.45s ease;
58
- }
59
-
60
- ._close_button_pv9sm_60 {
61
- position: absolute;
62
- background-color: rgba(255, 255, 255, 0.3);
63
- border-radius: 8px;
64
- border: none;
65
- color: #4a5560;
66
- cursor: pointer;
67
- font-size: 1.9rem;
68
- line-height: 1;
69
- right: 1.5rem;
70
- text-align: center;
71
- top: 1.5rem;
72
- width: 32px;
73
- }
74
-
75
- ._modal_content_pv9sm_75 {
76
- padding: 16px 24px 24px;
77
- }
78
-
79
- ._img_area_pv9sm_79 {
80
- background-position: center center;
81
- background-size: cover;
82
- height: 418px;
83
- }
84
-
85
- body:has(._overlay_pv9sm_24.active) {
86
- overflow-y: hidden;
87
- }
88
-
89
- ._body_copy_pv9sm_89 {
90
- margin-top: 8px;
91
- }
92
-
93
- ._body_copy_pv9sm_89 > * {
94
- color: #333d46;
95
- }
96
-
97
- ._body_copy_pv9sm_89 > p {
98
- text-align: center;
99
- font-size: 16px;
100
- line-height: 1.5;
101
- }
102
-
103
- ._btns_pv9sm_103 {
104
- display: flex;
105
- align-items: center;
106
- gap: 2rem;
107
- padding-top: 16px;
108
- margin-top: 16px;
109
- width: 100%;
110
- justify-content: center;
111
- }
112
-
113
- ._btns_pv9sm_103:empty {
114
- display: none;
115
- }
116
-
117
- ._modal_content_pv9sm_75:nth-child(2) h2 {
118
- margin-top: 31px;
119
- }
120
-
121
- @media (max-width: 1023px) {
122
- ._btns_pv9sm_103 {
123
- flex-direction: column-reverse;
124
- }
125
- }
126
-
127
- @media (max-width: 832px) {
128
- ._img_area_pv9sm_79 {
129
- height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
130
- }
131
- }
132
-
133
- @media (max-width: 500px) {
134
- ._modal_pv9sm_40 {
135
- width: calc(100% - 1rem);
136
- }
137
- /* .overlay:global(.active) {
138
- align-items: flex-start;
139
- overflow-y: scroll;
140
- padding-top: 40px;
141
- } */
142
- }
143
-
144
- ._white_modal_pv9sm_144 {
145
- color: #1e3860;
146
- padding-bottom: 40px;
147
- }
1
+ @keyframes _appear_1ep5z_1 {
2
+ 0% {
3
+ opacity: 0;
4
+ transform: scale(0.9);
5
+ }
6
+ to {
7
+ opacity: 1;
8
+ transform: scale(1);
9
+ }
10
+ }
11
+ @keyframes _vanish_1ep5z_1 {
12
+ 0% {
13
+ display: block;
14
+ opacity: 1;
15
+ transform: scale(1);
16
+ }
17
+ to {
18
+ display: none;
19
+ opacity: 0;
20
+ transform: scale(0.9);
21
+ }
22
+ }
23
+
24
+ ._overlay_1ep5z_47 {
25
+ position: fixed;
26
+ top: 0;
27
+ left: 0;
28
+ right: 0;
29
+ bottom: 0;
30
+ background: rgba(0, 0, 0, 0.4);
31
+ display: none;
32
+ align-items: center;
33
+ justify-content: center;
34
+ }
35
+
36
+ ._overlay_1ep5z_47.active {
37
+ display: flex;
38
+ }
39
+
40
+ ._modal_1ep5z_79 {
41
+ animation: _vanish_1ep5z_1 0.45s ease;
42
+ background: #fff;
43
+ border-radius: 16px;
44
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
45
+ position: relative;
46
+ transition: transform 0.45s ease;
47
+ width: min(calc(100% - 2rem), 800px);
48
+ overflow: hidden;
49
+ }
50
+
51
+ ._modal_1ep5z_79.active {
52
+ animation: _appear_1ep5z_1 0.45s ease;
53
+ }
54
+
55
+ ._close_button_1ep5z_109 {
56
+ position: absolute;
57
+ background-color: rgba(255, 255, 255, 0.3);
58
+ border-radius: 8px;
59
+ border: none;
60
+ color: #4a5560;
61
+ cursor: pointer;
62
+ font-size: 1.9rem;
63
+ line-height: 1;
64
+ right: 1.5rem;
65
+ text-align: center;
66
+ top: 1.5rem;
67
+ width: 32px;
68
+ }
69
+
70
+ ._modal_content_1ep5z_139 {
71
+ padding: 16px 24px 24px;
72
+ }
73
+
74
+ ._img_area_1ep5z_147 {
75
+ background-position: center center;
76
+ background-size: cover;
77
+ height: 418px;
78
+ }
79
+
80
+ body:has(._overlay_1ep5z_47.active) {
81
+ overflow-y: hidden;
82
+ }
83
+
84
+ ._body_copy_1ep5z_167 {
85
+ margin-top: 8px;
86
+ }
87
+
88
+ ._body_copy_1ep5z_167 > * {
89
+ color: #333d46;
90
+ }
91
+
92
+ ._body_copy_1ep5z_167 > p {
93
+ text-align: center;
94
+ font-size: 16px;
95
+ line-height: 1.5;
96
+ }
97
+
98
+ ._btns_1ep5z_195 {
99
+ display: flex;
100
+ align-items: center;
101
+ gap: 2rem;
102
+ padding-top: 16px;
103
+ margin-top: 16px;
104
+ width: 100%;
105
+ justify-content: center;
106
+ }
107
+
108
+ ._btns_1ep5z_195:empty {
109
+ display: none;
110
+ }
111
+
112
+ ._modal_content_1ep5z_139:nth-child(2) h2 {
113
+ margin-top: 31px;
114
+ }
115
+
116
+ @media (max-width: 1023px) {
117
+ ._btns_1ep5z_195 {
118
+ flex-direction: column-reverse;
119
+ }
120
+ }
121
+
122
+ @media (max-width: 832px) {
123
+ ._img_area_1ep5z_147 {
124
+ height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
125
+ }
126
+ }
127
+
128
+ @media (max-width: 500px) {
129
+ ._modal_1ep5z_79 {
130
+ width: calc(100% - 1rem);
131
+ }
132
+ ._overlay_1ep5z_47.active {
133
+ align-items: flex-start;
134
+ overflow-y: scroll;
135
+ padding-top: 40px;
136
+ }
137
+ }
138
+
139
+ ._white_modal_1ep5z_277 {
140
+ color: #1e3860;
141
+ padding-bottom: 40px;
142
+ }
package/dist/main.js CHANGED
@@ -113,7 +113,6 @@ import "react";
113
113
  import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
114
114
  import { Checkbox } from "./Input/Checkbox.js";
115
115
  import { CurrencyInput } from "./Input/CurrencyInput.js";
116
- import { DownPaymentInput } from "./Input/DownPaymentInput.js";
117
116
  import { Dropdown } from "./Input/Dropdown.js";
118
117
  import { dp_input, selectInput } from "./Input/Dropdown.css.js";
119
118
  import { Input } from "./Input/Input.js";
@@ -121,6 +120,7 @@ import { container, helperText, iconContainer, iconContainerBase, iconInput, inp
121
120
  import { InputAmount } from "./Input/InputAmount.js";
122
121
  import { InputPhone } from "./Input/InputPhone.js";
123
122
  import { InputTextArea } from "./Input/InputTextArea.js";
123
+ import { DownPaymentInput } from "./Input/DownPaymentInput.js";
124
124
  import { RadioButton, RadioButtonSet } from "./Input/RadioButton.js";
125
125
  import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
126
126
  import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";