@axos-web-dev/shared-components 2.2.17 → 2.2.19

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 (5) hide show
  1. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +27 -0
  2. package/dist/ExecutiveBio/ExecutiveBio.js +274 -260
  3. package/dist/assets/ExecutiveBio/ExecutiveBio.css +54 -17
  4. package/dist/utils/allowedAxosDomains.js +2 -1
  5. package/package.json +1 -1
package/dist/ExecutiveBio/ExecutiveBio.css.d.ts CHANGED
@@ -151,14 +151,41 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
151
151
  secondary: {
152
152
  background: `var(--${string})`;
153
153
  color: `var(--${string})`;
154
+ paddingBlock: "56px";
155
+ "@media": {
156
+ "(max-width: 1023px)": {
157
+ paddingBlock: "42px";
158
+ };
159
+ "(max-width: 768px)": {
160
+ paddingBlock: "32px";
161
+ };
162
+ };
154
163
  };
155
164
  tertiary: {
156
165
  background: `var(--${string})`;
157
166
  color: `var(--${string})`;
167
+ paddingBlock: "56px";
168
+ "@media": {
169
+ "(max-width: 1023px)": {
170
+ paddingBlock: "42px";
171
+ };
172
+ "(max-width: 768px)": {
173
+ paddingBlock: "32px";
174
+ };
175
+ };
158
176
  };
159
177
  quaternary: {
160
178
  background: `var(--${string})`;
161
179
  color: `var(--${string})`;
180
+ paddingBlock: "56px";
181
+ "@media": {
182
+ "(max-width: 1023px)": {
183
+ paddingBlock: "42px";
184
+ };
185
+ "(max-width: 768px)": {
186
+ paddingBlock: "32px";
187
+ };
188
+ };
162
189
  };
163
190
  };
164
191
  }>;
