@sensiblestats/widget-react 0.81.2 → 0.83.0

package/dist/styles.css

@@ -1150,6 +1150,11 @@
 .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); }
+/* shared group-header label for Club Fixtures (round) and Squad (position) list groups */
+.ss-w-club-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ss-w-faint); padding: 10px 2px 4px; }
+.ss-w-sq-row { display: flex; align-items: center; gap: 10px; padding: 7px 2px; border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-sq-num { flex: none; width: 20px; text-align: right; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-faint); }
+.ss-w-sq-name { font-size: 13px; font-weight: 600; color: var(--ss-w-ink); }
 /* 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. */
@@ -1229,6 +1234,24 @@
 .ss-w-today-tile-star:disabled { cursor: default; opacity: .4; }
 .ss-w-today-tile-star svg { width: 18px; height: 18px; }
 
+/* Capped row groups (variant B of u521): one league's section-header plus up to
+   ROW_CAP_PER_LEAGUE inline fixture rows, used in place of a tile when the section row budget
+   allows it. Mirrors LeagueTile's button-body + sibling-star-button shape. */
+.ss-w-today-rowsection { display: flex; flex-direction: column; gap: 12px; }
+.ss-w-today-rowgroup { display: flex; flex-direction: column; }
+.ss-w-today-rowgroup-head { display: flex; align-items: center; gap: 4px; }
+.ss-w-today-rowgroup-head-body { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 2px; background: none; border: none; font: inherit; color: var(--ss-w-ink); cursor: pointer; text-align: left; }
+.ss-w-today-rowgroup-head-body:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-rowgroup-name { font-size: 11px; font-weight: 800; letter-spacing: .02em; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-today-rowgroup-star { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: none; border: none; border-radius: 8px; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-today-rowgroup-star:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-rowgroup-star[aria-pressed="true"] { color: var(--ss-w-accent); }
+.ss-w-today-rowgroup-star:disabled { cursor: default; opacity: .4; }
+.ss-w-today-rowgroup-star svg { width: 16px; height: 16px; }
+.ss-w-today-rowgroup-rows { display: flex; flex-direction: column; }
+.ss-w-today-rowgroup-seeall { align-self: flex-start; background: none; border: none; font: inherit; font-size: 11px; font-weight: 700; color: var(--ss-w-faint); cursor: pointer; padding: 4px 2px 0; }
+.ss-w-today-rowgroup-seeall:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+
 /* League detail (Task 6): the drill-in view opened from a tile. Its header star is always
    enabled (spec §3/§7's one exception to the tile rule), so it carries no :disabled styling. */
 .ss-w-today-detail { position: relative; display: flex; flex-direction: column; gap: 10px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensiblestats/widget-react",
-  "version": "0.81.2",
+  "version": "0.83.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.52.0",
+    "@sensiblestats/widget-sdk": "^0.53.0",
     "react-markdown": "^9.0.1",
     "remark-gfm": "^4.0.0"
   },