@guardian/interactive-component-library 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/style.css

@@ -1107,14 +1107,30 @@
 ._svg_kpmyt_14 > path {
   fill: var(--primary-text-color);
 }
-._circleicon_1ge2m_1 {
-    display: 'inline-block';
-    margin-right: 4; 
-    transform: 'translateY(-1px)';
+._svg_1v49v_1 {
+  display: inline-block;
+}
+
+._circle_1v49v_5 {
+  fill: var(--secondary-text-color);
 }
 
-._rect_1ge2m_7 {
-}._text_1okyv_1 {
+._pulse_1v49v_9 {
+  animation: 1.5s linear 0s _pulse_1v49v_9 infinite;
+}
+
+@keyframes _pulse_1v49v_9 {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+._text_1okyv_1 {
   font-family: var(--text-sans);
   font-size: var(--sans-xsmall);
   line-height: var(--sans-line-height);
@@ -1884,6 +1900,28 @@ body.android {
   color: var(--highlighted-text-color);
   background-color: var(--highlight-color);
 }
+._refreshIndicator_u6lji_1 {
+  display: flex;
+  flex-direction: row;
+  column-gap: var(--space-0);
+  align-items: center;
+}
+
+._liveText_u6lji_8,
+._refreshText_u6lji_9 {
+  font-family: var(--text-sans);
+  color: var(--secondary-text-color);
+  line-height: var(--sans-line-height);
+  font-size: var(--sans-small);
+}
+
+._liveText_u6lji_8 {
+  font-weight: 700;
+}
+
+._refreshText_u6lji_9 {
+  margin-left: var(--space-0);
+}
 body {
   --top-inset: 0;
 }

package/package.json

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