package/dist/ExecutiveBio/ExecutiveBio.js CHANGED
@@ -4,7 +4,7 @@ import { getVariant } from "../utils/getVariant.js";
4
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, compact, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, 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, ceoSection } from "./ExecutiveBio.css.js";
7
+ import { executive_bio, compact, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, contact_entry, url_row, svg_icon, item_bio, 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, ceoSection } 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";
@@ -152,6 +152,29 @@ const ExecutiveBio = ({
152
152
  const variant = getVariant(fullVariant);
153
153
  const execNameLevel = hasParentH2 ? "h3" : "h2";
154
154
  const execTitleLevel = hasParentH2 ? "h4" : "h3";
155
+ const formatEmailForDisplay = (email) => {
156
+ const atIndex = email.indexOf("@");
157
+ if (atIndex === -1) return email;
158
+ const local = email.slice(0, atIndex);
159
+ const domain = email.slice(atIndex + 1);
160
+ const lastDot = domain.lastIndexOf(".");
161
+ if (lastDot === -1) {
162
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
163
+ local,
164
+ /* @__PURE__ */ jsx("wbr", {}),
165
+ "@",
166
+ domain
167
+ ] });
168
+ }
169
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
170
+ local,
171
+ /* @__PURE__ */ jsx("wbr", {}),
172
+ "@",
173
+ domain.slice(0, lastDot),
174
+ /* @__PURE__ */ jsx("wbr", {}),
175
+ domain.slice(lastDot)
176
+ ] });
177
+ };
155
178
  return /* @__PURE__ */ jsx(Fragment, { children: bannerType !== "Hero" ? /* @__PURE__ */ jsx(
156
179
  "section",
157
180
  {
@@ -177,118 +200,102 @@ const ExecutiveBio = ({
177
200
  ),
178
201
  executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
179
202
  ] }),
180
- (executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex between push_up_24`, children: [
181
- (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
182
- executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
183
- /* @__PURE__ */ jsx(
184
- "svg",
185
- {
186
- width: "24",
187
- height: "24",
188
- viewBox: "0 0 24 24",
189
- fill: "none",
190
- xmlns: "http://www.w3.org/2000/svg",
191
- "aria-hidden": "true",
192
- children: /* @__PURE__ */ jsx(
203
+ (executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex`, children: [
204
+ executiveLinkedIn && /* @__PURE__ */ jsx("div", { className: `flex middle`, children: executiveLinkedIn && /* @__PURE__ */ jsx("div", { className: "flex middle", children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveLinkedIn, children: /* @__PURE__ */ jsxs(
205
+ "svg",
206
+ {
207
+ width: bannerType === "Compact" ? "24" : "48",
208
+ height: bannerType === "Compact" ? "24" : "48",
209
+ viewBox: "0 0 56 56",
210
+ fill: "none",
211
+ xmlns: "http://www.w3.org/2000/svg",
212
+ "aria-hidden": "true",
213
+ children: [
214
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10407_637)", children: [
215
+ /* @__PURE__ */ jsx(
193
216
  "path",
194
217
  {
195
218
  fillRule: "evenodd",
196
219
  clipRule: "evenodd",
197
- 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",
198
- fill: "#1E3860",
199
- className: svg_icon({ variant })
220
+ d: "M28 54C42.3594 54 54 42.3594 54 28C54 13.6406 42.3594 2 28 2C13.6406 2 2 13.6406 2 28C2 42.3594 13.6406 54 28 54ZM28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z",
221
+ fill: "#2F5B88"
200
222
  }
201
- )
202
- }
203
- ),
204
- /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
205
- ] }),
206
- executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
207
- /* @__PURE__ */ jsx(
208
- "svg",
209
- {
210
- width: "24",
211
- height: "24",
212
- viewBox: "0 0 24 24",
213
- fill: "none",
214
- xmlns: "http://www.w3.org/2000/svg",
215
- "aria-hidden": "true",
216
- children: /* @__PURE__ */ jsx(
223
+ ),
224
+ /* @__PURE__ */ jsx(
217
225
  "path",
218
226
  {
219
- 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",
220
- fill: "#1E3860",
221
- className: svg_icon({ variant })
227
+ d: "M41 30.2241V39H36.0272V31.2184C36.0272 29.3627 35.9953 26.9755 33.443 26.9755C30.8552 26.9755 30.4604 28.998 30.4604 31.0856V39H25.493V22.9982H30.2603V25.1858H30.3284C30.9916 23.9279 32.6143 22.6011 35.0339 22.6011C40.0695 22.6011 41 25.9145 41 30.2241Z",
228
+ fill: "#2F5B88"
222
229
  }
223
- )
224
- }
225
- ),
226
- /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
227
- ] })
228
- ] }),
229
- (executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `flex middle ${url_row}`, children: [
230
- executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
231
- /* @__PURE__ */ jsxs(
232
- "svg",
233
- {
234
- xmlns: "http://www.w3.org/2000/svg",
235
- fill: "none",
236
- viewBox: "0 0 24 24",
237
- height: "24",
238
- width: "24",
239
- children: [
240
- /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_34_11)", children: /* @__PURE__ */ jsx(
241
- "path",
242
- {
243
- 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",
244
- fill: "#1E3860",
245
- className: svg_icon({ variant })
246
- }
247
- ) }),
248
- /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_34_11", children: /* @__PURE__ */ jsx(
249
- "rect",
250
- {
251
- width: "22",
252
- height: "22",
253
- fill: "white",
254
- transform: "translate(1 1)"
255
- }
256
- ) }) })
257
- ]
258
- }
259
- ),
260
- /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveLinkedIn, children: "LinkedIn" }) })
261
- ] }),
262
- executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
263
- bannerType !== "Compact" && /* @__PURE__ */ jsx(
264
- "svg",
265
- {
266
- width: "24",
267
- height: "24",
268
- viewBox: "0 0 24 24",
269
- fill: "none",
270
- xmlns: "http://www.w3.org/2000/svg",
271
- children: /* @__PURE__ */ jsx(
230
+ ),
231
+ /* @__PURE__ */ jsx(
272
232
  "path",
273
233
  {
274
- fillRule: "evenodd",
275
- clipRule: "evenodd",
276
- 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",
277
- fill: "#1E3860",
278
- className: svg_icon({ variant })
234
+ d: "M17.3948 22.9982H22.3731V39H17.3948V22.9982Z",
235
+ fill: "#2F5B88"
236
+ }
237
+ ),
238
+ /* @__PURE__ */ jsx(
239
+ "path",
240
+ {
241
+ d: "M17 17.9277C17 16.3358 18.288 15.0437 19.8852 15.0437C21.4762 15.0437 22.7678 16.3358 22.7678 17.9277C22.7678 19.5199 21.4762 20.812 19.8852 20.812C18.288 20.812 17 19.5199 17 17.9277Z",
242
+ fill: "#2F5B88"
279
243
  }
280
244
  )
281
- }
282
- ),
283
- /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: bannerType === "Compact" ? /* @__PURE__ */ jsx(
284
- Chevron,
285
- {
286
- targetUrl: executiveWebsite,
287
- variant: variant === "primary" || variant === "secondary" ? "primary" : "secondary",
288
- children: "Read Bio"
289
- }
290
- ) : /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveWebsite, children: "Website" }) })
291
- ] })
245
+ ] }),
246
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_10407_637", children: /* @__PURE__ */ jsx(
247
+ "rect",
248
+ {
249
+ width: "56",
250
+ height: "56",
251
+ fill: "white"
252
+ }
253
+ ) }) })
254
+ ]
255
+ }
256
+ ) }) }) }),
257
+ (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
258
+ executivePhoneNumber && /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsxs("a", { href: `tel:${executivePhoneNumber}`, children: [
259
+ "Tel: ",
260
+ executivePhoneNumber
261
+ ] }) }),
262
+ executiveEmailAddress && /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: formatEmailForDisplay(executiveEmailAddress) }) })
263
+ ] }),
264
+ executiveWebsite && /* @__PURE__ */ jsxs("div", { className: `flex middle ${url_row}`, children: [
265
+ bannerType !== "Compact" && /* @__PURE__ */ jsx(
266
+ "svg",
267
+ {
268
+ width: "24",
269
+ height: "24",
270
+ viewBox: "0 0 24 24",
271
+ fill: "none",
272
+ xmlns: "http://www.w3.org/2000/svg",
273
+ children: /* @__PURE__ */ jsx(
274
+ "path",
275
+ {
276
+ fillRule: "evenodd",
277
+ clipRule: "evenodd",
278
+ 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",
279
+ fill: "#1E3860",
280
+ className: svg_icon({ variant })
281
+ }
282
+ )
283
+ }
284
+ ),
285
+ /* @__PURE__ */ jsx(
286
+ "div",
287
+ {
288
+ className: `${contact_entry({ variant })} ${url_row}`,
289
+ children: bannerType === "Compact" ? /* @__PURE__ */ jsx(
290
+ Chevron,
291
+ {
292
+ targetUrl: executiveWebsite,
293
+ variant: variant === "primary" || variant === "secondary" ? "primary" : "secondary",
294
+ children: "Read Bio"
295
+ }
296
+ ) : /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveWebsite, children: "Website" })
297
+ }
298
+ )
292
299
  ] })
