@axos-web-dev/shared-components 0.0.66 → 0.0.67
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/AwardsBanner/AwardsBanner.js +3 -3
- package/dist/ExecutiveBio/ExecutiveBio.js +5 -4
- package/dist/Forms/SuccesForm.js +1 -1
- package/dist/LandingPageHeader/LandingPageHeader.js +2 -2
- package/dist/LandingPageHeader/index.d.ts +1 -0
- package/dist/LandingPageHeader/index.js +6 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +56 -53
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +15 -11
- package/dist/NavigationMenu/AxosAdvisorServices/index.js +1 -1
- package/dist/Table/Table.d.ts +1 -1
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +125 -117
- package/dist/icons/Logos/AAS.js +29 -26
- package/dist/icons/Logos/AFS.js +29 -26
- package/dist/icons/Logos/AXA.js +31 -28
- package/dist/icons/Logos/AXC.js +29 -26
- package/dist/icons/Logos/AXI.js +55 -52
- package/dist/icons/Logos/AXOS.js +30 -27
- package/dist/main.js +5 -0
- package/package.json +1 -1
|
@@ -2,15 +2,15 @@ import { jsx, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { AwardsItem } from "../AwardsItem/AwardsItem.js";
|
|
3
3
|
import { awards_section, awards_row } from "./AwardsBanner.css.js";
|
|
4
4
|
const AwardsBanner = ({ id, awardsItems }) => {
|
|
5
|
-
return /* @__PURE__ */ jsx("section", { className: awards_section, id
|
|
5
|
+
return /* @__PURE__ */ jsx("section", { className: awards_section, id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${awards_row} flex middle mobile`, children: awardsItems?.map((award) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
|
|
6
6
|
AwardsItem,
|
|
7
7
|
{
|
|
8
|
-
id:
|
|
8
|
+
id: award?.id,
|
|
9
9
|
starRating: award?.starRating,
|
|
10
10
|
awardsName: award?.awardsName,
|
|
11
11
|
awardsSource: award?.awardsSource
|
|
12
12
|
},
|
|
13
|
-
|
|
13
|
+
award?.id
|
|
14
14
|
) })) }) }) });
|
|
15
15
|
};
|
|
16
16
|
export {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Hyperlink } from "../Hyperlink/index.js";
|
|
2
3
|
import { getVariant } from "../utils/getVariant.js";
|
|
3
4
|
import { padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
|
|
4
5
|
const ExecutiveBio = ({
|
|
@@ -88,9 +89,9 @@ const ExecutiveBio = ({
|
|
|
88
89
|
children: [
|
|
89
90
|
executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
90
91
|
/* @__PURE__ */ jsx(
|
|
91
|
-
|
|
92
|
+
Hyperlink,
|
|
92
93
|
{
|
|
93
|
-
|
|
94
|
+
targetUrl: `${executiveLinkedIn}`,
|
|
94
95
|
className: `${headline_setting({ variant })} btn_link`,
|
|
95
96
|
children: "LinkedIn"
|
|
96
97
|
}
|
|
@@ -117,9 +118,9 @@ const ExecutiveBio = ({
|
|
|
117
118
|
] }),
|
|
118
119
|
executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
119
120
|
/* @__PURE__ */ jsx(
|
|
120
|
-
|
|
121
|
+
Hyperlink,
|
|
121
122
|
{
|
|
122
|
-
|
|
123
|
+
targetUrl: `${executiveWebsite}`,
|
|
123
124
|
className: `${headline_setting({ variant })} btn_link`,
|
|
124
125
|
children: "Website"
|
|
125
126
|
}
|
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -134,7 +134,7 @@ function SuccesFormWrapper({
|
|
|
134
134
|
}
|
|
135
135
|
),
|
|
136
136
|
/* @__PURE__ */ jsx("h1", { id: "submittedText", children: headline || "Submitted!" }),
|
|
137
|
-
/* @__PURE__ */ jsx("
|
|
137
|
+
/* @__PURE__ */ jsx("div", { id: "thankYouText", children: bodyCopy ? bodyCopy : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
138
138
|
"Thank you!",
|
|
139
139
|
/* @__PURE__ */ jsx("br", {}),
|
|
140
140
|
"A Banking expert will be in contact with you shortly"
|
|
@@ -16,7 +16,7 @@ import { svg_fill, lp_theme, lp_container, lp_hover } from "./LandingPageHeader.
|
|
|
16
16
|
const LandingPageHeader = ({
|
|
17
17
|
id,
|
|
18
18
|
variant: fullVariant = "primary",
|
|
19
|
-
project = "
|
|
19
|
+
project = "AXB"
|
|
20
20
|
}) => {
|
|
21
21
|
const variant = getVariant(fullVariant);
|
|
22
22
|
const website = /* @__PURE__ */ new Map([
|
|
@@ -76,7 +76,7 @@ const LandingPageHeader = ({
|
|
|
76
76
|
)
|
|
77
77
|
],
|
|
78
78
|
[
|
|
79
|
-
"
|
|
79
|
+
"AXB",
|
|
80
80
|
/* @__PURE__ */ jsx(
|
|
81
81
|
SvgComponent$5,
|
|
82
82
|
{
|
|
@@ -1,59 +1,61 @@
|
|
|
1
|
-
const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
const
|
|
42
|
-
const
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
const
|
|
49
|
-
const
|
|
50
|
-
const
|
|
51
|
-
const
|
|
52
|
-
const
|
|
53
|
-
const
|
|
1
|
+
const header = "_header_ltfms_1";
|
|
2
|
+
const wrapper = "_wrapper_ltfms_5";
|
|
3
|
+
const main_nav = "_main_nav_ltfms_11";
|
|
4
|
+
const header_main_row = "_header_main_row_ltfms_18";
|
|
5
|
+
const mobile_header = "_mobile_header_ltfms_19";
|
|
6
|
+
const logo_wrap = "_logo_wrap_ltfms_25";
|
|
7
|
+
const primary_links = "_primary_links_ltfms_29";
|
|
8
|
+
const main_nav_link = "_main_nav_link_ltfms_33";
|
|
9
|
+
const sub_nav_link = "_sub_nav_link_ltfms_55";
|
|
10
|
+
const signin_wrap = "_signin_wrap_ltfms_57";
|
|
11
|
+
const signin_btn = "_signin_btn_ltfms_58";
|
|
12
|
+
const sub_nav = "_sub_nav_ltfms_55";
|
|
13
|
+
const header_sub_row = "_header_sub_row_ltfms_100";
|
|
14
|
+
const signin_dropdown = "_signin_dropdown_ltfms_116";
|
|
15
|
+
const shadow = "_shadow_ltfms_126";
|
|
16
|
+
const signin_header = "_signin_header_ltfms_134";
|
|
17
|
+
const signin_subheader = "_signin_subheader_ltfms_141";
|
|
18
|
+
const opacity = "_opacity_ltfms_163";
|
|
19
|
+
const fadeInDown = "_fadeInDown_ltfms_1";
|
|
20
|
+
const footer = "_footer_ltfms_169";
|
|
21
|
+
const open = "_open_ltfms_185";
|
|
22
|
+
const dd_wrapper = "_dd_wrapper_ltfms_197";
|
|
23
|
+
const dd_media = "_dd_media_ltfms_202";
|
|
24
|
+
const dd_media_img = "_dd_media_img_ltfms_207";
|
|
25
|
+
const dd_site_navs = "_dd_site_navs_ltfms_211";
|
|
26
|
+
const dd_media_header = "_dd_media_header_ltfms_218";
|
|
27
|
+
const mt_8 = "_mt_8_ltfms_227";
|
|
28
|
+
const mt_16 = "_mt_16_ltfms_231";
|
|
29
|
+
const ml_8 = "_ml_8_ltfms_235";
|
|
30
|
+
const dd_media_cta = "_dd_media_cta_ltfms_239";
|
|
31
|
+
const reversed_row = "_reversed_row_ltfms_253";
|
|
32
|
+
const headline = "_headline_ltfms_269";
|
|
33
|
+
const nav_anchor = "_nav_anchor_ltfms_275";
|
|
34
|
+
const headline_cta = "_headline_cta_ltfms_283";
|
|
35
|
+
const site_lists = "_site_lists_ltfms_298";
|
|
36
|
+
const hamburger = "_hamburger_ltfms_333";
|
|
37
|
+
const mobile_only = "_mobile_only_ltfms_347";
|
|
38
|
+
const mobile_logo = "_mobile_logo_ltfms_353";
|
|
39
|
+
const highlight = "_highlight_ltfms_358";
|
|
40
|
+
const mobile_nav = "_mobile_nav_ltfms_394";
|
|
41
|
+
const mobile_opened = "_mobile_opened_ltfms_405";
|
|
42
|
+
const mobile_nav_item = "_mobile_nav_item_ltfms_409";
|
|
43
|
+
const has_dropdown = "_has_dropdown_ltfms_424";
|
|
44
|
+
const icon_wrap = "_icon_wrap_ltfms_445";
|
|
45
|
+
const mobile_footer = "_mobile_footer_ltfms_450";
|
|
46
|
+
const mobile_footer_content = "_mobile_footer_content_ltfms_455";
|
|
47
|
+
const mobile_footer_media = "_mobile_footer_media_ltfms_469";
|
|
48
|
+
const footer_cta = "_footer_cta_ltfms_475";
|
|
49
|
+
const inner_wrapper = "_inner_wrapper_ltfms_503";
|
|
50
|
+
const btn = "_btn_ltfms_508";
|
|
51
|
+
const sub_menu = "_sub_menu_ltfms_514";
|
|
52
|
+
const main = "_main_ltfms_11";
|
|
53
|
+
const dd_footer = "_dd_footer_ltfms_539";
|
|
54
|
+
const desktop_only = "_desktop_only_ltfms_559";
|
|
54
55
|
const styles = {
|
|
55
56
|
header,
|
|
56
57
|
wrapper,
|
|
58
|
+
main_nav,
|
|
57
59
|
header_main_row,
|
|
58
60
|
mobile_header,
|
|
59
61
|
logo_wrap,
|
|
@@ -132,6 +134,7 @@ export {
|
|
|
132
134
|
inner_wrapper,
|
|
133
135
|
logo_wrap,
|
|
134
136
|
main,
|
|
137
|
+
main_nav,
|
|
135
138
|
main_nav_link,
|
|
136
139
|
ml_8,
|
|
137
140
|
mobile_footer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function SubNavBar(): import("react/jsx-runtime").JSX.Element
|
|
1
|
+
export default function SubNavBar(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect } from "react";
|
|
3
4
|
import { useLocation } from "react-use";
|
|
4
5
|
import styles from "./NavBar.module.js";
|
|
5
6
|
import { subNavItems } from "./NavData.js";
|
|
@@ -9,15 +10,18 @@ function SubNavBar() {
|
|
|
9
10
|
const support = subNavItems.support;
|
|
10
11
|
const technology = subNavItems.technology;
|
|
11
12
|
const solutions = subNavItems.solutions;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
const [showNavbar, setShowNavbar] = useState(false);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
setShowNavbar(
|
|
16
|
+
() => [
|
|
17
|
+
"/personalized-support",
|
|
18
|
+
"/intuitive-technology",
|
|
19
|
+
"/sales-team",
|
|
20
|
+
"/growth-solutions"
|
|
21
|
+
].some((el) => pathname?.includes(el))
|
|
22
|
+
);
|
|
23
|
+
}, [pathname]);
|
|
24
|
+
return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
|
|
21
25
|
(pathname?.includes("/personalized-support") || pathname?.includes("/sales-team")) && support?.map(
|
|
22
26
|
(item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
|
|
23
27
|
),
|
|
@@ -27,7 +31,7 @@ function SubNavBar() {
|
|
|
27
31
|
pathname?.includes("/growth-solutions") && solutions.map(
|
|
28
32
|
(item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
|
|
29
33
|
)
|
|
30
|
-
] }) }) }) }) });
|
|
34
|
+
] }) }) }) }) }) : /* @__PURE__ */ jsx(Fragment, {});
|
|
31
35
|
}
|
|
32
36
|
export {
|
|
33
37
|
SubNavBar as default
|
|
@@ -47,7 +47,7 @@ function NavBar() {
|
|
|
47
47
|
});
|
|
48
48
|
return /* @__PURE__ */ jsxs("header", { id: "header", children: [
|
|
49
49
|
/* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
|
|
50
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.
|
|
50
|
+
/* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav_link} flex_row middle`, children: [
|
|
51
51
|
/* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
|
|
52
52
|
"a",
|
|
53
53
|
{
|
package/dist/Table/Table.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
|
|
|
53
53
|
itemRef?: string | undefined;
|
|
54
54
|
results?: number | undefined;
|
|
55
55
|
security?: string | undefined;
|
|
56
|
-
unselectable?: "
|
|
56
|
+
unselectable?: "off" | "on" | undefined;
|
|
57
57
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
58
58
|
is?: string | undefined;
|
|
59
59
|
"aria-activedescendant"?: string | undefined;
|