@axos-web-dev/shared-components 0.0.72 → 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/FaqAccordion/index.d.ts +4 -6
- 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/Hyperlink/index.js +3 -0
- package/dist/IconBillboard/IconBillboard.css.d.ts +0 -2
- 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/Table/Table.d.ts +1 -1
- package/dist/Table/Table.interface.d.ts +1 -3
- package/dist/Table/Table.js +3 -11
- package/dist/TopicalNavItem/TopicalNavItem.js +31 -40
- package/dist/assets/Chevron/Chevron.css +1 -1
- package/dist/assets/IconBillboard/IconBillboard.css +0 -4
- 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
|
@@ -4,14 +4,12 @@ export interface AccordionItemProps extends PropsWithChildren {
|
|
|
4
4
|
id: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export
|
|
7
|
+
export declare const AccordionItemSummary: (props: {
|
|
8
8
|
id: string;
|
|
9
9
|
level: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const AccordionItemSummary: (props: AccordionItemSummaryProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export
|
|
12
|
+
export declare const FaqAccordion: (props: {
|
|
14
13
|
header?: string;
|
|
15
14
|
accordionEmbedLevel?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const FaqAccordion: (props: FaqAccordionProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
package/dist/Forms/EmailOnly.js
CHANGED
package/dist/Forms/SuccesForm.js
CHANGED
package/dist/Hyperlink/index.js
CHANGED
|
@@ -5,11 +5,9 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
|
|
|
5
5
|
primary: {
|
|
6
6
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
7
|
border: "1px solid #D4D4D4";
|
|
8
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
8
|
};
|
|
10
9
|
secondary: {
|
|
11
10
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
11
|
};
|
|
14
12
|
tertiary: {
|
|
15
13
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
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
|
};
|
package/dist/Table/Table.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
|
|
3
3
|
|
|
4
4
|
export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows,
|
|
5
|
+
export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
|
|
3
3
|
export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
|
|
4
4
|
}
|
|
@@ -12,8 +12,6 @@ export interface TableProps extends PropsWithChildren {
|
|
|
12
12
|
highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
|
|
13
13
|
tableType?: "Standard" | "Rate";
|
|
14
14
|
alternateColorRows?: boolean;
|
|
15
|
-
className?: string;
|
|
16
|
-
style?: CSSProperties;
|
|
17
15
|
}
|
|
18
16
|
export interface TableContainerProps extends PropsWithChildren {
|
|
19
17
|
id?: string;
|
package/dist/Table/Table.js
CHANGED
|
@@ -33,21 +33,13 @@ const Table = ({
|
|
|
33
33
|
children,
|
|
34
34
|
highlight,
|
|
35
35
|
tableType = "Standard",
|
|
36
|
-
alternateColorRows = false
|
|
37
|
-
className,
|
|
38
|
-
style
|
|
36
|
+
alternateColorRows = false
|
|
39
37
|
}) => {
|
|
40
38
|
return /* @__PURE__ */ jsx(
|
|
41
39
|
"div",
|
|
42
40
|
{
|
|
43
|
-
className:
|
|
44
|
-
|
|
45
|
-
className
|
|
46
|
-
),
|
|
47
|
-
style: {
|
|
48
|
-
...style,
|
|
49
|
-
...tableType === "Rate" && { width: "90%", border: "none" }
|
|
50
|
-
},
|
|
41
|
+
className: tableWrapper({ variant: getVariant(variant) }),
|
|
42
|
+
style: tableType === "Rate" ? { width: "90%", border: "none" } : {},
|
|
51
43
|
children: /* @__PURE__ */ jsx(
|
|
52
44
|
"table",
|
|
53
45
|
{
|
|
@@ -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
|
|
@@ -9,11 +9,9 @@
|
|
|
9
9
|
._1r4ovbu1 {
|
|
10
10
|
background: var(--_1073cm81);
|
|
11
11
|
border: 1px solid #D4D4D4;
|
|
12
|
-
color: var(--_1073cm82);
|
|
13
12
|
}
|
|
14
13
|
._1r4ovbu2 {
|
|
15
14
|
background: var(--_1073cm88);
|
|
16
|
-
color: var(--_1073cm89);
|
|
17
15
|
}
|
|
18
16
|
._1r4ovbu3 {
|
|
19
17
|
background: var(--_1073cm8f);
|
|
@@ -78,7 +76,6 @@
|
|
|
78
76
|
flex-direction: column;
|
|
79
77
|
gap: 24px;
|
|
80
78
|
font-family: var(--main-font-family);
|
|
81
|
-
width: 100%;
|
|
82
79
|
}
|
|
83
80
|
._1r4ovbuf {
|
|
84
81
|
display: flex;
|
|
@@ -99,7 +96,6 @@
|
|
|
99
96
|
margin-top: auto;
|
|
100
97
|
gap: 24px;
|
|
101
98
|
flex-wrap: wrap;
|
|
102
|
-
align-items: center;
|
|
103
99
|
}
|
|
104
100
|
._1r4ovbui {
|
|
105
101
|
margin-inline: auto;
|
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
|
-
}
|