@sensiblestats/widget-react 0.99.0 → 0.100.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.
Files changed (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.cjs +2305 -1779
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +1 -1
  5. package/dist/index.d.ts +1 -1
  6. package/dist/index.js +2269 -1743
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +76 -0
  9. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -334,6 +334,7 @@
334
334
  .ss-w-bi-comp-logo { width: 16px; height: 16px; flex: none; display: block; border-radius: 50%; object-fit: contain; }
335
335
  .ss-w-bi-crest { width: 24px; height: 24px; flex: none; display: block; border-radius: 50%; object-fit: contain; }
336
336
  .ss-w-bi-crest-mono { display: grid; place-items: center; font-size: 10px; font-weight: 700; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 16%, var(--ss-w-panel)); }
337
+ .ss-w-bi-crest--abbr { width: auto; min-width: 26px; padding: 0 3px; border-radius: 4px; font-size: 8px; font-weight: 800; letter-spacing: .02em; box-sizing: border-box; }
337
338
 
338
339
  /* fixture atoms -- crest-flanked team pair; shared by the insight fixture line and MarketOddsCardList */
339
340
  .ss-w-bi-team { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -342,6 +343,7 @@
342
343
  /* shared crest-flanked team row (MarketOddsCardList); matches .ss-w-bi-fixture-line's hero weight
343
344
  so the fixture reads the same on both card types (u350) */
344
345
  .ss-w-bi-fixture { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; font-size: 13px; font-weight: 700; color: var(--ss-w-ink); }
346
+ .ss-w-bi-fixture:has(.ss-w-bi-crest--abbr) .ss-w-bi-team { white-space: normal; overflow-wrap: anywhere; }
345
347
 
346
348
  /* row 2, two-tier: the market label owns a full-width line above the pick row (selection grows
347
349
  left, odds + slip + pin sit right), so neither the market name nor the fixture clips (u350) */
@@ -469,6 +471,80 @@
469
471
  .ss-w-nba-more, .ss-w-nba-sr-sum { margin: 0; font-size: 12px; line-height: 1.4; color: var(--ss-w-faint); }
470
472
  .ss-w-nba-sr-sum { font-weight: 600; color: var(--ss-w-ink); }
471
473
 
474
+ /* NFL insight cards (u582 P3). Read-only prices, no slip, no pin, no animation: the NBA card shell with team-abbreviation badges. */
475
+ .ss-w-nfl-cards { display: flex; flex-direction: column; gap: 8px; }
476
+ .ss-w-nfl-card { border: 1px solid var(--ss-w-line); border-radius: 16px; background: var(--ss-w-panel); padding: 14px; display: flex; flex-direction: column; gap: 12px; }
477
+ .ss-w-nfl-head { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
478
+ .ss-w-nfl-meta { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; font-size: 11px; color: var(--ss-w-faint); line-height: 1.3; }
479
+ .ss-w-nfl-side { display: inline-flex; align-items: center; gap: 4px; min-width: 0; }
480
+ .ss-w-nfl-sep { color: var(--ss-w-faint); }
481
+ .ss-w-nfl-kick { margin-left: auto; white-space: nowrap; }
482
+ .ss-w-nfl-title { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--ss-w-ink); overflow-wrap: anywhere; }
483
+ .ss-w-nfl-badge { flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 16px; padding: 0 3px; border-radius: 4px; font-size: 9px; font-weight: 800; letter-spacing: .02em; line-height: 1; color: var(--ss-w-ink); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); box-sizing: border-box; }
484
+ .ss-w-nfl-who { margin: 0; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; font-weight: 600; font-size: 13px; color: var(--ss-w-ink); overflow-wrap: anywhere; }
485
+ .ss-w-nfl-pos { font-size: 10px; font-weight: 600; color: var(--ss-w-faint); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 0 6px; }
486
+ .ss-w-nfl-n { font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); text-align: right; white-space: nowrap; }
487
+ .ss-w-nfl-n--faint { color: var(--ss-w-faint); }
488
+ .ss-w-nfl-pcell { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; min-width: 0; }
489
+ .ss-w-nfl-price { display: inline-flex; align-items: baseline; gap: 5px; font-size: 11.5px; font-weight: 600; border: 1px solid var(--ss-w-line); border-radius: 9px; padding: 5px 8px; white-space: nowrap; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
490
+ .ss-w-nfl-price-lab { color: var(--ss-w-faint); font-weight: 600; }
491
+ .ss-w-nfl-games { display: flex; gap: 4px; }
492
+ .ss-w-nfl-game { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 3px; }
493
+ .ss-w-nfl-gv { font-size: 11.5px; font-weight: 700; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
494
+ .ss-w-nfl-track { position: relative; width: 100%; height: 56px; }
495
+ .ss-w-nfl-bar { position: absolute; bottom: 0; left: 22%; right: 22%; box-sizing: border-box; border: 1.5px solid var(--ss-w-accent); border-radius: 3px 3px 0 0; background: transparent; }
496
+ .ss-w-nfl-bar[data-result="hit"] { background: var(--ss-w-accent); }
497
+ .ss-w-nfl-mark { position: absolute; left: 0; right: 0; border-top: 1px dashed var(--ss-w-faint); }
498
+ .ss-w-nfl-gd { font-size: 10px; color: var(--ss-w-faint); white-space: nowrap; }
499
+ .ss-w-nfl-go { font-size: 10px; font-weight: 600; color: var(--ss-w-faint); white-space: nowrap; }
500
+ .ss-w-nfl-figs { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
501
+ .ss-w-nfl-fig { display: flex; flex-direction: column; gap: 1px; }
502
+ .ss-w-nfl-fig b { font-size: 16px; font-weight: 700; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
503
+ .ss-w-nfl-figl { font-size: 10.5px; font-weight: 600; color: var(--ss-w-faint); }
504
+ .ss-w-nfl-figs > .ss-w-nfl-pcell { margin-left: auto; }
505
+ .ss-w-nfl-ladder { display: flex; flex-direction: column; gap: 8px; }
506
+ .ss-w-nfl-rung { display: grid; grid-template-columns: 52px minmax(0,1fr) auto auto; align-items: center; gap: 6px; font-size: 13px; font-variant-numeric: tabular-nums; }
507
+ .ss-w-nfl-at { font-weight: 700; color: var(--ss-w-ink); }
508
+ .ss-w-nfl-meter { height: 6px; border-radius: 3px; background: var(--ss-w-bubble); overflow: hidden; }
509
+ .ss-w-nfl-meter > span { display: block; height: 100%; border-radius: 3px; background: var(--ss-w-accent); }
510
+ .ss-w-nfl-inj { display: flex; flex-direction: column; gap: 6px; }
511
+ .ss-w-nfl-inj-row { display: grid; grid-template-columns: minmax(0,1fr) 28px 92px; align-items: center; gap: 8px; font-size: 13px; padding: 4px 0; }
512
+ .ss-w-nfl-inj-row + .ss-w-nfl-inj-row { border-top: 1px solid var(--ss-w-line); }
513
+ .ss-w-nfl-inj-nm { min-width: 0; color: var(--ss-w-ink); overflow-wrap: anywhere; }
514
+ .ss-w-nfl-inj-pos { font-size: 11px; font-weight: 600; color: var(--ss-w-faint); }
515
+ .ss-w-nfl-inj-st { justify-self: end; font-size: 11px; font-weight: 600; line-height: 1.3; color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
516
+ .ss-w-nfl-inj-st[data-status="out"], .ss-w-nfl-inj-st[data-status="doubtful"] { color: var(--ss-w-warn); border-color: var(--ss-w-warn); }
517
+ .ss-w-nfl-note { margin: 0; font-size: 11px; line-height: 1.4; color: var(--ss-w-faint); }
518
+ .ss-w-nfl-lm { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; align-items: center; gap: 8px 12px; font-size: 13px; font-variant-numeric: tabular-nums; }
519
+ .ss-w-nfl-lane { display: contents; }
520
+ .ss-w-nfl-hd { font-size: 10.5px; font-weight: 600; color: var(--ss-w-faint); white-space: nowrap; }
521
+ .ss-w-nfl-hd--r { text-align: right; }
522
+ .ss-w-nfl-record { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
523
+ .ss-w-nfl-rec-team { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ss-w-ink); }
524
+ .ss-w-nfl-rec { font-size: 20px; font-weight: 700; line-height: 1.1; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
525
+ .ss-w-nfl-rec-basis { font-size: 11px; color: var(--ss-w-faint); }
526
+ .ss-w-nfl-card[data-kind="ats_record"] .ss-w-nfl-games { flex-direction: column; gap: 0; }
527
+ .ss-w-nfl-card[data-kind="ats_record"] .ss-w-nfl-game { flex-direction: row; justify-content: space-between; gap: 8px; padding: 6px 0; font-size: 12.5px; }
528
+ .ss-w-nfl-card[data-kind="ats_record"] .ss-w-nfl-game + .ss-w-nfl-game { border-top: 1px solid var(--ss-w-line); }
529
+ .ss-w-nfl-card[data-kind="ats_record"] .ss-w-nfl-gd { flex: 1; text-align: left; }
530
+ .ss-w-nfl-sl { min-width: 44px; text-align: right; font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
531
+ .ss-w-nfl-res { min-width: 22px; text-align: center; font-size: 11px; font-weight: 700; line-height: 1.3; color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 6px; }
532
+ .ss-w-nfl-res[data-result="win"] { color: var(--ss-w-accent); border-color: var(--ss-w-accent); }
533
+ .ss-w-nfl-res[data-result="loss"] { color: var(--ss-w-warn); border-color: var(--ss-w-warn); }
534
+ .ss-w-nfl-res[data-result="push"] { color: var(--ss-w-faint); }
535
+ .ss-w-nfl-mu { display: flex; flex-direction: column; gap: 10px; }
536
+ .ss-w-nfl-settle { display: flex; flex-direction: column; gap: 10px; }
537
+ .ss-w-nfl-score { display: flex; align-items: baseline; gap: 8px; }
538
+ .ss-w-nfl-score b { font-size: 20px; font-weight: 700; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
539
+ .ss-w-nfl-sum { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--ss-w-faint); }
540
+ .ss-w-nfl-sumc b { color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
541
+ .ss-w-nfl-pl { display: flex; flex-direction: column; gap: 4px; }
542
+ .ss-w-nfl-ln { display: grid; grid-template-columns: minmax(0,1fr) 44px auto; align-items: center; gap: 8px; font-size: 13px; }
543
+ .ss-w-nfl-ln-what { min-width: 0; color: var(--ss-w-faint); font-size: 12px; overflow-wrap: anywhere; }
544
+ .ss-w-nfl-lres { justify-self: end; min-width: 48px; text-align: center; font-size: 11px; font-weight: 600; line-height: 1.3; color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
545
+ .ss-w-nfl-lres[data-result="push"], .ss-w-nfl-lres[data-result="void"] { color: var(--ss-w-faint); }
546
+ .ss-w-nfl-foot { font-size: 11px; color: var(--ss-w-faint); line-height: 1.4; border-top: 1px solid var(--ss-w-line); padding-top: 10px; }
547
+
472
548
  /* market odds card */
473
549
  .ss-w-mocards { display: flex; flex-direction: column; gap: 7px; }
474
550
  .ss-w-mocard { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; border-left: 3px solid var(--ss-w-accent); padding: 9px 11px; display: flex; flex-direction: column; gap: 6px; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sensiblestats/widget-react",
3
- "version": "0.99.0",
3
+ "version": "0.100.0",
4
4
  "description": "Embeddable SensibleStats chat widget for React.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -38,7 +38,7 @@
38
38
  "prepublishOnly": "yarn build"
39
39
  },
40
40
  "dependencies": {
41
- "@sensiblestats/widget-sdk": "^0.66.0",
41
+ "@sensiblestats/widget-sdk": "^0.67.0",
42
42
  "react-markdown": "^9.0.1",
43
43
  "remark-gfm": "^4.0.0"
44
44
  },