@sensiblestats/widget-react 0.23.1 → 0.24.0

package/dist/styles.css

@@ -458,3 +458,33 @@
 .ss-w-fandash-link-tile:hover { background: color-mix(in srgb, var(--ss-w-accent) 16%, var(--ss-w-panel)); }
 .ss-w-fandash-link-label { font-size: 12.5px; font-weight: 650; overflow-wrap: anywhere; }
 .ss-w-fandash-link-chevron { flex: none; width: 12px; height: 12px; color: var(--ss-w-accent); }
+
+/* post-match result: full-time scoreboard -- team names flank the score, meta line underneath */
+.ss-w-fandash-postmatch-scoreboard { display: flex; align-items: center; gap: 8px; }
+.ss-w-fandash-postmatch-team { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 650; }
+.ss-w-fandash-postmatch-team--away { text-align: right; }
+.ss-w-fandash-postmatch-score { flex: none; font-size: 20px; font-weight: 750; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-fandash-postmatch-sep { flex: none; font-size: 14px; font-weight: 700; color: var(--ss-w-faint); }
+.ss-w-fandash-postmatch-meta { font-size: 11.5px; color: var(--ss-w-faint); }
+
+/* post-match goals: a plain list, the club's own goals picked out in the accent color */
+.ss-w-fandash-postmatch-goal-list { list-style: none; display: flex; flex-direction: column; gap: 4px; }
+.ss-w-fandash-postmatch-goal { font-size: 12.5px; color: var(--ss-w-faint); }
+.ss-w-fandash-postmatch-goal--club { color: var(--ss-w-ink); font-weight: 650; }
+
+/* post-match stats: club value / stat label / opponent value, three columns per row */
+.ss-w-fandash-postmatch-stat-rows { display: flex; flex-direction: column; gap: 5px; }
+.ss-w-fandash-postmatch-stat-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
+.ss-w-fandash-postmatch-stat-value { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-fandash-postmatch-stat-row .ss-w-fandash-postmatch-stat-value:last-child { text-align: right; }
+.ss-w-fandash-postmatch-stat-label { font-size: 10.5px; text-align: center; color: var(--ss-w-faint); text-transform: uppercase; letter-spacing: .03em; }
+
+/* post-match top performer: player name left, rating pill right */
+.ss-w-fandash-postmatch-performer-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.ss-w-fandash-postmatch-performer-name { font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
+.ss-w-fandash-postmatch-performer-rating { flex: none; font-size: 12px; font-weight: 700; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 13%, var(--ss-w-panel)); border-radius: 999px; padding: 2px 9px; }
+
+/* post-match next: the upcoming fixture teaser -- opponent left, when-label right */
+.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); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensiblestats/widget-react",
-  "version": "0.23.1",
+  "version": "0.24.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.21.0",
+    "@sensiblestats/widget-sdk": "^0.22.0",
     "react-markdown": "^9.0.1",
     "remark-gfm": "^4.0.0"
   },