@sensiblestats/widget-react 0.48.5 → 0.48.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @sensiblestats/widget-react
 
+## 0.48.7
+
+### Patch Changes
+
+- df7d101: Greeting discovery tiles now tint the live panel color instead of hardcoding light pastels, so an operator with a dark custom `surface` (or a dark theme) gets readable tinted-dark cards rather than near-white text on fixed light pastel backgrounds.
+
+## 0.48.6
+
+### Patch Changes
+
+- Today tab: mirror the away team around the score — crest on the outer (right) edge, name right-aligned — so each fixture row reads symmetrically like a scoreboard. Applies to both the live band and the competition accordions.
+
 ## 0.48.5
 
 ### Patch Changes

package/dist/index.cjs

@@ -3736,8 +3736,8 @@ function kickoffLabel(kickoffUnix) {
   const d = new Date(kickoffUnix * 1e3);
   return `${`${d.getHours()}`.padStart(2, "0")}:${`${d.getMinutes()}`.padStart(2, "0")}`;
 }
-function Side({ name, crest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "ss-w-drow-side", children: [
+function Side({ name, crest, away = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
     crest ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ss-w-drow-nm", children: name })
   ] });
@@ -3752,7 +3752,7 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "ss-w-drow-fx", children: [
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: hasScore ? `${state.homeScore}\u2013${state.awayScore}` : "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
@@ -4335,10 +4335,13 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-dash--discovery .ss-w-dash-tile--full .ss-w-dash-tile-icon { align-self: center; }
 .ss-w-dash--discovery .ss-w-dash-tile-meta { flex-wrap: nowrap; }
 .ss-w-dash--discovery .ss-w-dash-tile-crest { width: 22px; height: 22px; }
-.ss-w-dash--discovery .ss-w-dash-tile:nth-child(1) { background: #eef8f1; }
-.ss-w-dash--discovery .ss-w-dash-tile:nth-child(2) { background: #eef3fb; }
-.ss-w-dash--discovery .ss-w-dash-tile:nth-child(3) { background: #fdf6ec; }
-.ss-w-dash--discovery .ss-w-dash-tile:nth-child(4) { background: #f5eefb; }
+/* Tints mix a hue into the live panel rather than hardcoding a light pastel, so a dark
+   operator surface (e.g. --ss-w-panel set from a navy \`surface\` brand color) yields a
+   readable tinted-dark card instead of near-white ink on a fixed light pastel. */
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(1) { background: color-mix(in srgb, #34c759 10%, var(--ss-w-panel)); }
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(2) { background: color-mix(in srgb, #3a82f6 10%, var(--ss-w-panel)); }
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(3) { background: color-mix(in srgb, #f5a623 10%, var(--ss-w-panel)); }
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(4) { background: color-mix(in srgb, #a855f7 10%, var(--ss-w-panel)); }
 
 /* club fan pre-match dashboard */
 .ss-w-fandash { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
@@ -4762,6 +4765,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
    which is the u350 betting-card truncation one layer down. */
 .ss-w-drow-fx { display: flex; align-items: center; gap: 6px; min-width: 0; }
 .ss-w-drow-side { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 1 1 0; }
+/* Away side mirrors home around the score: crest to the far edge, name aligned inward. */
+.ss-w-drow-side--away { flex-direction: row-reverse; text-align: right; }
 .ss-w-drow-nm { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* Centre slot of .ss-w-drow-fx, between the two sides: flex:none so a widening score never
    steals width the team names need to avoid ellipsis. min-width holds the slot at the width of a