@axos-web-dev/shared-components 0.0.33 → 0.0.35
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Props } from './ExecutiveBio.interface';
|
|
2
2
|
|
|
3
|
-
export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,92 +9,75 @@ const ExecutiveBio = ({
|
|
|
9
9
|
executiveEmailAddress,
|
|
10
10
|
executivePhoneNumber,
|
|
11
11
|
executiveHeadshot,
|
|
12
|
-
variant
|
|
12
|
+
variant: fullVariant = "primary"
|
|
13
13
|
}) => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
{
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
),
|
|
46
|
-
/* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
|
|
47
|
-
] }),
|
|
48
|
-
(executiveEmailAddress || executivePhoneNumber) && /* @__PURE__ */ jsx("div", { className: `${contacts} flex between push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
|
|
49
|
-
executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
50
|
-
/* @__PURE__ */ jsx(
|
|
51
|
-
"svg",
|
|
14
|
+
const variant = getVariant(fullVariant);
|
|
15
|
+
return /* @__PURE__ */ jsx("section", { className: "section_spacer", id: `id_${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: [
|
|
16
|
+
executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
|
|
17
|
+
"div",
|
|
18
|
+
{
|
|
19
|
+
className: img_area,
|
|
20
|
+
style: {
|
|
21
|
+
backgroundImage: `url(${executiveHeadshot == null ? void 0 : executiveHeadshot.src})`
|
|
22
|
+
},
|
|
23
|
+
role: "presentation",
|
|
24
|
+
children: " "
|
|
25
|
+
}
|
|
26
|
+
) }) }),
|
|
27
|
+
/* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
|
|
28
|
+
/* @__PURE__ */ jsxs("div", { className: person, children: [
|
|
29
|
+
/* @__PURE__ */ jsx("h2", { className: `${bio_name({ variant })} header_3`, children: executiveName }),
|
|
30
|
+
/* @__PURE__ */ jsx("h3", { className: `${job_title({ variant })}`, children: executiveTitle }),
|
|
31
|
+
/* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
|
|
32
|
+
] }),
|
|
33
|
+
(executiveEmailAddress || executivePhoneNumber) && /* @__PURE__ */ jsx("div", { className: `${contacts} flex between push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
|
|
34
|
+
executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
35
|
+
/* @__PURE__ */ jsx(
|
|
36
|
+
"svg",
|
|
37
|
+
{
|
|
38
|
+
width: "24",
|
|
39
|
+
height: "24",
|
|
40
|
+
viewBox: "0 0 24 24",
|
|
41
|
+
fill: "none",
|
|
42
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
43
|
+
children: /* @__PURE__ */ jsx(
|
|
44
|
+
"path",
|
|
52
45
|
{
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
59
|
-
children: /* @__PURE__ */ jsx(
|
|
60
|
-
"path",
|
|
61
|
-
{
|
|
62
|
-
"fill-rule": "evenodd",
|
|
63
|
-
"clip-rule": "evenodd",
|
|
64
|
-
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",
|
|
65
|
-
fill: "#fff"
|
|
66
|
-
}
|
|
67
|
-
)
|
|
46
|
+
"fill-rule": "evenodd",
|
|
47
|
+
"clip-rule": "evenodd",
|
|
48
|
+
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",
|
|
49
|
+
fill: "#fff",
|
|
50
|
+
className: svg_icon({ variant })
|
|
68
51
|
}
|
|
69
|
-
)
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
52
|
+
)
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
|
|
56
|
+
] }),
|
|
57
|
+
executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
|
|
58
|
+
/* @__PURE__ */ jsx(
|
|
59
|
+
"svg",
|
|
60
|
+
{
|
|
61
|
+
width: "24",
|
|
62
|
+
height: "24",
|
|
63
|
+
viewBox: "0 0 24 24",
|
|
64
|
+
fill: "none",
|
|
65
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
66
|
+
children: /* @__PURE__ */ jsx(
|
|
67
|
+
"path",
|
|
75
68
|
{
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
viewBox: "0 0 24 24",
|
|
80
|
-
fill: "none",
|
|
81
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
82
|
-
children: /* @__PURE__ */ jsx(
|
|
83
|
-
"path",
|
|
84
|
-
{
|
|
85
|
-
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",
|
|
86
|
-
fill: "#fff"
|
|
87
|
-
}
|
|
88
|
-
)
|
|
69
|
+
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",
|
|
70
|
+
fill: "#fff",
|
|
71
|
+
className: svg_icon({ variant })
|
|
89
72
|
}
|
|
90
|
-
)
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
73
|
+
)
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
/* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
|
|
94
77
|
] })
|
|
95
|
-
] })
|
|
96
|
-
}
|
|
97
|
-
) }) });
|
|
78
|
+
] }) })
|
|
79
|
+
] })
|
|
80
|
+
] }) }) }) });
|
|
98
81
|
};
|
|
99
82
|
export {
|
|
100
83
|
ExecutiveBio
|
|
@@ -91,7 +91,6 @@ const ExecutiveBioSet = ({
|
|
|
91
91
|
/* @__PURE__ */ jsx(
|
|
92
92
|
"svg",
|
|
93
93
|
{
|
|
94
|
-
className: svg_icon({ variant: variant2 }),
|
|
95
94
|
width: "24",
|
|
96
95
|
height: "24",
|
|
97
96
|
viewBox: "0 0 24 24",
|
|
@@ -100,6 +99,7 @@ const ExecutiveBioSet = ({
|
|
|
100
99
|
children: /* @__PURE__ */ jsx(
|
|
101
100
|
"path",
|
|
102
101
|
{
|
|
102
|
+
className: svg_icon({ variant: variant2 }),
|
|
103
103
|
"fill-rule": "evenodd",
|
|
104
104
|
"clip-rule": "evenodd",
|
|
105
105
|
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",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
margin-top: 24px;
|
|
69
69
|
}
|
|
70
70
|
.txcb8dn p {
|
|
71
|
-
font-size:
|
|
71
|
+
font-size: 16px;
|
|
72
72
|
line-height: 1.5;
|
|
73
73
|
}
|
|
74
74
|
.txcb8dl a {
|
|
@@ -86,6 +86,7 @@
|
|
|
86
86
|
font-size: 20px;
|
|
87
87
|
font-family: var(--header-font-family);
|
|
88
88
|
text-decoration: none;
|
|
89
|
+
font-weight: 600;
|
|
89
90
|
}
|
|
90
91
|
.txcb8dp {
|
|
91
92
|
color: #0062B3;
|