@sensiblestats/widget-react 0.90.0 → 0.92.0

package/dist/styles.css

@@ -488,6 +488,8 @@
 .ss-w-mo-row .ss-w-move + .ss-w-mo-price { margin-left: 0; }
 .ss-w-mo-row .ss-w-slip { margin: 0; flex: none; }
 .ss-w-mo-foot { display: flex; align-items: center; gap: 8px; font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-allmk-wrap { position: relative; display: inline-flex; flex: none; margin-left: auto; }
+.ss-w-allmk-wrap--chip { margin-left: 0; }
 .ss-w-allmk { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; padding: 6px 0; background: none; border: 0; font: inherit; font-size: 11.5px; font-weight: 700; color: var(--ss-w-accent); white-space: nowrap; cursor: pointer; }
 .ss-w-allmk svg { width: 13px; height: 13px; flex: none; }
 .ss-w-allmk:hover { text-decoration: underline; }
@@ -1185,6 +1187,40 @@
 .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; }
+.ss-w-nbamon-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
+.ss-w-nbamon-side { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.ss-w-nbamon-side--home { flex-direction: row-reverse; text-align: right; }
+.ss-w-nbamon-badge { flex: none; display: grid; place-items: center; min-width: 34px; height: 26px; padding: 0 5px; border-radius: 7px; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); font-size: 11px; font-weight: 800; letter-spacing: .03em; color: var(--ss-w-ink); }
+.ss-w-nbamon-team { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
+.ss-w-nbamon-city { font-size: 10.5px; font-weight: 600; color: var(--ss-w-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-nbamon-nick { font-size: 13px; font-weight: 800; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-nbamon-ls { width: 100%; border-collapse: collapse; font-size: 11.5px; font-variant-numeric: tabular-nums; text-align: center; color: var(--ss-w-ink); }
+.ss-w-nbamon-ls th, .ss-w-nbamon-ls td { padding: 3px 4px; font-weight: 500; }
+.ss-w-nbamon-ls thead th { font-size: 10px; font-weight: 700; color: var(--ss-w-faint); border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-nbamon-ls tbody th { text-align: left; font-weight: 800; }
+.ss-w-nbamon-ls .ss-w-nbamon-total { font-weight: 800; }
+.ss-w-nbamon-ls td.ss-w-nbamon-cur { color: var(--ss-w-neg); font-weight: 800; }
+.ss-w-nbamon-dash { color: var(--ss-w-faint); }
+.ss-w-nbamon-tos { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--ss-w-faint); }
+/* Scoreboard strip: one 122px tile per followed game, scrolling sideways inside its own box so the
+   panel never gains a horizontal scroll. */
+.ss-w-strip { position: relative; flex: none; display: flex; gap: 8px; padding: 8px 12px; background: var(--ss-w-bubble); overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
+.ss-w-strip::-webkit-scrollbar { display: none; }
+.ss-w-strip-tile { flex: none; box-sizing: border-box; width: 122px; display: flex; flex-direction: column; gap: 3px; padding: 6px 8px 7px; border: 1px solid var(--ss-w-line); border-radius: 10px; background: var(--ss-w-panel); font: inherit; color: var(--ss-w-ink); text-align: left; cursor: pointer; }
+.ss-w-strip-tile[aria-pressed="true"] { border-color: var(--ss-w-accent); box-shadow: inset 0 0 0 1px var(--ss-w-accent); }
+.ss-w-strip-tile:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 2px; }
+.ss-w-strip-status { display: flex; align-items: center; gap: 4px; min-width: 0; font-size: 10.5px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-faint); }
+.ss-w-strip-status--live { color: var(--ss-w-neg); }
+.ss-w-strip-when { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-strip-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--ss-w-neg); }
+.ss-w-strip-sport { flex: none; margin-left: auto; font-size: 9.5px; font-weight: 800; letter-spacing: .05em; color: var(--ss-w-warn); }
+.ss-w-strip-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px; min-width: 0; }
+.ss-w-strip-row .ss-w-bi-crest { width: 16px; height: 16px; }
+.ss-w-strip-row .ss-w-bi-crest-mono { font-size: 8px; }
+.ss-w-strip-badge { display: grid; place-items: center; min-width: 22px; height: 16px; padding: 0 3px; border-radius: 4px; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); font-size: 8.5px; font-weight: 800; letter-spacing: .02em; color: var(--ss-w-ink); }
+.ss-w-strip-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 650; }
+.ss-w-strip-score { font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; }
+.ss-w-strip-row--muted .ss-w-strip-name, .ss-w-strip-row--muted .ss-w-strip-score { color: var(--ss-w-faint); }
 .ss-w-mon-scorers { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; column-gap: 10px; font-size: 11.5px; color: var(--ss-w-faint); }
 .ss-w-mon-scorers-col { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .ss-w-mon-scorers-col li { overflow-wrap: anywhere; }
@@ -1503,6 +1539,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; }
@@ -1518,6 +1556,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.90.0",
+  "version": "0.92.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.60.0",
+    "@sensiblestats/widget-sdk": "^0.62.0",
     "react-markdown": "^9.0.1",
     "remark-gfm": "^4.0.0"
   },