@axos-web-dev/shared-components 1.0.100-dev.76-feature-lp-logos → 1.0.100-dev.78
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/ExecutiveBio/ExecutiveBio.css.d.ts +51 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.js +48 -46
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +142 -146
- package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -2
- package/dist/ExecutiveBio/ExecutiveBioSet.js +30 -16
- package/dist/ExecutiveBio/index.js +2 -1
- package/dist/Forms/ConstructionLendingDynamic.js +27 -1
- package/dist/Forms/FormEnums.js +1 -3
- package/dist/Hyperlink/index.js +3 -2
- package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +1 -19
- package/dist/LandingPageHeader/LandingPageHeader.css.js +6 -6
- package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -3
- package/dist/LandingPageHeader/LandingPageHeader.js +16 -42
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +3 -0
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +9 -0
- package/dist/SetContainer/SetContainer.js +1 -1
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +271 -170
- package/dist/assets/LandingPageHeader/LandingPageHeader.css +15 -27
- package/dist/main.js +2 -1
- package/dist/utils/appendQueryParams.js +36 -5
- package/dist/utils/validateExternalLinks.js +2 -4
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const executive_bio: string;
|
|
2
|
+
export declare const compact: string;
|
|
2
3
|
export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
3
4
|
variant: {
|
|
4
5
|
primary: {
|
|
@@ -93,21 +94,71 @@ export declare const headshot: string;
|
|
|
93
94
|
export declare const img_area: string;
|
|
94
95
|
export declare const media: string;
|
|
95
96
|
export declare const person: string;
|
|
97
|
+
export declare const components: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
98
|
+
columns: {
|
|
99
|
+
1: {
|
|
100
|
+
gridTemplateColumns: "1fr";
|
|
101
|
+
};
|
|
102
|
+
2: {
|
|
103
|
+
gridTemplateColumns: "repeat(2, 1fr)";
|
|
104
|
+
width: "min(840px, calc(100% - 4rem))";
|
|
105
|
+
"@media": {
|
|
106
|
+
"(max-width: 768px)": {
|
|
107
|
+
gridTemplateColumns: "1fr";
|
|
108
|
+
width: "min(350px, calc(100% - 2rem))";
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
3: {
|
|
113
|
+
gridTemplateColumns: "repeat(3, 1fr)";
|
|
114
|
+
"@media": {
|
|
115
|
+
"(max-width: 1175px)": {
|
|
116
|
+
gridTemplateColumns: "repeat(2, 1fr)";
|
|
117
|
+
width: "min(840px, calc(100% - 4rem))";
|
|
118
|
+
};
|
|
119
|
+
"(max-width: 768px)": {
|
|
120
|
+
gridTemplateColumns: "1fr";
|
|
121
|
+
width: "min(350px, calc(100% - 2rem))";
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
4: {
|
|
126
|
+
gridTemplateColumns: "repeat(4, 1fr)";
|
|
127
|
+
"@media": {
|
|
128
|
+
"(max-width: 1175px)": {
|
|
129
|
+
gridTemplateColumns: "repeat(2, 1fr)";
|
|
130
|
+
width: "min(840px, calc(100% - 4rem))";
|
|
131
|
+
};
|
|
132
|
+
"(max-width: 768px)": {
|
|
133
|
+
gridTemplateColumns: "1fr";
|
|
134
|
+
width: "min(350px, calc(100% - 2rem))";
|
|
135
|
+
};
|
|
136
|
+
"(min-width: 1176px)": {
|
|
137
|
+
width: "min(1000px, 100%)";
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
}>;
|
|
96
143
|
export declare const shift: string;
|
|
97
144
|
export declare const bio_section_text: string;
|
|
98
145
|
export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
99
146
|
variant: {
|
|
100
147
|
primary: {
|
|
101
148
|
background: `var(--${string})`;
|
|
149
|
+
color: `var(--${string})`;
|
|
102
150
|
};
|
|
103
151
|
secondary: {
|
|
104
152
|
background: `var(--${string})`;
|
|
153
|
+
color: `var(--${string})`;
|
|
105
154
|
};
|
|
106
155
|
tertiary: {
|
|
107
156
|
background: `var(--${string})`;
|
|
157
|
+
color: `var(--${string})`;
|
|
108
158
|
};
|
|
109
159
|
quaternary: {
|
|
110
160
|
background: `var(--${string})`;
|
|
161
|
+
color: `var(--${string})`;
|
|
111
162
|
};
|
|
112
163
|
};
|
|
113
164
|
}>;
|
|
@@ -127,7 +178,6 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
127
178
|
};
|
|
128
179
|
};
|
|
129
180
|
}>;
|
|
130
|
-
export declare const components: string;
|
|
131
181
|
export declare const details: string;
|
|
132
182
|
export declare const url_row: string;
|
|
133
183
|
export declare const flexColumn: string;
|
|
@@ -6,52 +6,53 @@ import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victor
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
8
8
|
var executive_bio = "txcb8d0";
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
9
|
+
var compact = "txcb8d1";
|
|
10
|
+
var item_bio = createRuntimeFn({ defaultClassName: "txcb8d2", variantClassNames: { variant: { primary: "txcb8d3", secondary: "txcb8d4", tertiary: "txcb8d5", quaternary: "txcb8d6" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
+
var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d7", variantClassNames: { variant: { primary: "txcb8d8", secondary: "txcb8d9", tertiary: "txcb8da", quaternary: "txcb8db" } }, defaultVariants: {}, compoundVariants: [] });
|
|
12
|
+
var job_title = createRuntimeFn({ defaultClassName: "txcb8dc", variantClassNames: { variant: { primary: "txcb8dd", secondary: "txcb8de", tertiary: "txcb8df", quaternary: "txcb8dg" } }, defaultVariants: {}, compoundVariants: [] });
|
|
13
|
+
var svg_icon = createRuntimeFn({ defaultClassName: "txcb8dh", variantClassNames: { variant: { primary: "txcb8di", secondary: "txcb8dj", tertiary: "txcb8dk", quaternary: "txcb8dl" } }, defaultVariants: {}, compoundVariants: [] });
|
|
14
|
+
var description = "txcb8dm";
|
|
15
|
+
var contact_col = "txcb8dn";
|
|
16
|
+
var padding = "txcb8do";
|
|
17
|
+
var copy = "txcb8dp";
|
|
18
|
+
var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dq", variantClassNames: { variant: { primary: "txcb8dr", secondary: "txcb8ds", tertiary: "txcb8dt", quaternary: "txcb8du" } }, defaultVariants: {}, compoundVariants: [] });
|
|
19
|
+
var contacts = "txcb8dv";
|
|
20
|
+
var headshot = "txcb8dw";
|
|
21
|
+
var img_area = "txcb8dx";
|
|
22
|
+
var media = "txcb8dy";
|
|
23
|
+
var person = "txcb8dz";
|
|
24
|
+
var components = createRuntimeFn({ defaultClassName: "txcb8d10", variantClassNames: { columns: { "1": "txcb8d11", "2": "txcb8d12", "3": "txcb8d13", "4": "txcb8d14" } }, defaultVariants: { columns: 1 }, compoundVariants: [] });
|
|
25
|
+
var shift = "txcb8d15";
|
|
26
|
+
var bio_section_text = "txcb8d16";
|
|
27
|
+
var section_theme = createRuntimeFn({ defaultClassName: "txcb8d17", variantClassNames: { variant: { primary: "txcb8d18", secondary: "txcb8d19", tertiary: "txcb8d1a", quaternary: "txcb8d1b" } }, defaultVariants: {}, compoundVariants: [] });
|
|
28
|
+
var header_theme = createRuntimeFn({ defaultClassName: "txcb8d1c", variantClassNames: { variant: { primary: "txcb8d1d", secondary: "txcb8d1e", tertiary: "txcb8d1f", quaternary: "txcb8d1g" } }, defaultVariants: {}, compoundVariants: [] });
|
|
29
|
+
var details = "txcb8d1h";
|
|
30
|
+
var url_row = "txcb8d1i";
|
|
31
|
+
var flexColumn = "txcb8d1j";
|
|
32
|
+
var ceoSection = createRuntimeFn({ defaultClassName: "txcb8d1k", variantClassNames: { variant: { primary: "txcb8d1l", secondary: "txcb8d1m", tertiary: "txcb8d1n", quaternary: "txcb8d1o" } }, defaultVariants: {}, compoundVariants: [] });
|
|
33
|
+
var ceoContainer = "txcb8d1p";
|
|
34
|
+
var ceoWrapper = "txcb8d1q";
|
|
35
|
+
var ceoMedia = "txcb8d1r txcb8d1j";
|
|
36
|
+
var ceoImgWrapper = "txcb8d1s";
|
|
37
|
+
var imgAlignment = "txcb8d1t";
|
|
38
|
+
var highlights = "txcb8d1u txcb8d1j";
|
|
39
|
+
var bulletsHeadline = createRuntimeFn({ defaultClassName: "txcb8d1v", variantClassNames: { variant: { primary: "txcb8d1w", secondary: "txcb8d1x", tertiary: "txcb8d1y", quaternary: "txcb8d1z" } }, defaultVariants: {}, compoundVariants: [] });
|
|
40
|
+
var bulletsWrapper = "txcb8d20 txcb8d1j";
|
|
41
|
+
var ceoContent = "txcb8d21 txcb8d1j";
|
|
42
|
+
var ceoHeader = "txcb8d22 txcb8d1j";
|
|
43
|
+
var ceoPersonalInfo = "txcb8d23 txcb8d1j";
|
|
44
|
+
var ceo_name = createRuntimeFn({ defaultClassName: "txcb8d24", variantClassNames: { variant: { primary: "txcb8d25", secondary: "txcb8d26", tertiary: "txcb8d27", quaternary: "txcb8d28" } }, defaultVariants: {}, compoundVariants: [] });
|
|
45
|
+
var ceo_title = createRuntimeFn({ defaultClassName: "txcb8d29", variantClassNames: { variant: { primary: "txcb8d2a", secondary: "txcb8d2b", tertiary: "txcb8d2c", quaternary: "txcb8d2d" } }, defaultVariants: {}, compoundVariants: [] });
|
|
46
|
+
var ceo_contacts = "txcb8d2e";
|
|
47
|
+
var svg_color = createRuntimeFn({ defaultClassName: "txcb8d2f", variantClassNames: { variant: { primary: "txcb8d2g", secondary: "txcb8d2h", tertiary: "txcb8d2i", quaternary: "txcb8d2j" } }, defaultVariants: {}, compoundVariants: [] });
|
|
48
|
+
var ceo_quote = createRuntimeFn({ defaultClassName: "txcb8d2k", variantClassNames: { variant: { primary: "txcb8d2l", secondary: "txcb8d2m", tertiary: "txcb8d2n", quaternary: "txcb8d2o" } }, defaultVariants: {}, compoundVariants: [] });
|
|
49
|
+
var ceo_body = "txcb8d2p";
|
|
50
|
+
var hover = "txcb8d2q";
|
|
51
|
+
var social = "txcb8d2r";
|
|
52
|
+
var tooltip = createRuntimeFn({ defaultClassName: "txcb8d2s", variantClassNames: { variant: { primary: "txcb8d2t", secondary: "txcb8d2u", tertiary: "txcb8d2v", quaternary: "txcb8d2w" } }, defaultVariants: {}, compoundVariants: [] });
|
|
53
|
+
var order_3 = "txcb8d2x";
|
|
54
|
+
var overlay = "txcb8d2y";
|
|
55
|
+
var stroke_color = createRuntimeFn({ defaultClassName: "txcb8d2z", variantClassNames: { variant: { primary: "txcb8d30", secondary: "txcb8d31", tertiary: "txcb8d32", quaternary: "txcb8d33" } }, defaultVariants: {}, compoundVariants: [] });
|
|
55
56
|
export {
|
|
56
57
|
bio_section_text,
|
|
57
58
|
bulletsHeadline,
|
|
@@ -69,6 +70,7 @@ export {
|
|
|
69
70
|
ceo_name,
|
|
70
71
|
ceo_quote,
|
|
71
72
|
ceo_title,
|
|
73
|
+
compact,
|
|
72
74
|
components,
|
|
73
75
|
contact_col,
|
|
74
76
|
contact_entry,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
|
|
2
2
|
|
|
3
|
-
export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,10 +9,12 @@ export interface ExecutiveBioSetProps {
|
|
|
9
9
|
description?: ReactNode | string;
|
|
10
10
|
executiveBios: ExecutiveBioProps[];
|
|
11
11
|
additionalDetails?: string | ReactNode;
|
|
12
|
+
numberOfColumns?: string;
|
|
12
13
|
}
|
|
13
14
|
export interface ExecutiveBioProps {
|
|
14
15
|
id: string;
|
|
15
16
|
variant: QuaternaryTypes;
|
|
17
|
+
hasParentH2?: boolean;
|
|
16
18
|
executiveName?: string;
|
|
17
19
|
executiveTitle?: string;
|
|
18
20
|
executiveBodyCopy?: string | ReactNode;
|
|
@@ -26,6 +28,6 @@ export interface ExecutiveBioProps {
|
|
|
26
28
|
bullets?: BulletItemProps[];
|
|
27
29
|
bulletsTitle?: ReactNode | string;
|
|
28
30
|
quote?: ReactNode | string;
|
|
29
|
-
bannerType?: "Standard" | "Hero";
|
|
31
|
+
bannerType?: "Standard" | "Hero" | "Compact";
|
|
30
32
|
backgroundOverlay?: boolean;
|
|
31
33
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
2
|
+
import { createElement } from "react";
|
|
4
3
|
import { getVariant } from "../utils/getVariant.js";
|
|
4
|
+
import { Chevron } from "../Chevron/index.js";
|
|
5
5
|
import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
|
|
6
6
|
import { Overlay } from "./Overlay.js";
|
|
7
|
-
import { executive_bio, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
|
|
7
|
+
import { executive_bio, compact, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
|
|
8
8
|
import "../Accordion/Accordion.js";
|
|
9
9
|
import "../Accordion/Accordion.css.js";
|
|
10
10
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -15,15 +15,15 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
|
|
|
15
15
|
/* empty css */
|
|
16
16
|
/* empty css */
|
|
17
17
|
/* empty css */
|
|
18
|
-
import "clsx";
|
|
19
|
-
import "../Chevron/Chevron.css.js";
|
|
20
18
|
import "../AlertBanner/AlertBanner.css.js";
|
|
21
19
|
import "../Article/Article.css.js";
|
|
22
20
|
import "../IconBillboard/IconBillboard.css.js";
|
|
23
21
|
import "../utils/allowedAxosDomains.js";
|
|
22
|
+
import "clsx";
|
|
24
23
|
/* empty css */
|
|
25
24
|
/* empty css */
|
|
26
25
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
26
|
+
import "../Chevron/Chevron.css.js";
|
|
27
27
|
/* empty css */
|
|
28
28
|
import "../Modal/contextApi/store.js";
|
|
29
29
|
import "../Button/Button.css.js";
|
|
@@ -135,6 +135,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
135
135
|
/* empty css */
|
|
136
136
|
const ExecutiveBio = ({
|
|
137
137
|
id,
|
|
138
|
+
hasParentH2 = false,
|
|
138
139
|
executiveName,
|
|
139
140
|
executiveTitle,
|
|
140
141
|
executiveBodyCopy,
|
|
@@ -153,156 +154,151 @@ const ExecutiveBio = ({
|
|
|
153
154
|
backgroundOverlay = false
|
|
154
155
|
}) => {
|
|
155
156
|
const variant = getVariant(fullVariant);
|
|
156
|
-
const
|
|
157
|
-
const
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
if (existingH2inTitle && existingH2inComponent) {
|
|
170
|
-
setExecTitleLevel("h4");
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}, []);
|
|
175
|
-
return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Standard" ? /* @__PURE__ */ jsx("section", { className: `section_spacer ${executive_bio}`, id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
|
|
176
|
-
executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx("div", { className: img_area, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: executiveHeadshot?.src, alt: "" }) }) }) }),
|
|
177
|
-
/* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
|
|
178
|
-
/* @__PURE__ */ jsxs("div", { className: person, children: [
|
|
179
|
-
executiveName && createElement(
|
|
180
|
-
execNameLevel,
|
|
181
|
-
{
|
|
182
|
-
ref: execNameRef,
|
|
183
|
-
className: `header_3 ${headline_setting({ variant })}`
|
|
184
|
-
},
|
|
185
|
-
executiveName
|
|
186
|
-
),
|
|
187
|
-
executiveTitle && createElement(
|
|
188
|
-
execTitleLevel,
|
|
189
|
-
{
|
|
190
|
-
ref: execTitleRef,
|
|
191
|
-
className: `${job_title({ variant })}`
|
|
192
|
-
},
|
|
193
|
-
executiveTitle
|
|
194
|
-
),
|
|
195
|
-
executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
|
|
196
|
-
] }),
|
|
197
|
-
(executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex between push_up_24`, children: [
|
|
198
|
-
(executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
|
|
199
|
-
executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
200
|
-
/* @__PURE__ */ jsx(
|
|
201
|
-
"svg",
|
|
157
|
+
const execNameLevel = hasParentH2 ? "h3" : "h2";
|
|
158
|
+
const execTitleLevel = hasParentH2 ? "h4" : "h3";
|
|
159
|
+
return /* @__PURE__ */ jsx(Fragment, { children: bannerType !== "Hero" ? /* @__PURE__ */ jsx(
|
|
160
|
+
"section",
|
|
161
|
+
{
|
|
162
|
+
className: `${executive_bio} ${bannerType === "Compact" ? compact : ""}`,
|
|
163
|
+
id,
|
|
164
|
+
children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
|
|
165
|
+
executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx("div", { className: img_area, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: executiveHeadshot?.src, alt: "" }) }) }) }),
|
|
166
|
+
/* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
|
|
167
|
+
/* @__PURE__ */ jsxs("div", { className: person, children: [
|
|
168
|
+
executiveName && createElement(
|
|
169
|
+
execNameLevel,
|
|
202
170
|
{
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
fill: "none",
|
|
207
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
208
|
-
"aria-hidden": "true",
|
|
209
|
-
children: /* @__PURE__ */ jsx(
|
|
210
|
-
"path",
|
|
211
|
-
{
|
|
212
|
-
fillRule: "evenodd",
|
|
213
|
-
clipRule: "evenodd",
|
|
214
|
-
d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
|
|
215
|
-
fill: "#1E3860",
|
|
216
|
-
className: svg_icon({ variant })
|
|
217
|
-
}
|
|
218
|
-
)
|
|
219
|
-
}
|
|
171
|
+
className: `header_3 ${headline_setting({ variant })}`
|
|
172
|
+
},
|
|
173
|
+
executiveName
|
|
220
174
|
),
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
224
|
-
/* @__PURE__ */ jsx(
|
|
225
|
-
"svg",
|
|
175
|
+
executiveTitle && createElement(
|
|
176
|
+
execTitleLevel,
|
|
226
177
|
{
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
fill: "none",
|
|
231
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
232
|
-
"aria-hidden": "true",
|
|
233
|
-
children: /* @__PURE__ */ jsx(
|
|
234
|
-
"path",
|
|
235
|
-
{
|
|
236
|
-
d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
|
|
237
|
-
fill: "#1E3860",
|
|
238
|
-
className: svg_icon({ variant })
|
|
239
|
-
}
|
|
240
|
-
)
|
|
241
|
-
}
|
|
178
|
+
className: `${job_title({ variant })}`
|
|
179
|
+
},
|
|
180
|
+
executiveTitle
|
|
242
181
|
),
|
|
243
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
244
|
-
] })
|
|
245
|
-
] }),
|
|
246
|
-
(executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `flex middle ${url_row}`, children: [
|
|
247
|
-
executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
248
|
-
/* @__PURE__ */ jsxs(
|
|
249
|
-
"svg",
|
|
250
|
-
{
|
|
251
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
252
|
-
fill: "none",
|
|
253
|
-
viewBox: "0 0 24 24",
|
|
254
|
-
height: "24",
|
|
255
|
-
width: "24",
|
|
256
|
-
children: [
|
|
257
|
-
/* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_34_11)", children: /* @__PURE__ */ jsx(
|
|
258
|
-
"path",
|
|
259
|
-
{
|
|
260
|
-
d: "M21.376 1H2.62403C1.72722 1 1 1.72722 1 2.62403V21.376C1 22.2728 1.72722 23 2.62403 23H21.376C22.2728 23 23 22.2728 23 21.376V2.62403C23 1.72722 22.2728 1 21.376 1ZM7.55722 19.7428H4.24958V9.23472H7.55722V19.7412V19.7428ZM5.90417 7.77875C4.85153 7.77875 3.9975 6.97667 3.9975 5.87972C3.9975 4.78278 4.85153 3.98069 5.90417 3.98069C6.95681 3.98069 7.81083 4.78278 7.81083 5.87972C7.81083 6.97667 6.95681 7.77875 5.90417 7.77875ZM19.7504 19.7504H16.4428V14.0121C16.4428 12.3193 15.7232 11.7968 14.7943 11.7968C13.8135 11.7968 12.851 12.5347 12.851 14.0549V19.7519H9.54333V9.24236H12.7242V10.6983H12.7669C13.0862 10.0521 14.2046 8.9475 15.9111 8.9475C17.7567 8.9475 19.7504 10.0429 19.7504 13.2513V19.7504Z",
|
|
261
|
-
fill: "#1E3860",
|
|
262
|
-
className: svg_icon({ variant })
|
|
263
|
-
}
|
|
264
|
-
) }),
|
|
265
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_34_11", children: /* @__PURE__ */ jsx(
|
|
266
|
-
"rect",
|
|
267
|
-
{
|
|
268
|
-
width: "22",
|
|
269
|
-
height: "22",
|
|
270
|
-
fill: "white",
|
|
271
|
-
transform: "translate(1 1)"
|
|
272
|
-
}
|
|
273
|
-
) }) })
|
|
274
|
-
]
|
|
275
|
-
}
|
|
276
|
-
),
|
|
277
|
-
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveLinkedIn, children: "LinkedIn" }) })
|
|
182
|
+
executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
|
|
278
183
|
] }),
|
|
279
|
-
executiveWebsite && /* @__PURE__ */ jsxs("div", { className:
|
|
280
|
-
/* @__PURE__ */
|
|
281
|
-
"
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
height: "24",
|
|
285
|
-
viewBox: "0 0 24 24",
|
|
286
|
-
fill: "none",
|
|
287
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
288
|
-
children: /* @__PURE__ */ jsx(
|
|
289
|
-
"path",
|
|
184
|
+
(executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex between push_up_24`, children: [
|
|
185
|
+
(executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
|
|
186
|
+
executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
187
|
+
/* @__PURE__ */ jsx(
|
|
188
|
+
"svg",
|
|
290
189
|
{
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
fill: "
|
|
295
|
-
|
|
190
|
+
width: "24",
|
|
191
|
+
height: "24",
|
|
192
|
+
viewBox: "0 0 24 24",
|
|
193
|
+
fill: "none",
|
|
194
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
195
|
+
"aria-hidden": "true",
|
|
196
|
+
children: /* @__PURE__ */ jsx(
|
|
197
|
+
"path",
|
|
198
|
+
{
|
|
199
|
+
fillRule: "evenodd",
|
|
200
|
+
clipRule: "evenodd",
|
|
201
|
+
d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
|
|
202
|
+
fill: "#1E3860",
|
|
203
|
+
className: svg_icon({ variant })
|
|
204
|
+
}
|
|
205
|
+
)
|
|
296
206
|
}
|
|
297
|
-
)
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
207
|
+
),
|
|
208
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
|
|
209
|
+
] }),
|
|
210
|
+
executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
211
|
+
/* @__PURE__ */ jsx(
|
|
212
|
+
"svg",
|
|
213
|
+
{
|
|
214
|
+
width: "24",
|
|
215
|
+
height: "24",
|
|
216
|
+
viewBox: "0 0 24 24",
|
|
217
|
+
fill: "none",
|
|
218
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
219
|
+
"aria-hidden": "true",
|
|
220
|
+
children: /* @__PURE__ */ jsx(
|
|
221
|
+
"path",
|
|
222
|
+
{
|
|
223
|
+
d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
|
|
224
|
+
fill: "#1E3860",
|
|
225
|
+
className: svg_icon({ variant })
|
|
226
|
+
}
|
|
227
|
+
)
|
|
228
|
+
}
|
|
229
|
+
),
|
|
230
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
|
|
231
|
+
] })
|
|
232
|
+
] }),
|
|
233
|
+
(executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `flex middle ${url_row}`, children: [
|
|
234
|
+
executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
235
|
+
/* @__PURE__ */ jsxs(
|
|
236
|
+
"svg",
|
|
237
|
+
{
|
|
238
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
239
|
+
fill: "none",
|
|
240
|
+
viewBox: "0 0 24 24",
|
|
241
|
+
height: "24",
|
|
242
|
+
width: "24",
|
|
243
|
+
children: [
|
|
244
|
+
/* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_34_11)", children: /* @__PURE__ */ jsx(
|
|
245
|
+
"path",
|
|
246
|
+
{
|
|
247
|
+
d: "M21.376 1H2.62403C1.72722 1 1 1.72722 1 2.62403V21.376C1 22.2728 1.72722 23 2.62403 23H21.376C22.2728 23 23 22.2728 23 21.376V2.62403C23 1.72722 22.2728 1 21.376 1ZM7.55722 19.7428H4.24958V9.23472H7.55722V19.7412V19.7428ZM5.90417 7.77875C4.85153 7.77875 3.9975 6.97667 3.9975 5.87972C3.9975 4.78278 4.85153 3.98069 5.90417 3.98069C6.95681 3.98069 7.81083 4.78278 7.81083 5.87972C7.81083 6.97667 6.95681 7.77875 5.90417 7.77875ZM19.7504 19.7504H16.4428V14.0121C16.4428 12.3193 15.7232 11.7968 14.7943 11.7968C13.8135 11.7968 12.851 12.5347 12.851 14.0549V19.7519H9.54333V9.24236H12.7242V10.6983H12.7669C13.0862 10.0521 14.2046 8.9475 15.9111 8.9475C17.7567 8.9475 19.7504 10.0429 19.7504 13.2513V19.7504Z",
|
|
248
|
+
fill: "#1E3860",
|
|
249
|
+
className: svg_icon({ variant })
|
|
250
|
+
}
|
|
251
|
+
) }),
|
|
252
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_34_11", children: /* @__PURE__ */ jsx(
|
|
253
|
+
"rect",
|
|
254
|
+
{
|
|
255
|
+
width: "22",
|
|
256
|
+
height: "22",
|
|
257
|
+
fill: "white",
|
|
258
|
+
transform: "translate(1 1)"
|
|
259
|
+
}
|
|
260
|
+
) }) })
|
|
261
|
+
]
|
|
262
|
+
}
|
|
263
|
+
),
|
|
264
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveLinkedIn, children: "LinkedIn" }) })
|
|
265
|
+
] }),
|
|
266
|
+
executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
267
|
+
bannerType !== "Compact" && /* @__PURE__ */ jsx(
|
|
268
|
+
"svg",
|
|
269
|
+
{
|
|
270
|
+
width: "24",
|
|
271
|
+
height: "24",
|
|
272
|
+
viewBox: "0 0 24 24",
|
|
273
|
+
fill: "none",
|
|
274
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
275
|
+
children: /* @__PURE__ */ jsx(
|
|
276
|
+
"path",
|
|
277
|
+
{
|
|
278
|
+
fillRule: "evenodd",
|
|
279
|
+
clipRule: "evenodd",
|
|
280
|
+
d: "M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM14.1489 2.96268C15.396 3.25958 16.5456 3.80819 17.541 4.55185C17.0479 4.92025 16.5169 5.24079 15.955 5.50657C15.4554 4.5679 14.8471 3.71173 14.1489 2.96268ZM18.5052 5.38047C17.8846 5.87004 17.2076 6.29124 16.4855 6.6327C17.0807 8.07337 17.4348 9.66586 17.4915 11.3364H21.2495C21.0873 9.01027 20.068 6.92039 18.5052 5.38047ZM12.4032 3.01931C13.3464 3.81456 14.1595 4.81264 14.7923 5.96297C14.0335 6.20289 13.2325 6.34791 12.4032 6.38411V3.01931ZM15.3357 7.0952C14.409 7.40551 13.4248 7.5904 12.4032 7.62969V11.3364H16.2463C16.1906 9.81381 15.8684 8.38134 15.3357 7.0952ZM11.1587 3.01931L11.1587 6.35622C10.4387 6.29219 9.74234 6.14593 9.07907 5.92691C9.64291 4.9109 10.3478 3.76049 11.1587 3.01931ZM11.1587 7.60513C10.2455 7.53365 9.365 7.34562 8.53212 7.05589C7.98967 8.35213 7.66148 9.79828 7.60516 11.3364H11.1587V7.60513ZM9.66329 3.00507C8.99396 3.73051 8.4084 4.55491 7.92336 5.45629C7.40009 5.20069 6.90443 4.89732 6.44205 4.55185C7.39178 3.84227 8.48193 3.31027 9.66329 3.00507ZM7.38787 6.58008C6.70679 6.24829 6.06686 5.84518 5.47779 5.38047C3.91502 6.92039 2.89567 9.01027 2.73347 11.3364H6.36001C6.41741 9.64549 6.77947 8.03455 7.38787 6.58008ZM21.2539 12.5809C21.1064 14.9333 20.0827 17.048 18.5052 18.6024C17.8481 18.0839 17.1277 17.6422 16.3574 17.2906C16.993 15.8557 17.386 14.2604 17.4784 12.5809H21.2539ZM17.541 19.431C17.0021 19.0284 16.4181 18.683 15.7979 18.4037C15.221 19.4225 14.5137 20.3374 13.7013 21.115C15.1213 20.8506 16.4276 20.2628 17.541 19.431ZM16.2323 12.5809C16.1408 14.1185 15.7771 15.559 15.2 16.8432C14.3131 16.5597 13.3751 16.3905 12.4032 16.3531V12.5809H16.2323ZM14.6179 17.9666C13.9111 17.7584 13.1692 17.6322 12.4032 17.5987V20.6047C13.2619 19.8807 14.0127 18.9886 14.6179 17.9666ZM11.1587 12.5809V16.3777C10.2951 16.4453 9.46081 16.6171 8.66834 16.8806C8.0815 15.587 7.71159 14.1334 7.61924 12.5809H11.1587ZM11.1587 17.6266C10.5016 17.685 9.86413 17.812 9.25358 18.0002C9.78588 18.8919 10.4294 19.9381 11.1587 20.6047V17.6266ZM6.37306 12.5809C6.46656 14.2801 6.8678 15.8932 7.51657 17.3411C6.78731 17.6842 6.10383 18.1085 5.47779 18.6024C3.90035 17.048 2.87657 14.9333 2.72913 12.5809H6.37306ZM8.08081 18.4515C7.49934 18.722 6.95056 19.051 6.44205 19.431C7.51211 20.2305 8.76043 20.8045 10.1166 21.0827C9.33093 20.3243 8.64461 19.4371 8.08081 18.4515Z",
|
|
281
|
+
fill: "#1E3860",
|
|
282
|
+
className: svg_icon({ variant })
|
|
283
|
+
}
|
|
284
|
+
)
|
|
285
|
+
}
|
|
286
|
+
),
|
|
287
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: bannerType === "Compact" ? /* @__PURE__ */ jsx(
|
|
288
|
+
Chevron,
|
|
289
|
+
{
|
|
290
|
+
targetUrl: executiveWebsite,
|
|
291
|
+
variant: variant === "primary" || variant === "secondary" ? "primary" : "secondary",
|
|
292
|
+
children: "Read Bio"
|
|
293
|
+
}
|
|
294
|
+
) : /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveWebsite, children: "Website" }) })
|
|
295
|
+
] })
|
|
296
|
+
] })
|
|
301
297
|
] })
|
|
302
298
|
] })
|
|
303
|
-
] })
|
|
304
|
-
|
|
305
|
-
|
|
299
|
+
] }) }) })
|
|
300
|
+
}
|
|
301
|
+
) : /* @__PURE__ */ jsxs("section", { id, className: ceoSection({ variant }), children: [
|
|
306
302
|
/* @__PURE__ */ jsx("div", { className: `containment ${ceoContainer}`, children: /* @__PURE__ */ jsxs("div", { className: ceoWrapper, children: [
|
|
307
303
|
(executiveHeadshot || bullets) && /* @__PURE__ */ jsxs("div", { className: ceoMedia, children: [
|
|
308
304
|
/* @__PURE__ */ jsx("div", { className: ceoImgWrapper, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { SetContainerProps } from '../SetContainer';
|
|
2
1
|
import { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
|
|
3
2
|
|
|
4
|
-
export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, }: Props
|
|
3
|
+
export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, numberOfColumns, }: Props) => import("react/jsx-runtime").JSX.Element;
|