@sensiblestats/widget-react 0.31.0 → 0.32.0

package/dist/styles.css

@@ -691,7 +691,8 @@
 .ss-w-mon-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
 .ss-w-mon-side { display: flex; align-items: center; gap: 8px; min-width: 0; }
 .ss-w-mon-side--away { flex-direction: row-reverse; text-align: right; }
-.ss-w-mon-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 700; color: var(--ss-w-ink); }
+/* long club names (Wolverhampton Wanderers) wrap to two lines instead of truncating mid-word */
+.ss-w-mon-name { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; font-size: 13px; font-weight: 700; color: var(--ss-w-ink); }
 .ss-w-mon-vs { font-size: 12px; font-weight: 700; color: var(--ss-w-faint); text-transform: uppercase; }
 .ss-w-mon-score { display: flex; align-items: baseline; justify-content: center; font-size: 26px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; color: var(--ss-w-ink); }
 .ss-w-mon-score i { font-style: normal; color: var(--ss-w-faint); font-weight: 500; margin: 0 4px; }
@@ -720,9 +721,18 @@
    and the per-market-pin wrapper card (struck price on settlement is a pure CSS hook off its
    [data-settled] attribute -- no separate class on the price element itself). */
 .ss-w-mk-ctx { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--ss-w-line); }
-.ss-w-mk-ctx-right { display: flex; align-items: center; gap: 6px; margin-left: auto; }
+/* the score and the trailing badges/pin never shrink or wrap -- only the fixture name truncates */
+.ss-w-mk-ctx b { flex: none; white-space: nowrap; }
+/* the context line's fixture name stays single-line (the two-line clamp is for the match card) */
+.ss-w-mk-ctx .ss-w-mon-name { display: block; white-space: nowrap; text-overflow: ellipsis; }
+.ss-w-mk-ctx-side { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.ss-w-mk-ctx-right { display: flex; align-items: center; gap: 6px; margin-left: auto; flex: none; }
 /* flex:1 keeps the composer pinned to the panel bottom when a tab is empty */
 .ss-w-mon-empty { flex: 1; padding: 24px 16px; text-align: center; font-size: 12.5px; color: var(--ss-w-faint); }
+/* Per-pin unavailable state: the pin's context line still rendered above (score, name, unpin), but
+   the pin has neither a card nor history (compose-time rescue failed) -- a small inline note beats
+   a bare context line with nothing under it. */
+.ss-w-mon-empty-card { padding: 8px 0 2px; font-size: 12px; color: var(--ss-w-faint); }
 .ss-w-mon-inslip { display: inline-flex; flex: none; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 700; color: var(--ss-w-pos); }
 .ss-w-mon-oddspin { display: flex; flex-direction: column; gap: 10px; padding: 12px; border: 1px solid var(--ss-w-line); border-radius: 12px; background: var(--ss-w-panel); }
 .ss-w-mon-oddspin[data-settled] .ss-w-mo-price,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensiblestats/widget-react",
-  "version": "0.31.0",
+  "version": "0.32.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.27.0",
+    "@sensiblestats/widget-sdk": "^0.28.0",
     "react-markdown": "^9.0.1",
     "remark-gfm": "^4.0.0"
   },