@sensiblestats/widget-react 0.7.1 → 0.7.2
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 +6 -0
- package/dist/index.cjs +55 -33
- 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 +55 -33
- package/dist/index.js.map +1 -1
- package/dist/styles.css +19 -17
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -105,27 +105,29 @@
|
|
|
105
105
|
.ss-w-bi-live { font-size: 8.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #c0392b; border-radius: 4px; padding: 1px 5px; display: inline-flex; align-items: center; gap: 4px; flex: none; }
|
|
106
106
|
.ss-w-bi-live-dot { width: 5px; height: 5px; border-radius: 50%; background: #fff; }
|
|
107
107
|
.ss-w-bi-head { display: flex; align-items: flex-start; gap: 10px; }
|
|
108
|
-
.ss-w-bi-mkt { display: flex; flex-direction: column; gap:
|
|
109
|
-
.ss-w-bi-market { font-size:
|
|
110
|
-
.ss-w-bi-sel { font-size:
|
|
111
|
-
.ss-w-bi-odds { margin-left: auto; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; background: color-mix(in srgb, var(--ss-w-accent) 12%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent)
|
|
112
|
-
.ss-w-bi-odds-cap { font-size:
|
|
113
|
-
.ss-w-bi-odds b { font-size:
|
|
108
|
+
.ss-w-bi-mkt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
|
|
109
|
+
.ss-w-bi-market { font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--ss-w-ink); }
|
|
110
|
+
.ss-w-bi-sel { font-size: 12px; line-height: 1.3; color: var(--ss-w-faint); }
|
|
111
|
+
.ss-w-bi-odds { margin-left: auto; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 1px; background: color-mix(in srgb, var(--ss-w-accent) 12%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-line)); border-radius: 10px; padding: 4px 11px; min-width: 62px; }
|
|
112
|
+
.ss-w-bi-odds-cap { font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ss-w-faint); }
|
|
113
|
+
.ss-w-bi-odds b { font-size: 19px; font-family: ui-monospace, monospace; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-accent); line-height: 1.1; }
|
|
114
114
|
.ss-w-bi-book { font-size: 9.5px; color: var(--ss-w-faint); }
|
|
115
|
-
.ss-w-bi-text { font-size: 12px; color: var(--ss-w-ink); }
|
|
115
|
+
.ss-w-bi-text { font-size: 12px; line-height: 1.45; color: var(--ss-w-ink); }
|
|
116
|
+
.ss-w-bi-stats { display: flex; flex-direction: column; gap: 8px; }
|
|
117
|
+
.ss-w-bi-toggle { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; background: none; border: none; color: var(--ss-w-accent); font: inherit; font-size: 11.5px; font-weight: 600; padding: 2px 0; cursor: pointer; }
|
|
118
|
+
.ss-w-bi-toggle:hover { text-decoration: underline; }
|
|
119
|
+
.ss-w-bi-chev { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; }
|
|
120
|
+
.ss-w-bi-chev-up { transform: translateY(1px) rotate(-135deg); }
|
|
116
121
|
.ss-w-bi-rows { display: flex; flex-direction: column; }
|
|
117
|
-
.ss-w-bi-row { display: flex; align-items: baseline; gap:
|
|
122
|
+
.ss-w-bi-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 5px 0; border-top: 1px solid var(--ss-w-line); }
|
|
118
123
|
.ss-w-bi-row:first-child { border-top: none; }
|
|
119
|
-
.ss-w-bi-row-lbl { font-size:
|
|
120
|
-
.ss-w-bi-row-
|
|
121
|
-
.ss-w-bi-row-num { font-family: ui-monospace, monospace; font-weight: 700; font-variant-numeric: tabular-nums; font-size: 12.5px; flex: none; color: var(--ss-w-ink); }
|
|
122
|
-
.ss-w-bi-more { align-self: flex-start; background: none; border: none; color: var(--ss-w-accent); font: inherit; font-size: 11px; font-weight: 560; padding: 2px 0; cursor: pointer; }
|
|
123
|
-
.ss-w-bi-more:hover { text-decoration: underline; }
|
|
124
|
+
.ss-w-bi-row-lbl { font-size: 11.5px; color: var(--ss-w-faint); min-width: 0; }
|
|
125
|
+
.ss-w-bi-row-num { font-family: ui-monospace, monospace; font-weight: 700; font-variant-numeric: tabular-nums; font-size: 13px; flex: none; color: var(--ss-w-ink); }
|
|
124
126
|
.ss-w-bi-disc { font-size: 10px; font-style: italic; color: var(--ss-w-faint); }
|
|
125
|
-
.ss-w-bi-scoped { display: flex; flex-direction: column; gap:
|
|
126
|
-
.ss-w-bi-scopes { display: flex; align-items: center; gap:
|
|
127
|
-
.ss-w-bi-chip { font-size: 11px; font-weight:
|
|
128
|
-
.ss-w-bi-chip[aria-pressed="true"] { color:
|
|
127
|
+
.ss-w-bi-scoped { display: flex; flex-direction: column; gap: 8px; }
|
|
128
|
+
.ss-w-bi-scopes { display: inline-flex; align-items: center; gap: 2px; flex-wrap: wrap; align-self: flex-start; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 9px; padding: 2px; }
|
|
129
|
+
.ss-w-bi-chip { font-size: 11px; font-weight: 600; border: none; border-radius: 7px; padding: 4px 10px; color: var(--ss-w-faint); background: none; cursor: pointer; }
|
|
130
|
+
.ss-w-bi-chip[aria-pressed="true"] { color: var(--ss-w-ink); background: var(--ss-w-panel); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
|
|
129
131
|
|
|
130
132
|
/* action buttons */
|
|
131
133
|
.ss-w-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
|