@sensiblestats/widget-react 0.29.5 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/index.cjs +52 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +52 -29
- package/dist/index.js.map +1 -1
- package/dist/styles.css +19 -7
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -405,13 +405,25 @@
|
|
|
405
405
|
/* extra breathing room between the tally row and the fact beyond the card's own gap */
|
|
406
406
|
.ss-w-fandash-h2h .ss-w-fandash-fact { margin-top: 4px; }
|
|
407
407
|
|
|
408
|
-
/*
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
.ss-w-fandash-
|
|
412
|
-
.ss-w-fandash-
|
|
413
|
-
.ss-w-fandash-
|
|
414
|
-
.ss-w-fandash-
|
|
408
|
+
/* Team form: a two-column result-card grid, left = home team's last 5, right = away team's last 5,
|
|
409
|
+
most-recent first. The head row carries each column's crest + name; the rows grid is filled
|
|
410
|
+
home-cell/away-cell per index so the 2-col grid lays out pairs without extra JS bookkeeping. */
|
|
411
|
+
.ss-w-fandash-teamform-head { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
|
|
412
|
+
.ss-w-fandash-teamform-head-team { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11.5px; font-weight: 750; }
|
|
413
|
+
.ss-w-fandash-teamform-head-team .ss-w-bi-crest { width: 18px; height: 18px; }
|
|
414
|
+
.ss-w-fandash-teamform-head-team .ss-w-bi-crest-mono { font-size: 8px; }
|
|
415
|
+
.ss-w-fandash-teamform-head-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
416
|
+
.ss-w-fandash-teamform-rows { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 6px; }
|
|
417
|
+
.ss-w-fandash-teamform-slot { display: block; min-width: 0; }
|
|
418
|
+
.ss-w-fandash-teamform-cell {
|
|
419
|
+
display: flex; align-items: center; gap: 4px; border-radius: 7px; padding: 4px 5px; color: #fff;
|
|
420
|
+
}
|
|
421
|
+
.ss-w-fandash-teamform-cell--win { background: var(--ss-w-pos); }
|
|
422
|
+
.ss-w-fandash-teamform-cell--loss { background: var(--ss-w-neg); }
|
|
423
|
+
.ss-w-fandash-teamform-cell--draw { background: var(--ss-w-faint); }
|
|
424
|
+
.ss-w-fandash-teamform-cell .ss-w-bi-crest { width: 16px; height: 16px; flex: none; background: rgba(255, 255, 255, .22); }
|
|
425
|
+
.ss-w-fandash-teamform-cell .ss-w-bi-crest-mono { font-size: 7px; color: #fff; }
|
|
426
|
+
.ss-w-fandash-teamform-score { flex: 1; text-align: center; font-size: 12.5px; font-weight: 750; font-variant-numeric: tabular-nums; }
|
|
415
427
|
.ss-w-fandash-injuries-more { margin-top: 10px; width: 100%; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 9px; padding: 7px; font: inherit; font-size: 11.5px; font-weight: 700; color: var(--ss-w-accent); cursor: pointer; }
|
|
416
428
|
.ss-w-fandash-injuries-more:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 2px; }
|
|
417
429
|
.ss-w-fandash-form { display: inline-flex; gap: 3px; flex: none; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sensiblestats/widget-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.0",
|
|
4
4
|
"description": "Embeddable SensibleStats chat widget for React.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"prepublishOnly": "yarn build"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@sensiblestats/widget-sdk": "^0.
|
|
40
|
+
"@sensiblestats/widget-sdk": "^0.26.0",
|
|
41
41
|
"react-markdown": "^9.0.1",
|
|
42
42
|
"remark-gfm": "^4.0.0"
|
|
43
43
|
},
|