@sensiblestats/widget-react 0.89.0 → 0.91.0

package/dist/styles.css

@@ -366,6 +366,89 @@
 .ss-w-bi-text { flex: 1; min-width: 0; font-size: 12px; line-height: 1.45; color: var(--ss-w-ink); }
 .ss-w-bi-disc { font-size: 10px; font-style: italic; color: var(--ss-w-faint); }
 
+/* NBA insight cards (u555 B5). No bookmaker, pin, live block or odds history: prices and stats only. */
+.ss-w-nba-cards { display: flex; flex-direction: column; gap: 8px; }
+.ss-w-nba-card{border:1px solid var(--ss-w-line);border-radius:16px;background:var(--ss-w-panel);padding:14px;display:flex;flex-direction:column;gap:12px}
+.ss-w-nba-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
+.ss-w-nba-head-l { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; }
+.ss-w-nba-meta { margin: 0; font-size: 11px; color: var(--ss-w-faint); line-height: 1.3; }
+.ss-w-nba-title { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--ss-w-ink); overflow-wrap: anywhere; }
+.ss-w-nba-chip{font-size:11px;font-weight:600;white-space:nowrap;border-radius:999px;padding:3px 8px;border:1px solid var(--ss-w-line)}
+.ss-w-nba-chip { flex: none; color: var(--ss-w-warn); border-color: var(--ss-w-warn); }
+.ss-w-nba-split,.ss-w-nba-ladder{display:grid;align-items:center;gap:6px;font-size:13px;font-variant-numeric:tabular-nums}
+.ss-w-nba-split{grid-template-columns:minmax(0,1fr) 56px 46px 40px auto}
+.ss-w-nba-ladder{grid-template-columns:52px minmax(0,1fr) 34px 34px 74px}
+.ss-w-nba-row { display: contents; }
+.ss-w-nba-hd{font-size:10.5px;font-weight:600;color:var(--ss-w-faint);white-space:nowrap}
+.ss-w-nba-split .ss-w-nba-n,.ss-w-nba-ladder .ss-w-nba-n{text-align:right}
+.ss-w-nba-n { font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-nba-who { min-width: 0; font-weight: 600; color: var(--ss-w-ink); overflow-wrap: anywhere; }
+.ss-w-nba-at { font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-nba-meter { height: 6px; border-radius: 3px; background: var(--ss-w-bubble); overflow: hidden; }
+.ss-w-nba-meter > span { display: block; height: 100%; border-radius: 3px; background: var(--ss-w-accent); }
+.ss-w-nba-pcell { display: flex; justify-content: flex-end; min-width: 0; }
+.ss-w-nba-price{font-size:11.5px;font-weight:600;border:1px solid var(--ss-w-line);border-radius:9px;padding:5px 8px;white-space:nowrap}
+.ss-w-nba-price { display: inline-flex; align-items: baseline; gap: 5px; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+.ss-w-nba-price-lab { color: var(--ss-w-faint); font-weight: 600; }
+.ss-w-nba-pcell .ss-w-slip { flex: none; }
+.ss-w-nba-pcell .ss-w-slip-btn.ss-w-slip-btn--price { width: auto; flex-direction: row; align-items: baseline; gap: 5px; padding: 5px 8px; border-radius: 9px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
+.ss-w-nba-pcell .ss-w-slip-btn--price .ss-w-mol-lab, .ss-w-nba-pcell .ss-w-slip-btn--price .ss-w-mol-tick { font-size: 11.5px; }
+.ss-w-nba-games { display: flex; gap: 4px; }
+.ss-w-nba-game { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 3px; }
+.ss-w-nba-gv { font-size: 11.5px; font-weight: 700; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+.ss-w-nba-track { position: relative; width: 100%; height: 56px; }
+.ss-w-nba-bar { position: absolute; bottom: 0; left: 22%; right: 22%; box-sizing: border-box; border: 1.5px solid var(--ss-w-accent); border-radius: 3px 3px 0 0; background: transparent; }
+.ss-w-nba-bar[data-hit] { background: var(--ss-w-accent); }
+.ss-w-nba-mark { position: absolute; left: 0; right: 0; border-top: 1px dashed var(--ss-w-faint); }
+.ss-w-nba-gd { font-size: 10px; color: var(--ss-w-faint); white-space: nowrap; }
+.ss-w-nba-figs { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
+.ss-w-nba-fig { display: flex; flex-direction: column; gap: 1px; }
+.ss-w-nba-fig b { font-size: 16px; font-weight: 700; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+.ss-w-nba-figl { font-size: 10.5px; font-weight: 600; color: var(--ss-w-faint); }
+.ss-w-nba-figs .ss-w-nba-pcell { margin-left: auto; }
+.ss-w-nba-mates { margin: 0; font-size: 12px; line-height: 1.4; color: var(--ss-w-ink); }
+.ss-w-nba-note { margin: 0; font-size: 11px; line-height: 1.4; color: var(--ss-w-faint); }
+.ss-w-nba-stat { display: flex; flex-direction: column; gap: 8px; }
+.ss-w-nba-stathd { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-nba-stathd b { font-size: 13px; color: var(--ss-w-ink); }
+.ss-w-nba-move{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;font-size:12px;line-height:1.4}
+.ss-w-nba-move { color: var(--ss-w-ink); }
+.ss-w-nba-dot { width: 8px; height: 8px; margin-top: 4px; box-sizing: border-box; border: 2px solid var(--ss-w-warn); border-radius: 50%; }
+.ss-w-nba-sq { width: 7px; height: 7px; margin-top: 5px; border-radius: 1.5px; background: var(--ss-w-ink); }
+.ss-w-nba-legs { display: flex; flex-direction: column; gap: 8px; }
+.ss-w-nba-leg { display: grid; grid-template-columns: minmax(0,1fr) auto 34px auto; align-items: center; gap: 8px; font-size: 13px; }
+.ss-w-nba-legstat { color: var(--ss-w-faint); font-size: 12px; white-space: nowrap; }
+.ss-w-nba-leg .ss-w-nba-n { text-align: right; }
+.ss-w-nba-joint{display:grid;grid-template-columns:62px repeat(7,minmax(0,1fr));gap:4px;font-size:12px;font-variant-numeric:tabular-nums}
+.ss-w-nba-jl { min-width: 0; font-size: 11px; font-weight: 600; color: var(--ss-w-faint); overflow-wrap: anywhere; line-height: 1.25; }
+.ss-w-nba-jc { text-align: center; color: var(--ss-w-faint); }
+.ss-w-nba-jc[data-hit] { color: var(--ss-w-ink); font-weight: 700; }
+.ss-w-nba-joint .ss-w-nba-hd { font-size: 10px; }
+.ss-w-nba-tick { color: var(--ss-w-accent); font-weight: 700; }
+.ss-w-nba-combined { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 12px; color: var(--ss-w-faint); }
+.ss-w-nba-combined b { font-size: 16px; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+.ss-w-nba-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-nba-legkey { display: inline-flex; align-items: center; gap: 5px; }
+.ss-w-nba-swatch { width: 12px; height: 2px; border-radius: 1px; }
+.ss-w-nba-swatch--spread { background: var(--ss-w-accent); }
+.ss-w-nba-swatch--total { background: var(--ss-w-ink); }
+.ss-w-nba-svg { display: block; width: 100%; height: auto; overflow: visible; }
+.ss-w-nba-lane path { fill: none; stroke-width: 2; stroke-linejoin: round; }
+.ss-w-nba-lane--spread path { stroke: var(--ss-w-accent); }
+.ss-w-nba-lane--spread circle { fill: var(--ss-w-accent); }
+.ss-w-nba-lane--total path { stroke: var(--ss-w-ink); }
+.ss-w-nba-lane--total circle { fill: var(--ss-w-ink); }
+.ss-w-nba-axis { font-size: 9.5px; fill: var(--ss-w-faint); font-variant-numeric: tabular-nums; }
+.ss-w-nba-inj { stroke: var(--ss-w-warn); stroke-width: 1; stroke-dasharray: 3 3; }
+.ss-w-nba-evs { display: flex; flex-direction: column; }
+.ss-w-nba-ev{display:grid;grid-template-columns:44px 14px minmax(0,1fr);gap:8px;align-items:start;padding:6px 0;font-size:12.5px;line-height:1.35}
+.ss-w-nba-ev { color: var(--ss-w-ink); }
+.ss-w-nba-ev + .ss-w-nba-ev { border-top: 1px solid var(--ss-w-line); }
+.ss-w-nba-evt { font-size: 11.5px; color: var(--ss-w-faint); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.ss-w-nba-nowrow { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 10px; font-size: 13px; }
+.ss-w-nba-foot{font-size:11px;color:var(--ss-w-faint);line-height:1.4;border-top:1px solid var(--ss-w-line);padding-top:10px}
+.ss-w-nba-card .ss-w-combo-addall { align-self: stretch; }
+
 /* market odds card */
 .ss-w-mocards { display: flex; flex-direction: column; gap: 7px; }
 .ss-w-mocard { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; border-left: 3px solid var(--ss-w-accent); padding: 9px 11px; display: flex; flex-direction: column; gap: 6px; }
@@ -1420,6 +1503,8 @@
 .ss-w-drow:last-child { border-bottom: none; }
 .ss-w-drow-when { font-size: 11px; font-weight: 700; color: var(--ss-w-faint); font-variant-numeric: tabular-nums; }
 .ss-w-drow-when--live { color: var(--ss-w-neg); }
+.ss-w-drow-when--two { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
+.ss-w-drow-when--two > span:last-child { font-size: 10px; font-weight: 600; }
 /* Each side ellipsises independently: a single joined string truncates the away team off the end,
    which is the u350 betting-card truncation one layer down. */
 .ss-w-drow-fx { display: flex; align-items: center; gap: 6px; min-width: 0; }
@@ -1435,6 +1520,7 @@
 .ss-w-drow-sc--idle { color: var(--ss-w-faint); font-weight: 600; }
 .ss-w-drow--live { background: color-mix(in srgb, var(--ss-w-neg) 5%, transparent); border-radius: 8px; padding: 7px 6px; margin: 0 -6px; border-bottom: none; }
 .ss-w-drow-crest { width: 16px; height: 16px; flex: none; border-radius: 50%; object-fit: contain; background: var(--ss-w-bubble); }
+.ss-w-drow-crest--abbr { width: 26px; height: 16px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 800; letter-spacing: .02em; line-height: 1; color: var(--ss-w-faint); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); box-sizing: border-box; }
 
 .ss-w-stale { font-size: 11px; font-weight: 600; color: var(--ss-w-cta); background: color-mix(in srgb, var(--ss-w-cta) 12%, var(--ss-w-panel)); border-radius: 8px; padding: 6px 9px; }
 

package/package.json

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