@sensiblestats/widget-react 0.24.0 → 0.26.0

package/dist/styles.css

@@ -488,3 +488,45 @@
 .ss-w-fandash-postmatch-next-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
 .ss-w-fandash-postmatch-next-opponent { font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
 .ss-w-fandash-postmatch-next-when { flex: none; font-size: 11.5px; color: var(--ss-w-faint); }
+
+/* resting next: the between-matches fixture teaser -- when-label left, competition badge right */
+.ss-w-fandash-resting-next-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.ss-w-fandash-resting-next-when { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 650; }
+.ss-w-fandash-resting-next-competition { flex: none; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--ss-w-faint); }
+
+/* resting standings: position figure left, W-D-L/points record right */
+.ss-w-fandash-resting-standings-row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
+.ss-w-fandash-resting-standings-position { font-size: 15px; font-weight: 750; color: var(--ss-w-ink); }
+.ss-w-fandash-resting-standings-record { font-size: 11.5px; color: var(--ss-w-faint); text-align: right; }
+
+/* resting season: top scorer / key player / season tally as stacked rows */
+.ss-w-fandash-resting-season-rows { display: flex; flex-direction: column; gap: 4px; }
+.ss-w-fandash-resting-season-row { font-size: 12.5px; color: var(--ss-w-ink); }
+
+/* resting form: reuses the fixture last-five pill classes (ss-w-fandash-form / -form-pill) */
+.ss-w-fandash-resting-form .ss-w-fandash-form { margin-top: 2px; }
+
+/* live score: reuses the post-match scoreboard classes for the team/score row, with its own
+   meta row -- minute called out in the accent color, status and competition beside it */
+.ss-w-fandash-live-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11.5px; color: var(--ss-w-faint); }
+.ss-w-fandash-live-minute { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-accent); }
+.ss-w-fandash-live-status { font-weight: 650; color: var(--ss-w-ink); }
+.ss-w-fandash-live-competition { color: var(--ss-w-faint); }
+
+/* live timeline: a plain event list, the club's own events picked out in the accent color --
+   same mechanism as the post-match goal list, plus a minute column */
+.ss-w-fandash-live-event-list { list-style: none; display: flex; flex-direction: column; gap: 4px; }
+.ss-w-fandash-live-event { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; color: var(--ss-w-faint); }
+.ss-w-fandash-live-event--club { color: var(--ss-w-ink); font-weight: 650; }
+.ss-w-fandash-live-event-minute { flex: none; font-variant-numeric: tabular-nums; color: var(--ss-w-faint); }
+.ss-w-fandash-live-event--club .ss-w-fandash-live-event-minute { color: var(--ss-w-accent); }
+.ss-w-fandash-live-event-text { min-width: 0; }
+
+/* live stats: club value / stat label / opponent value, same 3-column layout as post-match
+   stats, plus an optional momentum line underneath */
+.ss-w-fandash-live-stat-rows { display: flex; flex-direction: column; gap: 5px; }
+.ss-w-fandash-live-stat-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
+.ss-w-fandash-live-stat-value { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-fandash-live-stat-row .ss-w-fandash-live-stat-value:last-child { text-align: right; }
+.ss-w-fandash-live-stat-label { font-size: 10.5px; text-align: center; color: var(--ss-w-faint); text-transform: uppercase; letter-spacing: .03em; }
+.ss-w-fandash-live-momentum { font-size: 11.5px; font-weight: 650; color: var(--ss-w-accent); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensiblestats/widget-react",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "description": "Embeddable SensibleStats chat widget for React.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -37,7 +37,7 @@
     "prepublishOnly": "yarn build"
   },
   "dependencies": {
-    "@sensiblestats/widget-sdk": "^0.22.0",
+    "@sensiblestats/widget-sdk": "^0.24.0",
     "react-markdown": "^9.0.1",
     "remark-gfm": "^4.0.0"
   },