@guardian/interactive-component-library 0.5.1 → 0.5.3

package/dist/components/organisms/ticker/lib/TickerControlsMobileVertical.js

@@ -4,7 +4,7 @@ import "preact/hooks";
 import "../../../particles/info-button/index.js";
 import "../../../particles/relative-time-sentence/index.js";
 import { Button } from "../../../particles/button/index.js";
-import styles from "../style.module.scss.js";
+import defaultStyles from "../style.module.scss.js";
 const TickerControlsMobileVertical = ({
   hideButtons,
   controlsRef,
@@ -15,15 +15,15 @@ const TickerControlsMobileVertical = ({
     "div",
     {
       ref: controlsRef,
-      className: styles.controls,
+      className: defaultStyles.controls,
       style: hideButtons && { display: "none" },
       children: [
-        /* @__PURE__ */ jsx("div", { className: styles.gradient, children: /* @__PURE__ */ jsx(Gradient, {}) }),
-        /* @__PURE__ */ jsx("div", { className: styles.button, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: defaultStyles.gradient, children: /* @__PURE__ */ jsx(Gradient, {}) }),
+        /* @__PURE__ */ jsx("div", { className: defaultStyles.button, children: /* @__PURE__ */ jsx(
           Button,
           {
             type: "regular",
-            styles: { buttonInner: styles.buttonInner },
+            styles: { buttonInner: defaultStyles.buttonInner },
             onClick: toggleExpandedState,
             children: buttonText
           }

package/dist/components/organisms/ticker/style.module.scss.js

@@ -10,7 +10,7 @@ const gradientHorizontal = "_gradientHorizontal_1at7j_103";
 const buttons = "_buttons_1at7j_118";
 const button = "_button_1at7j_118";
 const buttonInner = "_buttonInner_1at7j_144";
-const styles = {
+const defaultStyles = {
   tickerVertical,
   ticker,
   tickerItems,
@@ -29,7 +29,7 @@ export {
   buttonInner,
   buttons,
   controls,
-  styles as default,
+  defaultStyles as default,
   gradient,
   gradientHorizontal,
   ticker,

package/dist/style.css

@@ -2443,7 +2443,7 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
   color: var(--primary-text-color);
   margin-top: var(--space-2);
 }
-._container_azu4a_1 {
+._container_14h9i_1 {
   background-color: var(--quaternary-bg-color);
   border-radius: 4px;
   padding: 4px 8px 6px 8px;
@@ -2454,7 +2454,26 @@ body ._header_1xpz0_150._fullWidth_1xpz0_39 {
   height: 100%;
 }
 
-._paragraph_azu4a_12 {
+._containerSlim_14h9i_12 {
+  min-width: 260px;
+  display: inline-block;
+}
+
+._titleSlim_14h9i_17 {
+  display: inline;
+  color: var(--primary-text-color) !important;
+  font-family: var(--text-sans) !important;
+  font-size: var(--sans-small) !important;
+  line-height: var(--sans-line-height) !important;
+  font-weight: 700 !important;
+  margin-left: var(--space-1) !important;
+}
+
+._dateStampLinePosition_14h9i_27 {
+  display: block;
+}
+
+._paragraph_14h9i_31 {
   font-family: var(--text-sans);
   font-size: var(--sans-xsmall);
   line-height: var(--sans-line-height);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@guardian/interactive-component-library",
   "private": false,
-  "version": "0.5.1",
+  "version": "0.5.3",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",