@axos-web-dev/shared-components 0.0.71 → 0.0.73
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.
- package/dist/Calculators/Calculator.js +3 -0
- package/dist/Carousel/index.js +3 -0
- package/dist/Chevron/index.js +3 -0
- package/dist/Comparison/Comparison.js +3 -0
- package/dist/Comparison/ComparisonSet.js +3 -0
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -0
- package/dist/Forms/ContactUsAAS.js +3 -0
- package/dist/Forms/ContactUsBusiness.js +3 -0
- package/dist/Forms/EmailOnly.js +3 -0
- package/dist/Forms/SuccesForm.js +3 -0
- package/dist/HeroBanner/HeroBanner.js +15 -27
- package/dist/Hyperlink/index.js +3 -0
- package/dist/ImageLink/ImageLink.js +3 -0
- package/dist/ImageLink/ImageLinkSet.js +3 -0
- package/dist/ImageLink/index.js +3 -0
- package/dist/Modal/Modal.js +3 -0
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +4 -3
- package/dist/NavigationMenu/index.d.ts +1 -0
- package/dist/NavigationMenu/index.js +5 -3
- package/dist/SetContainer/SetContainer.js +3 -0
- package/dist/TopicalNavItem/TopicalNavItem.js +31 -40
- package/dist/main.js +4 -2
- package/package.json +1 -1
- package/dist/Input/DatePicker.css.d.ts +0 -1
- package/dist/Input/DatePicker.css.js +0 -6
- package/dist/Input/Datepicker.d.ts +0 -4
- package/dist/Input/Datepicker.js +0 -40
- package/dist/assets/Input/DatePicker.css +0 -86
package/dist/Carousel/index.js
CHANGED
package/dist/Chevron/index.js
CHANGED
package/dist/Forms/EmailOnly.js
CHANGED
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -23,7 +23,7 @@ const HeroBanner = ({
|
|
|
23
23
|
isSelectionBanner = false
|
|
24
24
|
}) => {
|
|
25
25
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
26
|
-
bannerType === "Hero" || /* @__PURE__ */ jsx(
|
|
26
|
+
(bannerType === "Hero" || "Logout") && /* @__PURE__ */ jsx(
|
|
27
27
|
"section",
|
|
28
28
|
{
|
|
29
29
|
id: `id_${id}`,
|
|
@@ -132,22 +132,16 @@ const HeroBanner = ({
|
|
|
132
132
|
rounded: "medium",
|
|
133
133
|
square: true,
|
|
134
134
|
children: [
|
|
135
|
-
/* @__PURE__ */ jsx(
|
|
136
|
-
"
|
|
135
|
+
/* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
|
|
136
|
+
"img",
|
|
137
137
|
{
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
alt: "",
|
|
143
|
-
src: icon,
|
|
144
|
-
className: clsx(
|
|
145
|
-
selection_section_icon_img
|
|
146
|
-
)
|
|
147
|
-
}
|
|
138
|
+
alt: "",
|
|
139
|
+
src: icon,
|
|
140
|
+
className: clsx(
|
|
141
|
+
selection_section_icon_img
|
|
148
142
|
)
|
|
149
143
|
}
|
|
150
|
-
),
|
|
144
|
+
) }),
|
|
151
145
|
displayText
|
|
152
146
|
]
|
|
153
147
|
},
|
|
@@ -161,22 +155,16 @@ const HeroBanner = ({
|
|
|
161
155
|
size: "large",
|
|
162
156
|
square: true,
|
|
163
157
|
children: [
|
|
164
|
-
/* @__PURE__ */ jsx(
|
|
165
|
-
"
|
|
158
|
+
/* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
|
|
159
|
+
"img",
|
|
166
160
|
{
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
alt: "",
|
|
172
|
-
src: icon,
|
|
173
|
-
className: clsx(
|
|
174
|
-
selection_section_icon_img
|
|
175
|
-
)
|
|
176
|
-
}
|
|
161
|
+
alt: "",
|
|
162
|
+
src: icon,
|
|
163
|
+
className: clsx(
|
|
164
|
+
selection_section_icon_img
|
|
177
165
|
)
|
|
178
166
|
}
|
|
179
|
-
),
|
|
167
|
+
) }),
|
|
180
168
|
displayText
|
|
181
169
|
]
|
|
182
170
|
},
|
package/dist/Hyperlink/index.js
CHANGED
package/dist/ImageLink/index.js
CHANGED
package/dist/Modal/Modal.js
CHANGED
|
@@ -64,6 +64,10 @@ import Link from "next/link.js";
|
|
|
64
64
|
/* empty css */
|
|
65
65
|
/* empty css */
|
|
66
66
|
/* empty css */
|
|
67
|
+
import Image from "next/image.js";
|
|
68
|
+
/* empty css */
|
|
69
|
+
import styles from "./NavBar.module.js";
|
|
70
|
+
import { subNavItems } from "./NavData.js";
|
|
67
71
|
/* empty css */
|
|
68
72
|
/* empty css */
|
|
69
73
|
import "../../StepItem/StepItem.css.js";
|
|
@@ -75,9 +79,6 @@ import "../../Table/Table.css.js";
|
|
|
75
79
|
import "next/script.js";
|
|
76
80
|
/* empty css */
|
|
77
81
|
/* empty css */
|
|
78
|
-
import Image from "next/image.js";
|
|
79
|
-
import styles from "./NavBar.module.js";
|
|
80
|
-
import { subNavItems } from "./NavData.js";
|
|
81
82
|
import { sub_nav } from "./SubNavbar.css.js";
|
|
82
83
|
function SubNavBar() {
|
|
83
84
|
const { pathname } = useLocation();
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { default as default2 } from "./AxosAdvisor/index.js";
|
|
2
2
|
import { default as default3 } from "./AxosAdvisorServices/index.js";
|
|
3
|
-
import { default as default4 } from "./
|
|
3
|
+
import { default as default4 } from "./AxosBank/index.js";
|
|
4
|
+
import { default as default5 } from "./AxosFiduciary/index.js";
|
|
4
5
|
export {
|
|
5
6
|
default3 as NavBarAAS,
|
|
6
|
-
|
|
7
|
-
default2 as NavBarAXA
|
|
7
|
+
default5 as NavBarAFS,
|
|
8
|
+
default2 as NavBarAXA,
|
|
9
|
+
default4 as NavBarAXB
|
|
8
10
|
};
|
|
@@ -6,49 +6,40 @@ const TopicalNavItem = ({
|
|
|
6
6
|
displayText,
|
|
7
7
|
targetUrl
|
|
8
8
|
}) => {
|
|
9
|
-
return /* @__PURE__ */ jsxs(
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
9
|
+
return /* @__PURE__ */ jsxs("a", { className: picker_navItem, href: targetUrl, id: `id_${id}`, children: [
|
|
10
|
+
/* @__PURE__ */ jsxs("div", { className: picker_itemContent, children: [
|
|
11
|
+
/* @__PURE__ */ jsx(
|
|
12
|
+
"img",
|
|
13
|
+
{
|
|
14
|
+
src: icon?.src,
|
|
15
|
+
alt: "",
|
|
16
|
+
className: picker_navIcon,
|
|
17
|
+
width: 24,
|
|
18
|
+
height: 24,
|
|
19
|
+
"aria-hidden": "true"
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ jsx("p", { className: picker_itemProduct, children: displayText })
|
|
23
|
+
] }),
|
|
24
|
+
/* @__PURE__ */ jsx(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
className: picker_arrow,
|
|
28
|
+
width: "12",
|
|
29
|
+
height: "20",
|
|
30
|
+
viewBox: "0 0 12 20",
|
|
31
|
+
fill: "none",
|
|
32
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
+
children: /* @__PURE__ */ jsx(
|
|
34
|
+
"path",
|
|
32
35
|
{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
height: "20",
|
|
36
|
-
viewBox: "0 0 12 20",
|
|
37
|
-
fill: "none",
|
|
38
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
39
|
-
children: /* @__PURE__ */ jsx(
|
|
40
|
-
"path",
|
|
41
|
-
{
|
|
42
|
-
d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
|
|
43
|
-
fill: "#4A5560"
|
|
44
|
-
}
|
|
45
|
-
)
|
|
36
|
+
d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
|
|
37
|
+
fill: "#4A5560"
|
|
46
38
|
}
|
|
47
39
|
)
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
);
|
|
40
|
+
}
|
|
41
|
+
)
|
|
42
|
+
] });
|
|
52
43
|
};
|
|
53
44
|
export {
|
|
54
45
|
TopicalNavItem
|
package/dist/main.js
CHANGED
|
@@ -103,7 +103,8 @@ import { Modal } from "./Modal/Modal.js";
|
|
|
103
103
|
import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
|
|
104
104
|
import { default as default25 } from "./NavigationMenu/AxosAdvisor/index.js";
|
|
105
105
|
import { default as default26 } from "./NavigationMenu/AxosAdvisorServices/index.js";
|
|
106
|
-
import { default as default27 } from "./NavigationMenu/
|
|
106
|
+
import { default as default27 } from "./NavigationMenu/AxosBank/index.js";
|
|
107
|
+
import { default as default28 } from "./NavigationMenu/AxosFiduciary/index.js";
|
|
107
108
|
import { SecondaryFooter } from "./SecondaryFooter/index.js";
|
|
108
109
|
import { SocialMediaBar } from "./SocialMediaBar/index.js";
|
|
109
110
|
import { StepItem } from "./StepItem/StepItem.js";
|
|
@@ -213,8 +214,9 @@ export {
|
|
|
213
214
|
default15 as MemberFdicLogo,
|
|
214
215
|
Modal,
|
|
215
216
|
default26 as NavBarAAS,
|
|
216
|
-
|
|
217
|
+
default28 as NavBarAFS,
|
|
217
218
|
default25 as NavBarAXA,
|
|
219
|
+
default27 as NavBarAXB,
|
|
218
220
|
default16 as QuoteIconGrey,
|
|
219
221
|
default17 as QuoteIconWhite,
|
|
220
222
|
default18 as QuoteIconYellow,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const datePicker: string;
|
package/dist/Input/Datepicker.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
import DatePicker from "react-date-picker";
|
|
4
|
-
import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
|
|
5
|
-
const DatePickerInput = forwardRef(
|
|
6
|
-
(props) => {
|
|
7
|
-
const {
|
|
8
|
-
disabled,
|
|
9
|
-
label,
|
|
10
|
-
iconLeft,
|
|
11
|
-
iconRight,
|
|
12
|
-
sizes,
|
|
13
|
-
error = false,
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
-
// skeleton = false,
|
|
16
|
-
helperText: helper,
|
|
17
|
-
variant
|
|
18
|
-
// ...rest
|
|
19
|
-
} = props;
|
|
20
|
-
return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
|
|
21
|
-
label && /* @__PURE__ */ jsx(
|
|
22
|
-
"label",
|
|
23
|
-
{
|
|
24
|
-
className: labelClassName({ error, variant }),
|
|
25
|
-
htmlFor: props.name,
|
|
26
|
-
children: label
|
|
27
|
-
}
|
|
28
|
-
),
|
|
29
|
-
/* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
|
|
30
|
-
iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
|
|
31
|
-
/* @__PURE__ */ jsx(DatePicker, { minDate: /* @__PURE__ */ new Date() }),
|
|
32
|
-
iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
|
|
33
|
-
] }),
|
|
34
|
-
/* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
|
|
35
|
-
] });
|
|
36
|
-
}
|
|
37
|
-
);
|
|
38
|
-
export {
|
|
39
|
-
DatePickerInput
|
|
40
|
-
};
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
.react-date-picker {
|
|
2
|
-
width: 100%;
|
|
3
|
-
}
|
|
4
|
-
.react-date-picker__wrapper {
|
|
5
|
-
border: none !important;
|
|
6
|
-
}
|
|
7
|
-
.react-calendar__month-view__weekdays__weekday {
|
|
8
|
-
width: 45px;
|
|
9
|
-
height: 22px;
|
|
10
|
-
margin: 0;
|
|
11
|
-
display: inline-flex;
|
|
12
|
-
align-items: center;
|
|
13
|
-
font-family: var(--main-font-family);
|
|
14
|
-
font-weight: 500;
|
|
15
|
-
letter-spacing: 0.2px;
|
|
16
|
-
justify-content: center;
|
|
17
|
-
}
|
|
18
|
-
.react-calendar__month-view__weekdays__weekday {
|
|
19
|
-
font-size: 12px;
|
|
20
|
-
line-height: 16;
|
|
21
|
-
color: #2F5B88;
|
|
22
|
-
}
|
|
23
|
-
.react-calendar__month-view__weekdays__weekday > abbr {
|
|
24
|
-
text-decoration: none;
|
|
25
|
-
}
|
|
26
|
-
.react-calendar__month-view__days__day {
|
|
27
|
-
width: 49px;
|
|
28
|
-
height: 49px;
|
|
29
|
-
margin: 0;
|
|
30
|
-
display: inline-flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
}
|
|
34
|
-
.react-calendar__month-view__days__day > abbr {
|
|
35
|
-
font-family: var(--main-font-family) !important;
|
|
36
|
-
font-weight: 500;
|
|
37
|
-
letter-spacing: 0.2px;
|
|
38
|
-
color: #051A3F;
|
|
39
|
-
}
|
|
40
|
-
.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
|
|
41
|
-
color: #5E6A74 !important;
|
|
42
|
-
}
|
|
43
|
-
.react-date-picker__clear-button {
|
|
44
|
-
display: none;
|
|
45
|
-
}
|
|
46
|
-
.react-calendar__navigation__label__labelText {
|
|
47
|
-
font-weight: 600;
|
|
48
|
-
font-size: 24px;
|
|
49
|
-
line-height: 36px;
|
|
50
|
-
letter-spacing: 0.2px;
|
|
51
|
-
color: #1E3860;
|
|
52
|
-
font-family: var(--header-font-family);
|
|
53
|
-
}
|
|
54
|
-
.react-datepicker-popper {
|
|
55
|
-
transform: translateY(40px)!important;
|
|
56
|
-
}
|
|
57
|
-
.react-calendar__month-view__days__day--neighboringMonth {
|
|
58
|
-
background-color: #F4F4F4 !important;
|
|
59
|
-
opacity: 50%;
|
|
60
|
-
}
|
|
61
|
-
.react-calendar__month-view__days__day--neighboringMonth > abbr {
|
|
62
|
-
color: #5E6A74;
|
|
63
|
-
}
|
|
64
|
-
.react-calendar__tile--active > abbr {
|
|
65
|
-
color: white;
|
|
66
|
-
}
|
|
67
|
-
.react-calendar {
|
|
68
|
-
border: 12px solid #FFFFFF4D !important;
|
|
69
|
-
border-radius: 4px;
|
|
70
|
-
}
|
|
71
|
-
.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
|
|
72
|
-
display: none;
|
|
73
|
-
}
|
|
74
|
-
@media screen and (max-width:320px) {
|
|
75
|
-
.react-calendar__month-view__weekdays__weekday {
|
|
76
|
-
width: 43.5px;
|
|
77
|
-
}
|
|
78
|
-
.react-calendar__month-view__days__day {
|
|
79
|
-
width: 43.5px;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
@media screen and (max-width:400px) {
|
|
83
|
-
.react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
|
|
84
|
-
min-width: auto;
|
|
85
|
-
}
|
|
86
|
-
}
|