293
300
  ] })
294
301
  ] })
@@ -327,165 +334,172 @@ const ExecutiveBio = ({
327
334
  ] })
328
335
  ] }),
329
336
  /* @__PURE__ */ jsxs("div", { className: ceoContent, children: [
330
- (executiveName || executiveTitle || executiveFacebook || executiveTwitter || executiveLinkedIn) && /* @__PURE__ */ jsxs("header", { className: ceoHeader, children: [
331
- /* @__PURE__ */ jsxs("div", { className: ceoPersonalInfo, children: [
332
- executiveName && /* @__PURE__ */ jsx("h1", { className: `header_1 ${ceo_name({ variant })}`, children: executiveName }),
333
- executiveTitle && /* @__PURE__ */ jsx("p", { className: ceo_title({ variant }), children: executiveTitle })
334
- ] }),
335
- /* @__PURE__ */ jsxs("div", { className: ceo_contacts, children: [
336
- executiveFacebook && /* @__PURE__ */ jsxs(
337
- Hyperlink,
338
- {
339
- targetUrl: executiveFacebook,
340
- ariaLabel: "Facebook",
341
- className: social,
342
- children: [
343
- /* @__PURE__ */ jsxs(
344
- "svg",
345
- {
346
- xmlns: "http://www.w3.org/2000/svg",
347
- width: 32,
348
- height: 32,
349
- viewBox: "0 0 32 32",
350
- fill: "none",
351
- className: hover,
352
- children: [
353
- /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_10)", children: [
354
- /* @__PURE__ */ jsx(
355
- "path",
356
- {
357
- 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",
358
- fill: "#2F5B88",
359
- className: svg_color({ variant })
360
- }
361
- ),
362
- /* @__PURE__ */ jsx(
363
- "path",
364
- {
365
- fillRule: "evenodd",
366
- clipRule: "evenodd",
367
- 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",
368
- fill: "#2F5B88",
369
- className: svg_color({ variant })
370
- }
371
- )
372
- ] }),
373
- /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_10", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
374
- ]
375
- }
376
- ),
377
- /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "Facebook" })
378
- ]
379
- }
380
- ),
381
- executiveTwitter && /* @__PURE__ */ jsxs(
382
- Hyperlink,
383
- {
384
- targetUrl: executiveTwitter,
385
- ariaLabel: "Twitter",
386
- className: social,
387
- children: [
388
- /* @__PURE__ */ jsxs(
389
- "svg",
390
- {
391
- xmlns: "http://www.w3.org/2000/svg",
392
- width: 32,
393
- height: 32,
394
- viewBox: "0 0 32 32",
395
- fill: "none",
396
- className: hover,
397
- children: [
398
- /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_5)", children: [
399
- /* @__PURE__ */ jsx(
400
- "path",
401
- {
402
- fillRule: "evenodd",
403
- clipRule: "evenodd",
404
- 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",
405
- fill: "#2F5B88",
406
- className: svg_color({ variant })
407
- }
408
- ),
409
- /* @__PURE__ */ jsx(
410
- "path",
411
- {
412
- 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",
413
- fill: "#2F5B88",
414
- className: svg_color({ variant })
415
- }
416
- )
417
- ] }),
418
- /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_5", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
419
- ]
420
- }
421
- ),
422
- /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "X / Twitter" })
423
- ]
424
- }
425
- ),
426
- executiveLinkedIn && /* @__PURE__ */ jsxs(
427
- Hyperlink,
428
- {
429
- targetUrl: executiveLinkedIn,
430
- ariaLabel: "LinkedIn",
431
- className: social,
432
- children: [
433
- /* @__PURE__ */ jsxs(
434
- "svg",
435
- {
436
- xmlns: "http://www.w3.org/2000/svg",
437
- width: 32,
438
- height: 32,
439
- viewBox: "0 0 32 32",
440
- fill: "none",
441
- className: hover,
442
- children: [
443
- /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_141)", children: [
444
- /* @__PURE__ */ jsx(
445
- "path",
446
- {
447
- fillRule: "evenodd",
448
- clipRule: "evenodd",
449
- 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",
450
- fill: "#2F5B88",
451
- className: svg_color({ variant })
452
- }
453
- ),
454
- /* @__PURE__ */ jsx(
455
- "path",
456
- {
457
- 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",
458
- fill: "#2F5B88",
459
- className: svg_color({ variant })
460
- }
461
- ),
462
- /* @__PURE__ */ jsx(
463
- "path",
464
- {
465
- d: "M9.93986 13.1418H12.7846V22.2857H9.93986V13.1418Z",
466
- fill: "#2F5B88",
467
- className: svg_color({ variant })
468
- }
469
- ),
470
- /* @__PURE__ */ jsx(
471
- "path",
472
- {
473
- 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",
474
- fill: "#2F5B88",
475
- className: svg_color({ variant })
476
- }
477
- )
478
- ] }),
479
- /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_141", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
480
- ]
481
- }
482
- ),
483
- /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "LinkedIn" })
484
- ]
485
- }
486
- )
487
- ] })
488
- ] }),
337
+ (executiveName || executiveTitle || executiveFacebook || executiveTwitter || executiveLinkedIn) && /* @__PURE__ */ jsxs(
338
+ "header",
339
+ {
340
+ className: ceoHeader,
341
+ "aria-label": `section header for ${executiveName}`,
342
+ children: [
343
+ /* @__PURE__ */ jsxs("div", { className: ceoPersonalInfo, children: [
344
+ executiveName && /* @__PURE__ */ jsx("h1", { className: `header_1 ${ceo_name({ variant })}`, children: executiveName }),
345
+ executiveTitle && /* @__PURE__ */ jsx("p", { className: ceo_title({ variant }), children: executiveTitle })
346
+ ] }),
347
+ /* @__PURE__ */ jsxs("div", { className: ceo_contacts, children: [
348
+ executiveFacebook && /* @__PURE__ */ jsxs(
349
+ Hyperlink,
350
+ {
351
+ targetUrl: executiveFacebook,
352
+ ariaLabel: "Facebook",
353
+ className: social,
354
+ children: [
355
+ /* @__PURE__ */ jsxs(
356
+ "svg",
357
+ {
358
+ xmlns: "http://www.w3.org/2000/svg",
359
+ width: 32,
360
+ height: 32,
361
+ viewBox: "0 0 32 32",
362
+ fill: "none",
363
+ className: hover,
364
+ children: [
365
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_10)", children: [
366
+ /* @__PURE__ */ jsx(
367
+ "path",
368
+ {
369
+ 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",
370
+ fill: "#2F5B88",
371
+ className: svg_color({ variant })
372
+ }
373
+ ),
374
+ /* @__PURE__ */ jsx(
375
+ "path",
376
+ {
377
+ fillRule: "evenodd",
378
+ clipRule: "evenodd",
379
+ 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",
380
+ fill: "#2F5B88",
381
+ className: svg_color({ variant })
382
+ }
383
+ )
384
+ ] }),
385
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_10", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
386
+ ]
387
+ }
388
+ ),
389
+ /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "Facebook" })
390
+ ]
391
+ }
392
+ ),
393
+ executiveTwitter && /* @__PURE__ */ jsxs(
394
+ Hyperlink,
395
+ {
396
+ targetUrl: executiveTwitter,
397
+ ariaLabel: "Twitter",
398
+ className: social,
399
+ children: [
400
+ /* @__PURE__ */ jsxs(
401
+ "svg",
402
+ {
403
+ xmlns: "http://www.w3.org/2000/svg",
404
+ width: 32,
405
+ height: 32,
406
+ viewBox: "0 0 32 32",
407
+ fill: "none",
408
+ className: hover,
409
+ children: [
410
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_5)", children: [
411
+ /* @__PURE__ */ jsx(
412
+ "path",
413
+ {
414
+ fillRule: "evenodd",
415
+ clipRule: "evenodd",
416
+ 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",
417
+ fill: "#2F5B88",
418
+ className: svg_color({ variant })
419
+ }
420
+ ),
421
+ /* @__PURE__ */ jsx(
422
+ "path",
423
+ {
424
+ 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",
425
+ fill: "#2F5B88",
426
+ className: svg_color({ variant })
427
+ }
428
+ )
429
+ ] }),
430
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_5", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
431
+ ]
432
+ }
433
+ ),
434
+ /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "X / Twitter" })
435
+ ]
436
+ }
437
+ ),
438
+ executiveLinkedIn && /* @__PURE__ */ jsxs(
439
+ Hyperlink,
440
+ {
441
+ targetUrl: executiveLinkedIn,
442
+ ariaLabel: "LinkedIn",
443
+ className: social,
444
+ children: [
445
+ /* @__PURE__ */ jsxs(
446
+ "svg",
447
+ {
448
+ xmlns: "http://www.w3.org/2000/svg",
449
+ width: 32,
450
+ height: 32,
451
+ viewBox: "0 0 32 32",
452
+ fill: "none",
453
+ className: hover,
454
+ children: [
455
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_141)", children: [
456
+ /* @__PURE__ */ jsx(
457
+ "path",
458
+ {
459
+ fillRule: "evenodd",
460
+ clipRule: "evenodd",
461
+ 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",
462
+ fill: "#2F5B88",
463
+ className: svg_color({ variant })
464
+ }
465
+ ),
466
+ /* @__PURE__ */ jsx(
467
+ "path",
468
+ {
469
+ 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",
470
+ fill: "#2F5B88",
471
+ className: svg_color({ variant })
472
+ }
473
+ ),
474
+ /* @__PURE__ */ jsx(
475
+ "path",
476
+ {
477
+ d: "M9.93986 13.1418H12.7846V22.2857H9.93986V13.1418Z",
478
+ fill: "#2F5B88",
479
+ className: svg_color({ variant })
480
+ }
481
+ ),
482
+ /* @__PURE__ */ jsx(
483
+ "path",
484
+ {
485
+ 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",
486
+ fill: "#2F5B88",
487
+ className: svg_color({ variant })
488
+ }
489
+ )
490
+ ] }),
491
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_141", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
492
+ ]
493
+ }
494
+ ),
495
+ /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "LinkedIn" })
496
+ ]
497
+ }
498
+ )
499
+ ] })
500
+ ]
501
+ }
502
+ ),
489
503
  quote && /* @__PURE__ */ jsx("blockquote", { className: ceo_quote({ variant }), children: quote }),
