@axos-web-dev/shared-components 1.0.100-dev.43-executive.2 → 1.0.100-dev.43-executive.3
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/ATMLocator/ATMLocator.js +1 -1
- package/dist/Auth/ErrorAlert.js +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Calculators/Calculator.js +1 -1
- package/dist/Carousel/index.js +1 -1
- package/dist/Chatbot/Bubble.css.js +0 -1
- package/dist/Chatbot/ChatWindow.css.js +1 -0
- package/dist/Chevron/index.js +1 -1
- package/dist/Comparison/Comparison.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +17 -0
- package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -0
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +1 -0
- package/dist/ExecutiveBio/ExecutiveBio.js +237 -225
- package/dist/ExecutiveBio/Overlay.d.ts +8 -0
- package/dist/ExecutiveBio/Overlay.js +589 -0
- package/dist/ExecutiveBio/index.js +3 -1
- package/dist/FaqAccordion/index.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
- package/dist/Forms/ApplyNow.js +1 -1
- package/dist/Forms/ContactUsBusiness.js +1 -1
- package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
- package/dist/Forms/ContactUsNMLSId.js +1 -1
- package/dist/Forms/CraPublicFile.js +1 -1
- package/dist/Forms/EmailOnly.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
- package/dist/Forms/MortgageWarehouseLending.js +1 -1
- package/dist/Forms/SuccesForm.js +1 -1
- package/dist/Hyperlink/index.js +1 -1
- package/dist/ImageLink/ImageLink.js +1 -1
- package/dist/ImageLink/ImageLinkSet.js +1 -1
- package/dist/ImageLink/index.js +1 -1
- package/dist/Insight/Featured/CategorySelector.js +1 -1
- package/dist/Insight/Featured/Featured.js +1 -1
- package/dist/Insight/Featured/Header.js +1 -1
- package/dist/Modal/Modal.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
- package/dist/NavigationMenu/AxosALTS/index.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/index.js +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
- package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
- package/dist/NavigationMenu/AxosBank/index.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
- package/dist/NavigationMenu/LaVictoire/index.js +1 -1
- package/dist/NavigationMenu/NavDataJson.js +1 -1
- package/dist/NavigationMenu/Navbar.js +1 -1
- package/dist/NavigationMenu/SignInNavButton.js +1 -1
- package/dist/SetContainer/SetContainer.js +1 -1
- package/dist/SocialMediaBar/iconsRepository.js +1 -1
- package/dist/VideoTile/VideoTile.js +1 -1
- package/dist/VideoWrapper/index.js +1 -1
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +99 -22
- package/dist/main.js +3 -1
- package/package.json +136 -136
|
@@ -3,7 +3,8 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { useRef, useState, useEffect, createElement } from "react";
|
|
4
4
|
import { getVariant } from "../utils/getVariant.js";
|
|
5
5
|
import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
|
|
6
|
-
import {
|
|
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
8
|
import "../Accordion/Accordion.js";
|
|
8
9
|
import "../Accordion/Accordion.css.js";
|
|
9
10
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
@@ -72,10 +73,10 @@ import "../Auth/SignInPassword.js";
|
|
|
72
73
|
/* empty css */
|
|
73
74
|
/* empty css */
|
|
74
75
|
import "../Carousel/index.js";
|
|
75
|
-
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
76
76
|
/* empty css */
|
|
77
77
|
import "../Chatbot/store/chat.js";
|
|
78
78
|
import "../Chatbot/authenticate.js";
|
|
79
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
79
80
|
/* empty css */
|
|
80
81
|
import "../Chatbot/store/messages.js";
|
|
81
82
|
import "@ujet/websdk-headless";
|
|
@@ -147,7 +148,8 @@ const ExecutiveBio = ({
|
|
|
147
148
|
executiveFacebook,
|
|
148
149
|
bullets,
|
|
149
150
|
bulletsTitle,
|
|
150
|
-
quote
|
|
151
|
+
quote,
|
|
152
|
+
backgroundOverlay = false
|
|
151
153
|
}) => {
|
|
152
154
|
const variant = getVariant(fullVariant);
|
|
153
155
|
const execNameRef = useRef(null);
|
|
@@ -300,242 +302,252 @@ const ExecutiveBio = ({
|
|
|
300
302
|
] })
|
|
301
303
|
] })
|
|
302
304
|
] })
|
|
303
|
-
] }) }) }) }) : /* @__PURE__ */
|
|
304
|
-
(
|
|
305
|
-
/* @__PURE__ */
|
|
306
|
-
/* @__PURE__ */ jsx(
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
srcSet: `${executiveHeadshot?.src}?fm=avif`,
|
|
310
|
-
type: "image/avif"
|
|
311
|
-
}
|
|
312
|
-
),
|
|
313
|
-
/* @__PURE__ */ jsx(
|
|
314
|
-
"source",
|
|
315
|
-
{
|
|
316
|
-
srcSet: `${executiveHeadshot?.src}?fm=webp`,
|
|
317
|
-
type: "image/webp"
|
|
318
|
-
}
|
|
319
|
-
),
|
|
320
|
-
/* @__PURE__ */ jsx("img", { src: executiveHeadshot?.src, className: imgAlignment, alt: "" })
|
|
321
|
-
] }) }),
|
|
322
|
-
(bulletsTitle || bullets) && /* @__PURE__ */ jsxs("div", { className: highlights, children: [
|
|
323
|
-
bulletsTitle && /* @__PURE__ */ jsx("span", { className: bulletsHeadline({ variant }), children: bulletsTitle }),
|
|
324
|
-
bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: bulletsWrapper, children: bullets.map(({ id: id2, copy: copy2 }) => /* @__PURE__ */ jsx("li", { children: copy2 }, id2)) })
|
|
325
|
-
] })
|
|
326
|
-
] }),
|
|
327
|
-
/* @__PURE__ */ jsxs("div", { className: ceoContent, children: [
|
|
328
|
-
(executiveName || executiveTitle || executiveFacebook || executiveTwitter || executiveLinkedIn) && /* @__PURE__ */ jsxs("header", { className: ceoHeader, children: [
|
|
329
|
-
/* @__PURE__ */ jsxs("div", { className: ceoPersonalInfo, children: [
|
|
330
|
-
executiveName && /* @__PURE__ */ jsx("h1", { className: `header_1 ${ceo_name({ variant })}`, children: executiveName }),
|
|
331
|
-
executiveTitle && /* @__PURE__ */ jsx("p", { className: ceo_title({ variant }), children: executiveTitle })
|
|
332
|
-
] }),
|
|
333
|
-
/* @__PURE__ */ jsxs("div", { className: ceo_contacts, children: [
|
|
334
|
-
executiveFacebook && /* @__PURE__ */ jsxs(
|
|
335
|
-
Hyperlink,
|
|
305
|
+
] }) }) }) }) : /* @__PURE__ */ jsxs("section", { id, className: ceoSection({ variant }), children: [
|
|
306
|
+
/* @__PURE__ */ jsx("div", { className: `containment ${ceoContainer}`, children: /* @__PURE__ */ jsxs("div", { className: ceoWrapper, children: [
|
|
307
|
+
(executiveHeadshot || bullets) && /* @__PURE__ */ jsxs("div", { className: ceoMedia, children: [
|
|
308
|
+
/* @__PURE__ */ jsx("div", { className: ceoImgWrapper, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
|
|
309
|
+
/* @__PURE__ */ jsx(
|
|
310
|
+
"source",
|
|
336
311
|
{
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
className: social,
|
|
340
|
-
children: [
|
|
341
|
-
/* @__PURE__ */ jsxs(
|
|
342
|
-
"svg",
|
|
343
|
-
{
|
|
344
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
345
|
-
width: 32,
|
|
346
|
-
height: 32,
|
|
347
|
-
viewBox: "0 0 32 32",
|
|
348
|
-
fill: "none",
|
|
349
|
-
className: hover,
|
|
350
|
-
children: [
|
|
351
|
-
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_10)", children: [
|
|
352
|
-
/* @__PURE__ */ jsx(
|
|
353
|
-
"path",
|
|
354
|
-
{
|
|
355
|
-
d: "M19.3761 16.932L19.8169 14.0583H17.0596V12.1933C17.0596 11.4071 17.4448 10.6408 18.6798 10.6408H19.9334V8.19419C19.9334 8.19419 18.7957 8 17.708 8C15.4371 8 13.9529 9.37631 13.9529 11.868V14.0583H11.4286V16.932H13.9529V23.8792C14.459 23.9586 14.9778 24 15.5063 24C16.0347 24 16.5535 23.9586 17.0596 23.8792V16.932H19.3761Z",
|
|
356
|
-
fill: "#2F5B88",
|
|
357
|
-
className: svg_color({ variant })
|
|
358
|
-
}
|
|
359
|
-
),
|
|
360
|
-
/* @__PURE__ */ jsx(
|
|
361
|
-
"path",
|
|
362
|
-
{
|
|
363
|
-
fillRule: "evenodd",
|
|
364
|
-
clipRule: "evenodd",
|
|
365
|
-
d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
|
|
366
|
-
fill: "#2F5B88",
|
|
367
|
-
className: svg_color({ variant })
|
|
368
|
-
}
|
|
369
|
-
)
|
|
370
|
-
] }),
|
|
371
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_10", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
|
|
372
|
-
]
|
|
373
|
-
}
|
|
374
|
-
),
|
|
375
|
-
/* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "Facebook" })
|
|
376
|
-
]
|
|
312
|
+
srcSet: `${executiveHeadshot?.src}?fm=avif`,
|
|
313
|
+
type: "image/avif"
|
|
377
314
|
}
|
|
378
315
|
),
|
|
379
|
-
|
|
380
|
-
|
|
316
|
+
/* @__PURE__ */ jsx(
|
|
317
|
+
"source",
|
|
381
318
|
{
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
className: social,
|
|
385
|
-
children: [
|
|
386
|
-
/* @__PURE__ */ jsxs(
|
|
387
|
-
"svg",
|
|
388
|
-
{
|
|
389
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
390
|
-
width: 32,
|
|
391
|
-
height: 32,
|
|
392
|
-
viewBox: "0 0 32 32",
|
|
393
|
-
fill: "none",
|
|
394
|
-
className: hover,
|
|
395
|
-
children: [
|
|
396
|
-
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_5)", children: [
|
|
397
|
-
/* @__PURE__ */ jsx(
|
|
398
|
-
"path",
|
|
399
|
-
{
|
|
400
|
-
fillRule: "evenodd",
|
|
401
|
-
clipRule: "evenodd",
|
|
402
|
-
d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
|
|
403
|
-
fill: "#2F5B88",
|
|
404
|
-
className: svg_color({ variant })
|
|
405
|
-
}
|
|
406
|
-
),
|
|
407
|
-
/* @__PURE__ */ jsx(
|
|
408
|
-
"path",
|
|
409
|
-
{
|
|
410
|
-
d: "M17.5222 14.7749L23.4785 8H22.0671L16.8952 13.8826L12.7644 8H8L14.2466 16.8955L8 24H9.41155L14.8732 17.7878L19.2356 24H24L17.5222 14.7749ZM9.92015 9.03974H12.0882L22.0677 23.0075H19.8997L9.92015 9.03974Z",
|
|
411
|
-
fill: "#2F5B88",
|
|
412
|
-
className: svg_color({ variant })
|
|
413
|
-
}
|
|
414
|
-
)
|
|
415
|
-
] }),
|
|
416
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_5", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
|
|
417
|
-
]
|
|
418
|
-
}
|
|
419
|
-
),
|
|
420
|
-
/* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "X / Twitter" })
|
|
421
|
-
]
|
|
319
|
+
srcSet: `${executiveHeadshot?.src}?fm=webp`,
|
|
320
|
+
type: "image/webp"
|
|
422
321
|
}
|
|
423
322
|
),
|
|
424
|
-
|
|
425
|
-
|
|
323
|
+
/* @__PURE__ */ jsx(
|
|
324
|
+
"img",
|
|
426
325
|
{
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
children: [
|
|
431
|
-
/* @__PURE__ */ jsxs(
|
|
432
|
-
"svg",
|
|
433
|
-
{
|
|
434
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
435
|
-
width: 32,
|
|
436
|
-
height: 32,
|
|
437
|
-
viewBox: "0 0 32 32",
|
|
438
|
-
fill: "none",
|
|
439
|
-
className: hover,
|
|
440
|
-
children: [
|
|
441
|
-
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_141)", children: [
|
|
442
|
-
/* @__PURE__ */ jsx(
|
|
443
|
-
"path",
|
|
444
|
-
{
|
|
445
|
-
fillRule: "evenodd",
|
|
446
|
-
clipRule: "evenodd",
|
|
447
|
-
d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
|
|
448
|
-
fill: "#2F5B88",
|
|
449
|
-
className: svg_color({ variant })
|
|
450
|
-
}
|
|
451
|
-
),
|
|
452
|
-
/* @__PURE__ */ jsx(
|
|
453
|
-
"path",
|
|
454
|
-
{
|
|
455
|
-
d: "M23.4286 17.2709V22.2857H20.587V17.8391C20.587 16.7787 20.5687 15.4146 19.1103 15.4146C17.6316 15.4146 17.4059 16.5703 17.4059 17.7632V22.2857H14.5674V13.1418H17.2916V14.3919H17.3305C17.7095 13.6731 18.6367 12.9149 20.0194 12.9149C22.8968 12.9149 23.4286 14.8083 23.4286 17.2709Z",
|
|
456
|
-
fill: "#2F5B88",
|
|
457
|
-
className: svg_color({ variant })
|
|
458
|
-
}
|
|
459
|
-
),
|
|
460
|
-
/* @__PURE__ */ jsx(
|
|
461
|
-
"path",
|
|
462
|
-
{
|
|
463
|
-
d: "M9.93986 13.1418H12.7846V22.2857H9.93986V13.1418Z",
|
|
464
|
-
fill: "#2F5B88",
|
|
465
|
-
className: svg_color({ variant })
|
|
466
|
-
}
|
|
467
|
-
),
|
|
468
|
-
/* @__PURE__ */ jsx(
|
|
469
|
-
"path",
|
|
470
|
-
{
|
|
471
|
-
d: "M9.71429 10.2444C9.71429 9.33477 10.4503 8.59642 11.363 8.59642C12.2721 8.59642 13.0102 9.33477 13.0102 10.2444C13.0102 11.1542 12.2721 11.8926 11.363 11.8926C10.4503 11.8926 9.71429 11.1542 9.71429 10.2444Z",
|
|
472
|
-
fill: "#2F5B88",
|
|
473
|
-
className: svg_color({ variant })
|
|
474
|
-
}
|
|
475
|
-
)
|
|
476
|
-
] }),
|
|
477
|
-
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_141", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
|
|
478
|
-
]
|
|
479
|
-
}
|
|
480
|
-
),
|
|
481
|
-
/* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "LinkedIn" })
|
|
482
|
-
]
|
|
326
|
+
src: executiveHeadshot?.src,
|
|
327
|
+
className: imgAlignment,
|
|
328
|
+
alt: ""
|
|
483
329
|
}
|
|
484
330
|
)
|
|
331
|
+
] }) }),
|
|
332
|
+
(bulletsTitle || bullets) && /* @__PURE__ */ jsxs("div", { className: highlights, children: [
|
|
333
|
+
bulletsTitle && /* @__PURE__ */ jsx("span", { className: bulletsHeadline({ variant }), children: bulletsTitle }),
|
|
334
|
+
bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: bulletsWrapper, children: bullets.map(({ id: id2, copy: copy2 }) => /* @__PURE__ */ jsx("li", { children: copy2 }, id2)) })
|
|
485
335
|
] })
|
|
486
336
|
] }),
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
337
|
+
/* @__PURE__ */ jsxs("div", { className: ceoContent, children: [
|
|
338
|
+
(executiveName || executiveTitle || executiveFacebook || executiveTwitter || executiveLinkedIn) && /* @__PURE__ */ jsxs("header", { className: ceoHeader, children: [
|
|
339
|
+
/* @__PURE__ */ jsxs("div", { className: ceoPersonalInfo, children: [
|
|
340
|
+
executiveName && /* @__PURE__ */ jsx("h1", { className: `header_1 ${ceo_name({ variant })}`, children: executiveName }),
|
|
341
|
+
executiveTitle && /* @__PURE__ */ jsx("p", { className: ceo_title({ variant }), children: executiveTitle })
|
|
342
|
+
] }),
|
|
343
|
+
/* @__PURE__ */ jsxs("div", { className: ceo_contacts, children: [
|
|
344
|
+
executiveFacebook && /* @__PURE__ */ jsxs(
|
|
345
|
+
Hyperlink,
|
|
346
|
+
{
|
|
347
|
+
targetUrl: executiveFacebook,
|
|
348
|
+
ariaLabel: "Facebook",
|
|
349
|
+
className: social,
|
|
350
|
+
children: [
|
|
351
|
+
/* @__PURE__ */ jsxs(
|
|
352
|
+
"svg",
|
|
353
|
+
{
|
|
354
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
355
|
+
width: 32,
|
|
356
|
+
height: 32,
|
|
357
|
+
viewBox: "0 0 32 32",
|
|
358
|
+
fill: "none",
|
|
359
|
+
className: hover,
|
|
360
|
+
children: [
|
|
361
|
+
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_10)", children: [
|
|
362
|
+
/* @__PURE__ */ jsx(
|
|
363
|
+
"path",
|
|
364
|
+
{
|
|
365
|
+
d: "M19.3761 16.932L19.8169 14.0583H17.0596V12.1933C17.0596 11.4071 17.4448 10.6408 18.6798 10.6408H19.9334V8.19419C19.9334 8.19419 18.7957 8 17.708 8C15.4371 8 13.9529 9.37631 13.9529 11.868V14.0583H11.4286V16.932H13.9529V23.8792C14.459 23.9586 14.9778 24 15.5063 24C16.0347 24 16.5535 23.9586 17.0596 23.8792V16.932H19.3761Z",
|
|
366
|
+
fill: "#2F5B88",
|
|
367
|
+
className: svg_color({ variant })
|
|
368
|
+
}
|
|
369
|
+
),
|
|
370
|
+
/* @__PURE__ */ jsx(
|
|
371
|
+
"path",
|
|
372
|
+
{
|
|
373
|
+
fillRule: "evenodd",
|
|
374
|
+
clipRule: "evenodd",
|
|
375
|
+
d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
|
|
376
|
+
fill: "#2F5B88",
|
|
377
|
+
className: svg_color({ variant })
|
|
378
|
+
}
|
|
379
|
+
)
|
|
380
|
+
] }),
|
|
381
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_10", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
|
|
382
|
+
]
|
|
383
|
+
}
|
|
384
|
+
),
|
|
385
|
+
/* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "Facebook" })
|
|
386
|
+
]
|
|
387
|
+
}
|
|
388
|
+
),
|
|
389
|
+
executiveTwitter && /* @__PURE__ */ jsxs(
|
|
390
|
+
Hyperlink,
|
|
391
|
+
{
|
|
392
|
+
targetUrl: executiveTwitter,
|
|
393
|
+
ariaLabel: "Twitter",
|
|
394
|
+
className: social,
|
|
395
|
+
children: [
|
|
396
|
+
/* @__PURE__ */ jsxs(
|
|
397
|
+
"svg",
|
|
398
|
+
{
|
|
399
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
400
|
+
width: 32,
|
|
401
|
+
height: 32,
|
|
402
|
+
viewBox: "0 0 32 32",
|
|
403
|
+
fill: "none",
|
|
404
|
+
className: hover,
|
|
405
|
+
children: [
|
|
406
|
+
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_5)", children: [
|
|
407
|
+
/* @__PURE__ */ jsx(
|
|
408
|
+
"path",
|
|
409
|
+
{
|
|
410
|
+
fillRule: "evenodd",
|
|
411
|
+
clipRule: "evenodd",
|
|
412
|
+
d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
|
|
413
|
+
fill: "#2F5B88",
|
|
414
|
+
className: svg_color({ variant })
|
|
415
|
+
}
|
|
416
|
+
),
|
|
417
|
+
/* @__PURE__ */ jsx(
|
|
418
|
+
"path",
|
|
419
|
+
{
|
|
420
|
+
d: "M17.5222 14.7749L23.4785 8H22.0671L16.8952 13.8826L12.7644 8H8L14.2466 16.8955L8 24H9.41155L14.8732 17.7878L19.2356 24H24L17.5222 14.7749ZM9.92015 9.03974H12.0882L22.0677 23.0075H19.8997L9.92015 9.03974Z",
|
|
421
|
+
fill: "#2F5B88",
|
|
422
|
+
className: svg_color({ variant })
|
|
423
|
+
}
|
|
424
|
+
)
|
|
425
|
+
] }),
|
|
426
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_5", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
|
|
427
|
+
]
|
|
428
|
+
}
|
|
429
|
+
),
|
|
430
|
+
/* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "X / Twitter" })
|
|
431
|
+
]
|
|
432
|
+
}
|
|
433
|
+
),
|
|
434
|
+
executiveLinkedIn && /* @__PURE__ */ jsxs(
|
|
435
|
+
Hyperlink,
|
|
436
|
+
{
|
|
437
|
+
targetUrl: executiveLinkedIn,
|
|
438
|
+
ariaLabel: "LinkedIn",
|
|
439
|
+
className: social,
|
|
440
|
+
children: [
|
|
441
|
+
/* @__PURE__ */ jsxs(
|
|
442
|
+
"svg",
|
|
443
|
+
{
|
|
444
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
445
|
+
width: 32,
|
|
446
|
+
height: 32,
|
|
447
|
+
viewBox: "0 0 32 32",
|
|
448
|
+
fill: "none",
|
|
449
|
+
className: hover,
|
|
450
|
+
children: [
|
|
451
|
+
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_141)", children: [
|
|
452
|
+
/* @__PURE__ */ jsx(
|
|
453
|
+
"path",
|
|
454
|
+
{
|
|
455
|
+
fillRule: "evenodd",
|
|
456
|
+
clipRule: "evenodd",
|
|
457
|
+
d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
|
|
458
|
+
fill: "#2F5B88",
|
|
459
|
+
className: svg_color({ variant })
|
|
460
|
+
}
|
|
461
|
+
),
|
|
462
|
+
/* @__PURE__ */ jsx(
|
|
463
|
+
"path",
|
|
464
|
+
{
|
|
465
|
+
d: "M23.4286 17.2709V22.2857H20.587V17.8391C20.587 16.7787 20.5687 15.4146 19.1103 15.4146C17.6316 15.4146 17.4059 16.5703 17.4059 17.7632V22.2857H14.5674V13.1418H17.2916V14.3919H17.3305C17.7095 13.6731 18.6367 12.9149 20.0194 12.9149C22.8968 12.9149 23.4286 14.8083 23.4286 17.2709Z",
|
|
466
|
+
fill: "#2F5B88",
|
|
467
|
+
className: svg_color({ variant })
|
|
468
|
+
}
|
|
469
|
+
),
|
|
470
|
+
/* @__PURE__ */ jsx(
|
|
471
|
+
"path",
|
|
472
|
+
{
|
|
473
|
+
d: "M9.93986 13.1418H12.7846V22.2857H9.93986V13.1418Z",
|
|
474
|
+
fill: "#2F5B88",
|
|
475
|
+
className: svg_color({ variant })
|
|
476
|
+
}
|
|
477
|
+
),
|
|
478
|
+
/* @__PURE__ */ jsx(
|
|
479
|
+
"path",
|
|
480
|
+
{
|
|
481
|
+
d: "M9.71429 10.2444C9.71429 9.33477 10.4503 8.59642 11.363 8.59642C12.2721 8.59642 13.0102 9.33477 13.0102 10.2444C13.0102 11.1542 12.2721 11.8926 11.363 11.8926C10.4503 11.8926 9.71429 11.1542 9.71429 10.2444Z",
|
|
482
|
+
fill: "#2F5B88",
|
|
483
|
+
className: svg_color({ variant })
|
|
484
|
+
}
|
|
485
|
+
)
|
|
486
|
+
] }),
|
|
487
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_141", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
|
|
488
|
+
]
|
|
489
|
+
}
|
|
490
|
+
),
|
|
491
|
+
/* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "LinkedIn" })
|
|
492
|
+
]
|
|
493
|
+
}
|
|
494
|
+
)
|
|
495
|
+
] })
|
|
513
496
|
] }),
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
"
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
497
|
+
quote && /* @__PURE__ */ jsx("blockquote", { className: ceo_quote({ variant }), children: quote }),
|
|
498
|
+
executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: ceo_body, children: executiveBodyCopy }),
|
|
499
|
+
(executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: `${contact_col} ${order_3}`, children: [
|
|
500
|
+
executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
501
|
+
/* @__PURE__ */ jsx(
|
|
502
|
+
"svg",
|
|
503
|
+
{
|
|
504
|
+
width: "24",
|
|
505
|
+
height: "24",
|
|
506
|
+
viewBox: "0 0 24 24",
|
|
507
|
+
fill: "none",
|
|
508
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
509
|
+
"aria-hidden": "true",
|
|
510
|
+
children: /* @__PURE__ */ jsx(
|
|
511
|
+
"path",
|
|
512
|
+
{
|
|
513
|
+
fillRule: "evenodd",
|
|
514
|
+
clipRule: "evenodd",
|
|
515
|
+
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",
|
|
516
|
+
fill: "#1E3860",
|
|
517
|
+
className: svg_icon({ variant })
|
|
518
|
+
}
|
|
519
|
+
)
|
|
520
|
+
}
|
|
521
|
+
),
|
|
522
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
|
|
523
|
+
] }),
|
|
524
|
+
executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
525
|
+
/* @__PURE__ */ jsx(
|
|
526
|
+
"svg",
|
|
527
|
+
{
|
|
528
|
+
width: "24",
|
|
529
|
+
height: "24",
|
|
530
|
+
viewBox: "0 0 24 24",
|
|
531
|
+
fill: "none",
|
|
532
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
533
|
+
"aria-hidden": "true",
|
|
534
|
+
children: /* @__PURE__ */ jsx(
|
|
535
|
+
"path",
|
|
536
|
+
{
|
|
537
|
+
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",
|
|
538
|
+
fill: "#1E3860",
|
|
539
|
+
className: svg_icon({ variant })
|
|
540
|
+
}
|
|
541
|
+
)
|
|
542
|
+
}
|
|
543
|
+
),
|
|
544
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
|
|
545
|
+
] })
|
|
535
546
|
] })
|
|
536
547
|
] })
|
|
537
|
-
] })
|
|
538
|
-
|
|
548
|
+
] }) }),
|
|
549
|
+
backgroundOverlay && /* @__PURE__ */ jsx(Overlay, { className: overlay, variant })
|
|
550
|
+
] }),
|
|
539
551
|
";"
|
|
540
552
|
] });
|
|
541
553
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { QuaternaryTypes } from '../utils/variant.types';
|
|
2
|
+
|
|
3
|
+
interface OverlayProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
variant?: QuaternaryTypes;
|
|
6
|
+
}
|
|
7
|
+
export declare const Overlay: ({ className, variant }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|