@sensiblestats/widget-react 0.48.6 → 0.48.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @sensiblestats/widget-react
 
+## 0.48.8
+
+### Patch Changes
+
+- 324f7eb: Injuries card: order columns by home/away (home left, away right).
+- Updated dependencies [324f7eb]
+  - @sensiblestats/widget-sdk@0.35.2
+
+## 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

package/dist/index.cjs

@@ -2687,17 +2687,19 @@ function InjuriesCard({ card, ui }) {
   const limit = expanded ? void 0 : SHOWN;
   const showMore = ui?.showMore ?? ((n) => `Show ${n} more`);
   const showLess = ui?.showLess ?? "Show less";
+  const homeCol = data.oursIsHome ? { name: data.oursName, crest: data.oursCrestUrl, rows: data.ours } : { name: data.theirsName, crest: data.theirsCrestUrl, rows: data.theirs };
+  const awayCol = data.oursIsHome ? { name: data.theirsName, crest: data.theirsCrestUrl, rows: data.theirs } : { name: data.oursName, crest: data.oursCrestUrl, rows: data.ours };
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-card ss-w-fandash-injuries", children: [
     card.title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-injuries-cols", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-injuries-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: data.oursName, crestUrl: data.oursCrestUrl }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: data.ours, emptyLabel: data.emptyLabel, limit })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: homeCol.name, crestUrl: homeCol.crest }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: homeCol.rows, emptyLabel: data.emptyLabel, limit })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "ss-w-fandash-injuries-divider" }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-injuries-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: data.theirsName, crestUrl: data.theirsCrestUrl }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: data.theirs, emptyLabel: data.emptyLabel, limit })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: awayCol.name, crestUrl: awayCol.crest }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: awayCol.rows, emptyLabel: data.emptyLabel, limit })
       ] })
     ] }),
     hidden > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -4335,10 +4337,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; }