@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.
Files changed (71) hide show
  1. package/dist/Article/Article.css.d.ts +158 -0
  2. package/dist/Article/Article.css.js +21 -0
  3. package/dist/Article/Article.d.ts +14 -0
  4. package/dist/Article/Article.js +51 -0
  5. package/dist/Article/index.d.ts +2 -0
  6. package/dist/Article/index.js +12 -0
  7. package/dist/ArticlesSet/ArticlesSet.css.d.ts +131 -0
  8. package/dist/ArticlesSet/ArticlesSet.css.js +21 -0
  9. package/dist/ArticlesSet/ArticlesSet.d.ts +12 -0
  10. package/dist/ArticlesSet/ArticlesSet.js +115 -0
  11. package/dist/ArticlesSet/index.d.ts +2 -0
  12. package/dist/ArticlesSet/index.js +12 -0
  13. package/dist/AwardsBanner/AwardsBanner.css.d.ts +2 -0
  14. package/dist/AwardsBanner/AwardsBanner.css.js +7 -0
  15. package/dist/AwardsBanner/AwardsBanner.d.ts +8 -0
  16. package/dist/AwardsBanner/AwardsBanner.js +18 -0
  17. package/dist/AwardsBanner/index.d.ts +2 -0
  18. package/dist/AwardsBanner/index.js +7 -0
  19. package/dist/AwardsItem/AwardsItem.css.d.ts +3 -0
  20. package/dist/AwardsItem/AwardsItem.css.js +10 -0
  21. package/dist/AwardsItem/AwardsItem.d.ts +9 -0
  22. package/dist/AwardsItem/AwardsItem.js +29 -0
  23. package/dist/AwardsItem/index.d.ts +2 -0
  24. package/dist/AwardsItem/index.js +8 -0
  25. package/dist/Carousel/index.js +5 -0
  26. package/dist/Chevron/index.js +6 -1
  27. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +149 -67
  28. package/dist/ExecutiveBio/ExecutiveBio.css.js +14 -12
  29. package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
  30. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +4 -2
  31. package/dist/ExecutiveBio/ExecutiveBio.js +119 -47
  32. package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -1
  33. package/dist/ExecutiveBio/ExecutiveBioSet.js +21 -128
  34. package/dist/ExecutiveBio/index.js +3 -2
  35. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -1
  36. package/dist/Forms/ApplicationStart.js +1 -0
  37. package/dist/Forms/ContactCompany.d.ts +25 -0
  38. package/dist/Forms/ContactCompany.js +190 -0
  39. package/dist/Forms/ContactUsBusiness.js +5 -0
  40. package/dist/Forms/DealerServices.d.ts +32 -0
  41. package/dist/Forms/DealerServices.js +311 -0
  42. package/dist/Forms/EmailOnly.js +5 -0
  43. package/dist/Forms/RenderForm.js +5 -0
  44. package/dist/Forms/ScheduleCall.js +1 -0
  45. package/dist/Forms/ScheduleCallPremier.js +1 -0
  46. package/dist/Forms/SuccesForm.d.ts +7 -3
  47. package/dist/Forms/SuccesForm.js +76 -61
  48. package/dist/Forms/index.d.ts +2 -0
  49. package/dist/Forms/index.js +4 -0
  50. package/dist/Hyperlink/index.js +6 -1
  51. package/dist/ImageLink/ImageLink.js +5 -0
  52. package/dist/ImageLink/ImageLinkSet.js +5 -0
  53. package/dist/ImageLink/index.js +6 -1
  54. package/dist/Input/CurrencyInput.js +1 -0
  55. package/dist/Input/InputPhone.js +1 -0
  56. package/dist/Input/InputTextArea.d.ts +16 -0
  57. package/dist/Input/InputTextArea.js +48 -0
  58. package/dist/Input/index.d.ts +1 -0
  59. package/dist/Input/index.js +2 -0
  60. package/dist/Modal/Modal.js +6 -1
  61. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +1 -1
  62. package/dist/SetContainer/SetContainer.js +5 -0
  63. package/dist/assets/Article/Article.css +187 -0
  64. package/dist/assets/ArticlesSet/ArticlesSet.css +135 -0
  65. package/dist/assets/AwardsBanner/AwardsBanner.css +19 -0
  66. package/dist/assets/AwardsItem/AwardsItem.css +40 -0
  67. package/dist/assets/ExecutiveBio/ExecutiveBio.css +177 -89
  68. package/dist/assets/SetContainer/SetContainer.css +0 -3
  69. package/dist/main.d.ts +4 -0
  70. package/dist/main.js +40 -2
  71. 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,2 @@
1
+ export * from './Article';
2
+ export * from './Article.css';
@@ -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,2 @@
1
+ export * from './ArticlesSet';
2
+ export * from './ArticlesSet.css';
@@ -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,2 @@
1
+ export declare const awards_section: string;
2
+ export declare const awards_row: string;
@@ -0,0 +1,7 @@
1
+ /* empty css */
2
+ var awards_section = "_1amgyqo0";
3
+ var awards_row = "_1amgyqo1";
4
+ export {
5
+ awards_row,
6
+ awards_section
7
+ };
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { AwardsItemProps } from '../AwardsItem/AwardsItem';
3
+
4
+ export interface AwardsBannerProps {
5
+ id: string;
6
+ awardsItems: AwardsItemProps[];
7
+ }
8
+ export declare const AwardsBanner: FC<AwardsBannerProps>;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ export * from './AwardsBanner.css';
2
+ export * from './AwardsBanner';
@@ -0,0 +1,7 @@
1
+ import { awards_row, awards_section } from "./AwardsBanner.css.js";
2
+ import { AwardsBanner } from "./AwardsBanner.js";
3
+ export {
4
+ AwardsBanner,
5
+ awards_row,
6
+ awards_section
7
+ };
@@ -0,0 +1,3 @@
1
+ export declare const award_item: string;
2
+ export declare const award_company: string;
3
+ export declare const award_name: string;
@@ -0,0 +1,10 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ var award_item = "_16tnqb20";
4
+ var award_company = "_16tnqb21";
5
+ var award_name = "_16tnqb22";
6
+ export {
7
+ award_company,
8
+ award_item,
9
+ award_name
10
+ };
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+
3
+ export interface AwardsItemProps {
4
+ id: string;
5
+ starRating?: string;
6
+ awardsName: string;
7
+ awardsSource: string;
8
+ }
9
+ export declare const AwardsItem: FC<AwardsItemProps>;