@guardian/interactive-component-library 0.1.0-alpha.26 → 0.1.0-alpha.27

package/dist/style.css

@@ -1530,43 +1530,48 @@ body.android {
   font-weight: normal;
   padding-top: var(--space-2);
   padding-bottom: var(--space-2);
-}._slopeChartContainer_gj7pr_1 {
+}._slopeChartContainer_nmjjj_1 {
   max-width: 300px;
 }
 
-._svg_gj7pr_5 {
+._svg_nmjjj_5 {
   overflow: visible;
 }
 
-._line_gj7pr_9 {
+._line_nmjjj_9 {
   stroke: #121212;
   stroke-width: 2;
 }
 
-._circle_gj7pr_14 {
+._lineWhite_nmjjj_14 {
+  stroke: var(--primary-bg-color);
+  stroke-width: 3.25;
+}
+
+._circle_nmjjj_19 {
   fill: #121212;
 }
 
-._label_gj7pr_18 {
+._label_nmjjj_23 {
   font-family: var(--text-sans);
   font-size: var(--sans-xxsmall);
   fill: var(--primary-text-color);
 }
 
-._y1Label_gj7pr_24 {
+._y1Label_nmjjj_29 {
   transform: translateX(calc(var(--space-2) * -1));
 }
 
-._y2Label_gj7pr_28 {
+._y2Label_nmjjj_33 {
   transform: translateX(calc(var(--space-2)));
 }
 
-._axis_gj7pr_32 {
+._axis_nmjjj_37 {
   stroke: var(--primary-line-color);
   stroke-width: 1;
 }
 
-._axisLabel_gj7pr_37 {
+._axisLabel_nmjjj_42 {
   transform: translateY(var(--space-1));
 }
 ._tooltip_11t5d_1 {
@@ -1714,13 +1719,13 @@ body.android {
   --top-inset: 58px;
 }
 
-._section_12aiu_9 {
+._section_4s2t4_9 {
   position: relative;
   z-index: 0;
   margin-bottom: var(--space-8);
 }
 
-._section_12aiu_9::before {
+._section_4s2t4_9::before {
   display: block;
   content: "";
   position: absolute;
@@ -1733,41 +1738,42 @@ body.android {
   z-index: -1;
 }
 @media (min-width: 30em) {
-  ._section_12aiu_9::before {
+  ._section_4s2t4_9::before {
     transform: translate(-20px);
     width: calc(100% + 40px);
   }
 }
 @media (min-width: 46.25em) {
-  ._section_12aiu_9::before {
+  ._section_4s2t4_9::before {
     width: calc(100% + 60px);
   }
 }
 @media (min-width: 71.25em) {
-  ._section_12aiu_9::before {
+  ._section_4s2t4_9::before {
     transform: translate(-180px);
     width: calc(100% + 200px);
     background-color: transparent;
   }
 }
 @media (min-width: 81.25em) {
-  ._section_12aiu_9::before {
+  ._section_4s2t4_9::before {
     transform: translate(-260px);
     width: calc(100% + 280px);
   }
 }
 
-._borderTop_12aiu_52::before {
+._borderTop_4s2t4_52::before {
   border-top: 1px solid var(--border-divider-color);
 }
 
-._header_12aiu_56 {
+._header_4s2t4_56 {
   color: var(--primary-text-color);
   padding-top: var(--space-2);
   margin-bottom: var(--space-5);
 }
+
 @media (min-width: 71.25em) {
-  ._header_12aiu_56 {
+  body:not(.ios, .android) ._header_4s2t4_56 {
     position: absolute;
     max-width: 160px;
     transform: translateX(-170px);
@@ -1775,22 +1781,23 @@ body.android {
   }
 }
 @media (min-width: 81.25em) {
-  ._header_12aiu_56 {
+  body:not(.ios, .android) ._header_4s2t4_56 {
     max-width: 220px;
     transform: translateX(-250px);
   }
 }
 
-._content_12aiu_76 {
+._content_4s2t4_77 {
   position: relative;
   padding-top: 0;
   color: var(--primary-text-color);
 }
+
 @media (min-width: 71.25em) {
-  ._content_12aiu_76 {
+  body:not(.ios, .android) ._content_4s2t4_77 {
     padding-top: var(--space-2);
   }
-  ._content_12aiu_76::before {
+  body:not(.ios, .android) ._content_4s2t4_77::before {
     content: "";
     position: absolute;
     top: 0;
@@ -1812,13 +1819,11 @@ body.android {
 
 ._bar_lo5h3_10 {
 }
-._container_1snyq_1 {
+._container_hbk39_1 {
   font-weight: 700;
-  min-width: 290px;
-  max-width: 530px;
 }
 
-._img_1snyq_7 {
+._img_hbk39_5 {
   height: 140px;
   width: 140px;
   border-radius: 50%;
@@ -1826,7 +1831,7 @@ body.android {
   margin-left: var(--space-2);
 }
 
-._title_1snyq_15 {
+._title_hbk39_13 {
   font-family: var(--text-headline);
   font-size: var(--headline-xsmall);
   color: var(--primary-text-color);
@@ -1834,7 +1839,7 @@ body.android {
   line-height: 1.1;
 
   &:before {
-    content: '';
+    content: "";
     height: 4px;
     width: 2.2em;
     border-radius: 50px;
@@ -1842,7 +1847,7 @@ body.android {
   }
 }
 
-._subtitle_1snyq_31 {
+._subtitle_hbk39_29 {
   font-family: var(--text-headline);
   font-size: var(--headline-xsmall);
   color: var(--primary-text-color);
@@ -1852,7 +1857,7 @@ body.android {
   margin-bottom: 6px;
 }
 
-._small_1snyq_41 {
+._small_hbk39_39 {
   font-family: var(--text-serif);
   font-size: var(--body-small);
   line-height: var(--body-line-height);
@@ -1862,7 +1867,7 @@ body.android {
   margin-top: var(--space-1);
 }
 
-._blurb_1snyq_51 {
+._blurb_hbk39_49 {
   font-family: var(--text-serif);
   font-size: var(--body-small);
   line-height: var(--body-line-height);
@@ -1870,7 +1875,7 @@ body.android {
   font-weight: 300;
 }
 
-._footnote_1snyq_59 {
+._footnote_hbk39_57 {
   font-family: var(--text-serif);
   font-size: var(--body-small);
   line-height: var(--body-line-height);
@@ -1878,7 +1883,8 @@ body.android {
   font-style: italic;
   color: var(--primary-text-color);
   margin-top: var(--space-2);
-}body {
+}
+body {
   --top-inset: 0;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@guardian/interactive-component-library",
   "private": false,
-  "version": "v0.1.0-alpha.26",
+  "version": "v0.1.0-alpha.27",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",