490
504
  executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: ceo_body, children: executiveBodyCopy }),
491
505
  (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: `${contact_col} ${order_3}`, children: [
package/dist/assets/ExecutiveBio/ExecutiveBio.css CHANGED
@@ -26,6 +26,7 @@
26
26
  }
27
27
  .txcb8d1 .txcb8d7 {
28
28
  font-size: 20px;
29
+ line-height: 97%;
29
30
  }
30
31
  .txcb8d8 {
31
32
  color: var(--_1073cm85);
@@ -79,12 +80,31 @@
79
80
  fill: var(--_1073cm8n);
80
81
  }
81
82
  .txcb8dm {
82
- flex: 1 1 0%;
83
+ flex: 1 1 0;
84
+ display: flex;
85
+ flex-direction: column;
86
+ }
87
+ .txcb8d1 .txcb8dm {
88
+ flex: 1 0 0;
89
+ align-items: flex-start;
90
+ margin-top: 0px;
91
+ min-width: 0;
92
+ align-self: stretch;
83
93
  }
84
94
  .txcb8dn {
85
- flex: 1 1 0%;
95
+ flex: 1 1 0;
96
+ display: flex;
97
+ justify-content: space-between;
86
98
  max-width: 100%;
87
99
  }
100
+ .txcb8d1 .txcb8dn {
101
+ display: flex;
102
+ flex: 0 0 auto;
103
+ flex-direction: column;
104
+ justify-content: flex-end;
105
+ align-items: flex-start;
106
+ gap: 8px;
107
+ }
88
108
  .txcb8dn a {
89
109
  color: inherit;
90
110
  }
@@ -92,9 +112,6 @@
92
112
  opacity: 0.8;
93
113
  text-decoration: underline;
94
114
  }
