@guardian/interactive-component-library 0.7.13 → 0.7.14

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__ */ jsx("img", { src: imgSrc, className: styles.img, alt: imgAltText }),
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 })
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 = "_container_1y4nt_1";
2
- const img = "_img_1y4nt_5";
3
- const title = "_title_1y4nt_15";
4
- const subtitle = "_subtitle_1y4nt_31";
5
- const small = "_small_1y4nt_41";
6
- const blurb = "_blurb_1y4nt_51";
7
- const footnote = "_footnote_1y4nt_59";
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
- ._container_1y4nt_1 {
2396
+ ._container_1nqng_1 {
2397
2397
  font-weight: 700;
2398
+ display: flex;
2398
2399
  }
2399
2400
 
2400
- ._img_1y4nt_5 {
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
- ._title_1y4nt_15 {
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.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
- ._subtitle_1y4nt_31 {
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: var(--body-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
- ._small_1y4nt_41 {
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
- ._blurb_1y4nt_51 {
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
- ._footnote_1y4nt_59 {
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);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@guardian/interactive-component-library",
3
3
  "private": false,
4
- "version": "0.7.13",
4
+ "version": "0.7.14",
5
5
  "packageManager": "pnpm@8.4.0",
6
6
  "repository": {
7
7
  "type": "git",