@axos-web-dev/shared-components 0.0.57 → 0.0.59
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/Article/Article.css.d.ts +158 -0
- package/dist/Article/Article.css.js +21 -0
- package/dist/Article/Article.d.ts +14 -0
- package/dist/Article/Article.js +51 -0
- package/dist/Article/index.d.ts +2 -0
- package/dist/Article/index.js +12 -0
- package/dist/ArticlesSet/ArticlesSet.css.d.ts +131 -0
- package/dist/ArticlesSet/ArticlesSet.css.js +21 -0
- package/dist/ArticlesSet/ArticlesSet.d.ts +12 -0
- package/dist/ArticlesSet/ArticlesSet.js +115 -0
- package/dist/ArticlesSet/index.d.ts +2 -0
- package/dist/ArticlesSet/index.js +12 -0
- package/dist/AwardsBanner/AwardsBanner.css.d.ts +2 -0
- package/dist/AwardsBanner/AwardsBanner.css.js +7 -0
- package/dist/AwardsBanner/AwardsBanner.d.ts +8 -0
- package/dist/AwardsBanner/AwardsBanner.js +18 -0
- package/dist/AwardsBanner/index.d.ts +2 -0
- package/dist/AwardsBanner/index.js +7 -0
- package/dist/AwardsItem/AwardsItem.css.d.ts +3 -0
- package/dist/AwardsItem/AwardsItem.css.js +10 -0
- package/dist/AwardsItem/AwardsItem.d.ts +9 -0
- package/dist/AwardsItem/AwardsItem.js +29 -0
- package/dist/AwardsItem/index.d.ts +2 -0
- package/dist/AwardsItem/index.js +8 -0
- package/dist/Carousel/index.js +5 -0
- package/dist/Chevron/index.js +6 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +149 -67
- package/dist/ExecutiveBio/ExecutiveBio.css.js +14 -12
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +4 -2
- package/dist/ExecutiveBio/ExecutiveBio.js +119 -47
- package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBioSet.js +21 -128
- package/dist/ExecutiveBio/index.js +3 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -1
- package/dist/Forms/ApplicationStart.js +1 -0
- package/dist/Forms/ContactCompany.d.ts +25 -0
- package/dist/Forms/ContactCompany.js +190 -0
- package/dist/Forms/ContactUsBusiness.js +5 -0
- package/dist/Forms/DealerServices.d.ts +32 -0
- package/dist/Forms/DealerServices.js +311 -0
- package/dist/Forms/EmailOnly.js +5 -0
- package/dist/Forms/RenderForm.js +5 -0
- package/dist/Forms/ScheduleCall.js +1 -0
- package/dist/Forms/ScheduleCallPremier.js +1 -0
- package/dist/Forms/SuccesForm.d.ts +7 -3
- package/dist/Forms/SuccesForm.js +76 -61
- package/dist/Forms/index.d.ts +2 -0
- package/dist/Forms/index.js +4 -0
- package/dist/Hyperlink/index.js +6 -1
- package/dist/ImageLink/ImageLink.js +5 -0
- package/dist/ImageLink/ImageLinkSet.js +5 -0
- package/dist/ImageLink/index.js +6 -1
- package/dist/Input/CurrencyInput.js +1 -0
- package/dist/Input/InputPhone.js +1 -0
- package/dist/Input/InputTextArea.d.ts +16 -0
- package/dist/Input/InputTextArea.js +48 -0
- package/dist/Input/index.d.ts +1 -0
- package/dist/Input/index.js +2 -0
- package/dist/Modal/Modal.js +6 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +1 -1
- package/dist/SetContainer/SetContainer.js +5 -0
- package/dist/assets/Article/Article.css +187 -0
- package/dist/assets/ArticlesSet/ArticlesSet.css +135 -0
- package/dist/assets/AwardsBanner/AwardsBanner.css +19 -0
- package/dist/assets/AwardsItem/AwardsItem.css +40 -0
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +177 -89
- package/dist/assets/SetContainer/SetContainer.css +0 -3
- package/dist/main.d.ts +4 -0
- package/dist/main.js +40 -2
- package/package.json +1 -1
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
export declare const ant_article: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
|
+
variant: {
|
|
3
|
+
primary: {
|
|
4
|
+
border: "1px solid #d4d4d4";
|
|
5
|
+
};
|
|
6
|
+
secondary: {
|
|
7
|
+
border: "none";
|
|
8
|
+
};
|
|
9
|
+
tertiary: {
|
|
10
|
+
border: "none";
|
|
11
|
+
};
|
|
12
|
+
quaternary: {
|
|
13
|
+
border: "none";
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}>;
|
|
17
|
+
export declare const ant_img: string;
|
|
18
|
+
export declare const ant_content: string;
|
|
19
|
+
export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
20
|
+
variant: {
|
|
21
|
+
primary: {
|
|
22
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
+
};
|
|
24
|
+
secondary: {
|
|
25
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
+
};
|
|
27
|
+
tertiary: {
|
|
28
|
+
color: "#FAA74A";
|
|
29
|
+
};
|
|
30
|
+
quaternary: {
|
|
31
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>;
|
|
35
|
+
export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
36
|
+
variant: {
|
|
37
|
+
primary: {
|
|
38
|
+
selectors: {
|
|
39
|
+
[x: string]: {
|
|
40
|
+
WebkitBackgroundClip: "text";
|
|
41
|
+
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
+
WebkitTextFillColor: "transparent";
|
|
43
|
+
textShadow: "0px 0px #00000000";
|
|
44
|
+
color?: undefined;
|
|
45
|
+
} | {
|
|
46
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
+
WebkitBackgroundClip?: undefined;
|
|
48
|
+
backgroundImage?: undefined;
|
|
49
|
+
WebkitTextFillColor?: undefined;
|
|
50
|
+
textShadow?: undefined;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
secondary: {
|
|
55
|
+
selectors: {
|
|
56
|
+
[x: string]: {
|
|
57
|
+
WebkitBackgroundClip: "text";
|
|
58
|
+
backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
+
WebkitTextFillColor: "transparent";
|
|
60
|
+
textShadow: "0px 0px #00000000";
|
|
61
|
+
color?: undefined;
|
|
62
|
+
} | {
|
|
63
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
|
+
WebkitBackgroundClip?: undefined;
|
|
65
|
+
backgroundImage?: undefined;
|
|
66
|
+
WebkitTextFillColor?: undefined;
|
|
67
|
+
textShadow?: undefined;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
tertiary: {
|
|
72
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
|
+
};
|
|
74
|
+
quaternary: {
|
|
75
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
}>;
|
|
79
|
+
export declare const ant_card_body: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
80
|
+
variant: {
|
|
81
|
+
primary: {
|
|
82
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
|
+
};
|
|
85
|
+
secondary: {
|
|
86
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
|
+
};
|
|
89
|
+
tertiary: {
|
|
90
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
91
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
92
|
+
};
|
|
93
|
+
quaternary: {
|
|
94
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
95
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
}>;
|
|
99
|
+
export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
100
|
+
variant: {
|
|
101
|
+
primary: {
|
|
102
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
103
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
+
selectors: {
|
|
105
|
+
"&:hover": {
|
|
106
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
107
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
108
|
+
};
|
|
109
|
+
"&:active": {
|
|
110
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
111
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
secondary: {
|
|
116
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
117
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
118
|
+
selectors: {
|
|
119
|
+
"&:hover": {
|
|
120
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
121
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
122
|
+
};
|
|
123
|
+
"&:active": {
|
|
124
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
125
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
tertiary: {
|
|
130
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
131
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
132
|
+
selectors: {
|
|
133
|
+
"&:hover": {
|
|
134
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
135
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
136
|
+
};
|
|
137
|
+
"&:active": {
|
|
138
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
139
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
quaternary: {
|
|
144
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
145
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
146
|
+
selectors: {
|
|
147
|
+
"&:hover": {
|
|
148
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
149
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
150
|
+
};
|
|
151
|
+
"&:active": {
|
|
152
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
153
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
}>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
|
+
var ant_article = createRuntimeFn({ defaultClassName: "n5hj5p0", variantClassNames: { variant: { primary: "n5hj5p1", secondary: "n5hj5p2", tertiary: "n5hj5p3", quaternary: "n5hj5p4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7
|
+
var ant_img = "n5hj5p5";
|
|
8
|
+
var ant_content = "n5hj5p6";
|
|
9
|
+
var ant_eyebrow = createRuntimeFn({ defaultClassName: "n5hj5p7", variantClassNames: { variant: { primary: "n5hj5p8", secondary: "n5hj5p9", tertiary: "n5hj5pa", quaternary: "n5hj5pb" } }, defaultVariants: {}, compoundVariants: [] });
|
|
10
|
+
var ant_card_title = createRuntimeFn({ defaultClassName: "n5hj5pc", variantClassNames: { variant: { primary: "n5hj5pd", secondary: "n5hj5pe", tertiary: "n5hj5pf", quaternary: "n5hj5pg" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
+
var ant_card_body = createRuntimeFn({ defaultClassName: "n5hj5ph", variantClassNames: { variant: { primary: "n5hj5pi", secondary: "n5hj5pj", tertiary: "n5hj5pk", quaternary: "n5hj5pl" } }, defaultVariants: {}, compoundVariants: [] });
|
|
12
|
+
var ant_card_cta = createRuntimeFn({ defaultClassName: "n5hj5pm", variantClassNames: { variant: { primary: "n5hj5pn", secondary: "n5hj5po", tertiary: "n5hj5pp", quaternary: "n5hj5pq" } }, defaultVariants: {}, compoundVariants: [] });
|
|
13
|
+
export {
|
|
14
|
+
ant_article,
|
|
15
|
+
ant_card_body,
|
|
16
|
+
ant_card_cta,
|
|
17
|
+
ant_card_title,
|
|
18
|
+
ant_content,
|
|
19
|
+
ant_eyebrow,
|
|
20
|
+
ant_img
|
|
21
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { QuaternaryTypes } from '../utils/variant.types';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { ImageInterface } from '../IconBillboard';
|
|
4
|
+
|
|
5
|
+
export interface ArticleProps {
|
|
6
|
+
id?: string;
|
|
7
|
+
image: ImageInterface;
|
|
8
|
+
itemType: string;
|
|
9
|
+
title: string | ReactNode;
|
|
10
|
+
description: string | ReactNode;
|
|
11
|
+
targetUrl: string;
|
|
12
|
+
variant?: QuaternaryTypes;
|
|
13
|
+
}
|
|
14
|
+
export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { getVariant } from "../utils/getVariant.js";
|
|
3
|
+
import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
|
|
4
|
+
const Article = ({
|
|
5
|
+
id,
|
|
6
|
+
image,
|
|
7
|
+
itemType,
|
|
8
|
+
title,
|
|
9
|
+
description,
|
|
10
|
+
targetUrl,
|
|
11
|
+
variant: fullVariant = "primary"
|
|
12
|
+
}) => {
|
|
13
|
+
const variant = getVariant(fullVariant);
|
|
14
|
+
return /* @__PURE__ */ jsxs(
|
|
15
|
+
"article",
|
|
16
|
+
{
|
|
17
|
+
className: `${ant_article({ variant })} flex flex_col rounded`,
|
|
18
|
+
id: `id_${id}`,
|
|
19
|
+
children: [
|
|
20
|
+
/* @__PURE__ */ jsx(
|
|
21
|
+
"div",
|
|
22
|
+
{
|
|
23
|
+
className: ant_img,
|
|
24
|
+
role: "presentation",
|
|
25
|
+
style: { backgroundImage: `url('${image.src}')` },
|
|
26
|
+
children: " "
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
/* @__PURE__ */ jsxs("div", { className: `${ant_content} flex flex_col between`, children: [
|
|
30
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
31
|
+
/* @__PURE__ */ jsx("span", { className: `${ant_eyebrow({ variant })}`, children: itemType }),
|
|
32
|
+
/* @__PURE__ */ jsx("h3", { className: `${ant_card_title({ variant })} header_3`, children: title }),
|
|
33
|
+
/* @__PURE__ */ jsx("div", { className: `${ant_card_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
|
|
34
|
+
] }),
|
|
35
|
+
/* @__PURE__ */ jsx("div", { className: "push_up_24 text_center", children: /* @__PURE__ */ jsx(
|
|
36
|
+
"a",
|
|
37
|
+
{
|
|
38
|
+
className: `${ant_card_cta({ variant })}`,
|
|
39
|
+
"aria-label": "read and learn more about this featured item",
|
|
40
|
+
href: targetUrl,
|
|
41
|
+
children: itemType == "Insight" ? "Read More" : "Learn More"
|
|
42
|
+
}
|
|
43
|
+
) })
|
|
44
|
+
] })
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
export {
|
|
50
|
+
Article
|
|
51
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Article } from "./Article.js";
|
|
2
|
+
import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article.css.js";
|
|
3
|
+
export {
|
|
4
|
+
Article,
|
|
5
|
+
ant_article,
|
|
6
|
+
ant_card_body,
|
|
7
|
+
ant_card_cta,
|
|
8
|
+
ant_card_title,
|
|
9
|
+
ant_content,
|
|
10
|
+
ant_eyebrow,
|
|
11
|
+
ant_img
|
|
12
|
+
};
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
export declare const ant_section: string;
|
|
2
|
+
export declare const ant_header: string;
|
|
3
|
+
export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
4
|
+
variant: {
|
|
5
|
+
primary: {
|
|
6
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
|
+
};
|
|
8
|
+
secondary: {
|
|
9
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
+
};
|
|
11
|
+
tertiary: {
|
|
12
|
+
selectors: {
|
|
13
|
+
[x: string]: {
|
|
14
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
+
} | {
|
|
16
|
+
color: "#1E262F";
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
quaternary: {
|
|
21
|
+
selectors: {
|
|
22
|
+
[x: string]: {
|
|
23
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
|
+
} | {
|
|
25
|
+
color: "#1E262F";
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
}>;
|
|
31
|
+
export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
32
|
+
variant: {
|
|
33
|
+
primary: {
|
|
34
|
+
selectors: {
|
|
35
|
+
[x: string]: {
|
|
36
|
+
color: "#2F5B88";
|
|
37
|
+
} | {
|
|
38
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
secondary: {
|
|
43
|
+
selectors: {
|
|
44
|
+
[x: string]: {
|
|
45
|
+
color: "#2F5B88";
|
|
46
|
+
} | {
|
|
47
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
tertiary: {
|
|
52
|
+
selectors: {
|
|
53
|
+
[x: string]: {
|
|
54
|
+
color: "#2F5B88";
|
|
55
|
+
} | {
|
|
56
|
+
color: "#1E262F";
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
quaternary: {
|
|
61
|
+
selectors: {
|
|
62
|
+
[x: string]: {
|
|
63
|
+
color: "#2F5B88";
|
|
64
|
+
} | {
|
|
65
|
+
color: "#1E262F";
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
}>;
|
|
71
|
+
export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
72
|
+
variant: {
|
|
73
|
+
primary: {
|
|
74
|
+
selectors: {
|
|
75
|
+
[x: string]: {
|
|
76
|
+
fill: "#2F5B88";
|
|
77
|
+
} | {
|
|
78
|
+
fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
secondary: {
|
|
83
|
+
selectors: {
|
|
84
|
+
[x: string]: {
|
|
85
|
+
fill: "#2F5B88";
|
|
86
|
+
} | {
|
|
87
|
+
fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
tertiary: {
|
|
92
|
+
selectors: {
|
|
93
|
+
[x: string]: {
|
|
94
|
+
fill: "#2F5B88";
|
|
95
|
+
} | {
|
|
96
|
+
fill: "#1E262F";
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
quaternary: {
|
|
101
|
+
selectors: {
|
|
102
|
+
[x: string]: {
|
|
103
|
+
fill: "#2F5B88";
|
|
104
|
+
} | {
|
|
105
|
+
fill: "#1E262F";
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
}>;
|
|
111
|
+
export declare const ant_grid: string;
|
|
112
|
+
export declare const ant_sec_body: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
113
|
+
variant: {
|
|
114
|
+
primary: {
|
|
115
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
116
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
117
|
+
};
|
|
118
|
+
secondary: {
|
|
119
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
120
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
121
|
+
};
|
|
122
|
+
tertiary: {
|
|
123
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
124
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
125
|
+
};
|
|
126
|
+
quaternary: {
|
|
127
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
128
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
}>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
|
+
var ant_section = "kjcqgc0";
|
|
7
|
+
var ant_header = "kjcqgc1";
|
|
8
|
+
var ant_sec_title = createRuntimeFn({ defaultClassName: "kjcqgc2", variantClassNames: { variant: { primary: "kjcqgc3", secondary: "kjcqgc4", tertiary: "kjcqgc5", quaternary: "kjcqgc6" } }, defaultVariants: {}, compoundVariants: [] });
|
|
9
|
+
var ant_blog_cta = createRuntimeFn({ defaultClassName: "kjcqgc7", variantClassNames: { variant: { primary: "kjcqgc8", secondary: "kjcqgc9", tertiary: "kjcqgca", quaternary: "kjcqgcb" } }, defaultVariants: {}, compoundVariants: [] });
|
|
10
|
+
var ant_svg_fill = createRuntimeFn({ defaultClassName: "kjcqgcc", variantClassNames: { variant: { primary: "kjcqgcd", secondary: "kjcqgce", tertiary: "kjcqgcf", quaternary: "kjcqgcg" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
+
var ant_grid = "kjcqgch";
|
|
12
|
+
var ant_sec_body = createRuntimeFn({ defaultClassName: "kjcqgci", variantClassNames: { variant: { primary: "kjcqgcj", secondary: "kjcqgck", tertiary: "kjcqgcl", quaternary: "kjcqgcm" } }, defaultVariants: {}, compoundVariants: [] });
|
|
13
|
+
export {
|
|
14
|
+
ant_blog_cta,
|
|
15
|
+
ant_grid,
|
|
16
|
+
ant_header,
|
|
17
|
+
ant_sec_body,
|
|
18
|
+
ant_sec_title,
|
|
19
|
+
ant_section,
|
|
20
|
+
ant_svg_fill
|
|
21
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { QuaternaryTypes } from '../utils/variant.types';
|
|
3
|
+
import { ArticleProps } from '../Article';
|
|
4
|
+
|
|
5
|
+
export interface ArticleSetProps {
|
|
6
|
+
id?: string;
|
|
7
|
+
variant?: QuaternaryTypes;
|
|
8
|
+
title?: string | ReactNode;
|
|
9
|
+
description?: string | ReactNode;
|
|
10
|
+
articles?: ArticleProps[];
|
|
11
|
+
}
|
|
12
|
+
export declare const ArticlesSet: FC<ArticleSetProps>;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { getVariant } from "../utils/getVariant.js";
|
|
3
|
+
import { Article } from "../Article/Article.js";
|
|
4
|
+
import "../Article/Article.css.js";
|
|
5
|
+
import { ant_section, ant_header, ant_sec_title, ant_sec_body, ant_blog_cta, ant_svg_fill, ant_grid } from "./ArticlesSet.css.js";
|
|
6
|
+
const ArticlesSet = ({
|
|
7
|
+
id,
|
|
8
|
+
title,
|
|
9
|
+
articles,
|
|
10
|
+
description,
|
|
11
|
+
variant: fullVariant = "primary"
|
|
12
|
+
}) => {
|
|
13
|
+
const variant = getVariant(fullVariant);
|
|
14
|
+
return /* @__PURE__ */ jsx("section", { className: ant_section, id: `id_${id}`, children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
|
|
15
|
+
/* @__PURE__ */ jsxs("div", { className: `${ant_header} text_center`, children: [
|
|
16
|
+
/* @__PURE__ */ jsx("h2", { className: `${ant_sec_title({ variant })} header_1`, children: title || "Articles & Tools" }),
|
|
17
|
+
/* @__PURE__ */ jsx("div", { className: `${ant_sec_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) }),
|
|
18
|
+
/* @__PURE__ */ jsxs("div", { className: "flex center middle push_up_24 sc__btn", children: [
|
|
19
|
+
/* @__PURE__ */ jsx(
|
|
20
|
+
"a",
|
|
21
|
+
{
|
|
22
|
+
href: "/blog",
|
|
23
|
+
className: `${ant_blog_cta({ variant })}`,
|
|
24
|
+
"aria-label": "view all financial blog posts",
|
|
25
|
+
children: "View All"
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ jsxs(
|
|
29
|
+
"svg",
|
|
30
|
+
{
|
|
31
|
+
className: "arrow",
|
|
32
|
+
width: "7px",
|
|
33
|
+
height: "11px",
|
|
34
|
+
viewBox: "0 0 7 11",
|
|
35
|
+
version: "1.1",
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
37
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
38
|
+
children: [
|
|
39
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
|
|
40
|
+
"polygon",
|
|
41
|
+
{
|
|
42
|
+
id: "path-1",
|
|
43
|
+
points: "0 4.3663455e-05 6.47723097 4.3663455e-05 6.47723097 11.0391839 0 11.0391839"
|
|
44
|
+
}
|
|
45
|
+
) }),
|
|
46
|
+
/* @__PURE__ */ jsx(
|
|
47
|
+
"g",
|
|
48
|
+
{
|
|
49
|
+
id: "Symbols",
|
|
50
|
+
stroke: "none",
|
|
51
|
+
"stroke-width": "1",
|
|
52
|
+
fill: "none",
|
|
53
|
+
"fill-rule": "evenodd",
|
|
54
|
+
transform: "rotate(90deg)",
|
|
55
|
+
children: /* @__PURE__ */ jsx(
|
|
56
|
+
"g",
|
|
57
|
+
{
|
|
58
|
+
id: "parts-/-button-/-background",
|
|
59
|
+
transform: "translate(-87.000000, -17.000000)",
|
|
60
|
+
children: /* @__PURE__ */ jsx(
|
|
61
|
+
"g",
|
|
62
|
+
{
|
|
63
|
+
id: "icon-/-button-/-arrow-/-dark",
|
|
64
|
+
transform: "translate(78.000000, 12.000000)",
|
|
65
|
+
children: /* @__PURE__ */ jsxs(
|
|
66
|
+
"g",
|
|
67
|
+
{
|
|
68
|
+
id: "icon-/-master-arrow-/-dark",
|
|
69
|
+
transform: "translate(9.000000, 5.000000)",
|
|
70
|
+
children: [
|
|
71
|
+
/* @__PURE__ */ jsx("mask", { id: "mask-2", fill: "white", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#path-1" }) }),
|
|
72
|
+
/* @__PURE__ */ jsx("g", { id: "Clip-2" }),
|
|
73
|
+
/* @__PURE__ */ jsx(
|
|
74
|
+
"path",
|
|
75
|
+
{
|
|
76
|
+
className: `${ant_svg_fill({ variant })}`,
|
|
77
|
+
d: "M1.13491422,0.187942261 C0.94986252,0.00203917967 0.649789062,0.00203917967 0.464737367,0.187942261 L0.187303721,0.466652324 C0.00225202625,0.652555405 0.00225202625,0.95391307 0.187303721,1.13991252 L4.55851447,5.53075249 L0.187303721,9.92149608 C0.00225202625,10.1074955 0.00225202625,10.4088532 0.187303721,10.5947563 L0.464737367,10.8734663 C0.649789062,11.0593694 0.94986252,11.0593694 1.13491422,10.8734663 L6.45248835,5.53075249 L1.13491422,0.187942261 Z",
|
|
78
|
+
id: "Fill-1",
|
|
79
|
+
fill: "#2F5B88",
|
|
80
|
+
"fill-rule": "evenodd",
|
|
81
|
+
mask: "url(#mask-2)"
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
]
|
|
85
|
+
}
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
}
|
|
90
|
+
)
|
|
91
|
+
}
|
|
92
|
+
)
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
)
|
|
96
|
+
] })
|
|
97
|
+
] }),
|
|
98
|
+
/* @__PURE__ */ jsx("div", { className: `${ant_grid} flex gap_24`, children: articles?.map((article, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
|
|
99
|
+
Article,
|
|
100
|
+
{
|
|
101
|
+
id: `id_${article.id}`,
|
|
102
|
+
itemType: article?.itemType,
|
|
103
|
+
image: article?.image,
|
|
104
|
+
title: article?.title,
|
|
105
|
+
description: article?.description,
|
|
106
|
+
targetUrl: article?.targetUrl,
|
|
107
|
+
variant: article?.variant
|
|
108
|
+
},
|
|
109
|
+
index
|
|
110
|
+
) })) })
|
|
111
|
+
] }) });
|
|
112
|
+
};
|
|
113
|
+
export {
|
|
114
|
+
ArticlesSet
|
|
115
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ArticlesSet } from "./ArticlesSet.js";
|
|
2
|
+
import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet.css.js";
|
|
3
|
+
export {
|
|
4
|
+
ArticlesSet,
|
|
5
|
+
ant_blog_cta,
|
|
6
|
+
ant_grid,
|
|
7
|
+
ant_header,
|
|
8
|
+
ant_sec_body,
|
|
9
|
+
ant_sec_title,
|
|
10
|
+
ant_section,
|
|
11
|
+
ant_svg_fill
|
|
12
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { AwardsItem } from "../AwardsItem/AwardsItem.js";
|
|
3
|
+
import { awards_section, awards_row } from "./AwardsBanner.css.js";
|
|
4
|
+
const AwardsBanner = ({ id, awardsItems }) => {
|
|
5
|
+
return /* @__PURE__ */ jsx("section", { className: awards_section, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${awards_row} flex middle mobile`, children: awardsItems?.map((award, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
|
|
6
|
+
AwardsItem,
|
|
7
|
+
{
|
|
8
|
+
id: `id_${id}`,
|
|
9
|
+
starRating: award?.starRating,
|
|
10
|
+
awardsName: award?.awardsName,
|
|
11
|
+
awardsSource: award?.awardsSource
|
|
12
|
+
},
|
|
13
|
+
index
|
|
14
|
+
) })) }) }) });
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
AwardsBanner
|
|
18
|
+
};
|