95
- .txcb8dn > * + * {
96
- margin-top: 24px;
97
- }
98
115
  .txcb8do {
99
116
  padding: 48px;
100
117
  }
@@ -122,16 +139,16 @@
122
139
  .txcb8dq {
123
140
  font-family: var(--header-font-family);
124
141
  font-size: 18px;
125
- line-height: 1.44;
142
+ line-height: 115%;
126
143
  font-weight: 700;
127
- margin-left: 15px;
128
144
  overflow: hidden;
129
145
  text-decoration: none;
130
- text-overflow: ellipsis;
131
146
  }
132
147
  .txcb8d1 .txcb8dq {
133
148
  margin-left: 0px;
134
- overflow: visible;
149
+ min-width: 0;
150
+ max-width: 100%;
151
+ font-size: 14px;
135
152
  }
136
153
  .txcb8dq:hover {
137
154
  opacity: 0.7;
@@ -154,6 +171,12 @@
154
171
  .txcb8dv {
155
172
  display: flex;
156
173
  flex-direction: column;
174
+ gap: 24px;
175
+ }
176
+ .txcb8d1 .txcb8dv {
177
+ gap: 8px;
178
+ flex: 0 0 auto;
179
+ justify-content: flex-end;
157
180
  }
158
181
  .txcb8dx {
159
182
  aspect-ratio: 1 / 1;
@@ -215,7 +238,6 @@
215
238
  }
216
239
  .txcb8d17 {
217
240
  margin-top: 0;
218
- padding-block: 56px;
219
241
  }
220
242
  .txcb8d18 {
221
243
  background: var(--_1073cm81);
@@ -224,14 +246,17 @@
224
246
  .txcb8d19 {
225
247
  background: var(--_1073cm88);
226
248
  color: var(--_1073cm8a);
249
+ padding-block: 56px;
227
250
  }
228
251
  .txcb8d1a {
229
252
  background: var(--_1073cm8f);
230
253
  color: var(--_1073cm8h);
254
+ padding-block: 56px;
231
255
  }
232
256
  .txcb8d1b {
233
257
  background: var(--_1073cm8m);
234
258
  color: var(--_1073cm8o);
259
+ padding-block: 56px;
235
260
  }
236
261
  .txcb8d1d {
237
262
  color: var(--_1073cm85);
@@ -510,6 +535,9 @@ main > div:has(.txcb8d1k) {
510
535
  .txcb8d1 .arrow {
511
536
  margin-left: 8px;
512
537
  }
538
+ .txcb8d1 .txcb8dv a svg {
539
+ display: block;
540
+ }
513
541
  @media (max-width: 1240px) and (min-width: 1024px) {
514
542
  .txcb8dn {
515
543
  max-width: max-content;
@@ -547,7 +575,13 @@ main > div:has(.txcb8d1k) {
547
575
  .txcb8d16 {
548
576
  margin-bottom: 24px;
549
577
  }
550
- .txcb8d17 {
578
+ .txcb8d19 {
579
+ padding-block: 42px;
580
+ }
581
+ .txcb8d1a {
582
+ padding-block: 42px;
583
+ }
584
+ .txcb8d1b {
551
585
  padding-block: 42px;
552
586
  }
553
587
  .txcb8d1h {
@@ -614,17 +648,14 @@ main > div:has(.txcb8d1k) {
614
648
  font-size: 16px;
615
649
  line-height: 1.5;
616
650
  }
617
- .txcb8dn > * + * {
618
- margin-top: 10px;
619
- }
620
651
  .txcb8do {
621
652
  padding: 24px;
622
653
  }
623
654
  .txcb8dp {
624
655
  margin-top: 8px;
625
656
  }
626
- .txcb8dq {
627
- margin-left: 10px;
657
+ .txcb8d1 .txcb8dq {
658
+ overflow-wrap: anywhere;
628
659
  }
629
660
  .txcb8dv {
630
661
  margin-top: 16px;
@@ -644,7 +675,13 @@ main > div:has(.txcb8d1k) {
644
675
  grid-template-columns: 1fr;
645
676
  width: min(350px, calc(100% - 2rem));
646
677
  }
647
- .txcb8d17 {
678
+ .txcb8d19 {
679
+ padding-block: 32px;
680
+ }
681
+ .txcb8d1a {
682
+ padding-block: 32px;
683
+ }
684
+ .txcb8d1b {
648
685
  padding-block: 32px;
649
686
  }
650
687
  .txcb8dn + .txcb8d1i {
package/dist/utils/allowedAxosDomains.js CHANGED
@@ -45,7 +45,8 @@ const getMoreDomains = (domains) => ({
45
45
  "{COMMERCIALPORTAL_REGISTER}": domains.COMMERCIALPORTAL_URL ? `${domains.COMMERCIALPORTAL_URL}/Register` : "https://portals.axosbank.com/Register",
46
46
  "{SHAREAXB}": domains.SHAREAXB_URL || "https://share.axosbank.com",
47
47
  "{MERIDIAN}": domains.MERIDIAN_URL || "https://www.axosbank.com/",
48
- "{ACE}": domains.ACE_URL || "https://ace.axos.com"
48
+ "{ACE}": domains.ACE_URL || "https://ace.axos.com",
49
+ "{SPARK}": domains.SPARK_URL || "https://spark.axosbank.com"
49
50
  });
50
51
  const isAllowedUrl = (url, domains) => {
51
52
  const moreDomains = getMoreDomains(domains);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "2.2.17",
4
+ "version": "2.2.19",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "module": "dist/main.js",