@guardian/interactive-component-library 0.7.13 → 0.7.15
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.
|
@@ -17,11 +17,13 @@ const PartyProfile = ({
|
|
|
17
17
|
}) => {
|
|
18
18
|
styles = mergeStyles({ ...defaultStyles }, styles);
|
|
19
19
|
return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
/* @__PURE__ */ jsxs("div", { className: styles.copyColumn, children: [
|
|
21
|
+
/* @__PURE__ */ jsx("h3", { className: styles.title, children: title }),
|
|
22
|
+
/* @__PURE__ */ jsx("div", { className: [styles.subtitle, styles[subtitleStyle]].join(" "), children: subtitle }),
|
|
23
|
+
/* @__PURE__ */ jsx("div", { className: styles.blurb, children: blurb }),
|
|
24
|
+
/* @__PURE__ */ jsx("div", { className: styles.footnote, children: footnote })
|
|
25
|
+
] }),
|
|
26
|
+
/* @__PURE__ */ jsx("img", { src: imgSrc, className: styles.img, alt: imgAltText })
|
|
25
27
|
] });
|
|
26
28
|
};
|
|
27
29
|
export {
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
const container = "
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
1
|
+
const container = "_container_1nqng_1";
|
|
2
|
+
const copyColumn = "_copyColumn_1nqng_6";
|
|
3
|
+
const img = "_img_1nqng_10";
|
|
4
|
+
const title = "_title_1nqng_20";
|
|
5
|
+
const subtitle = "_subtitle_1nqng_36";
|
|
6
|
+
const small = "_small_1nqng_46";
|
|
7
|
+
const blurb = "_blurb_1nqng_56";
|
|
8
|
+
const footnote = "_footnote_1nqng_64";
|
|
8
9
|
const defaultStyles = {
|
|
9
10
|
container,
|
|
11
|
+
copyColumn,
|
|
10
12
|
img,
|
|
11
13
|
title,
|
|
12
14
|
subtitle,
|
|
@@ -17,6 +19,7 @@ const defaultStyles = {
|
|
|
17
19
|
export {
|
|
18
20
|
blurb,
|
|
19
21
|
container,
|
|
22
|
+
copyColumn,
|
|
20
23
|
defaultStyles as default,
|
|
21
24
|
footnote,
|
|
22
25
|
img,
|
package/dist/style.css
CHANGED
|
@@ -2393,11 +2393,16 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
|
|
|
2393
2393
|
|
|
2394
2394
|
._bar_1ci1k_10 {
|
|
2395
2395
|
}
|
|
2396
|
-
.
|
|
2396
|
+
._container_1nqng_1 {
|
|
2397
2397
|
font-weight: 700;
|
|
2398
|
+
display: flex;
|
|
2398
2399
|
}
|
|
2399
2400
|
|
|
2400
|
-
.
|
|
2401
|
+
._copyColumn_1nqng_6 {
|
|
2402
|
+
display: block;
|
|
2403
|
+
}
|
|
2404
|
+
|
|
2405
|
+
._img_1nqng_10 {
|
|
2401
2406
|
height: 130px;
|
|
2402
2407
|
width: 130px;
|
|
2403
2408
|
border-radius: 50%;
|
|
@@ -2407,12 +2412,12 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
|
|
|
2407
2412
|
margin-right: var(--space-1);
|
|
2408
2413
|
}
|
|
2409
2414
|
|
|
2410
|
-
.
|
|
2415
|
+
._title_1nqng_20 {
|
|
2411
2416
|
font-family: var(--text-headline);
|
|
2412
2417
|
font-size: var(--headline-xsmall);
|
|
2413
2418
|
color: var(--primary-text-color);
|
|
2414
2419
|
font-weight: 500;
|
|
2415
|
-
line-height: 1.
|
|
2420
|
+
line-height: 1.2;
|
|
2416
2421
|
|
|
2417
2422
|
&:before {
|
|
2418
2423
|
content: "";
|
|
@@ -2423,17 +2428,17 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
|
|
|
2423
2428
|
}
|
|
2424
2429
|
}
|
|
2425
2430
|
|
|
2426
|
-
.
|
|
2431
|
+
._subtitle_1nqng_36 {
|
|
2427
2432
|
font-family: var(--text-headline);
|
|
2428
2433
|
font-size: var(--headline-xsmall);
|
|
2429
2434
|
color: var(--primary-text-color);
|
|
2430
|
-
line-height:
|
|
2435
|
+
line-height: 1.2;
|
|
2431
2436
|
font-style: italic;
|
|
2432
2437
|
font-weight: 500;
|
|
2433
2438
|
margin-bottom: 6px;
|
|
2434
2439
|
}
|
|
2435
2440
|
|
|
2436
|
-
.
|
|
2441
|
+
._small_1nqng_46 {
|
|
2437
2442
|
font-family: var(--text-serif);
|
|
2438
2443
|
font-size: var(--body-small);
|
|
2439
2444
|
line-height: var(--body-line-height);
|
|
@@ -2443,7 +2448,7 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
|
|
|
2443
2448
|
margin-top: var(--space-1);
|
|
2444
2449
|
}
|
|
2445
2450
|
|
|
2446
|
-
.
|
|
2451
|
+
._blurb_1nqng_56 {
|
|
2447
2452
|
font-family: var(--text-serif);
|
|
2448
2453
|
font-size: var(--body-small);
|
|
2449
2454
|
line-height: var(--body-line-height);
|
|
@@ -2451,7 +2456,7 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
|
|
|
2451
2456
|
font-weight: 300;
|
|
2452
2457
|
}
|
|
2453
2458
|
|
|
2454
|
-
.
|
|
2459
|
+
._footnote_1nqng_64 {
|
|
2455
2460
|
font-family: var(--text-serif);
|
|
2456
2461
|
font-size: var(--body-small);
|
|
2457
2462
|
line-height: var(--body-line-height);
|