@sensiblestats/widget-react 0.73.0 → 0.73.1
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 +24 -8
- 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 +24 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +14 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -660,9 +660,21 @@
|
|
|
660
660
|
part of that visual language rather than a plain unstyled button. */
|
|
661
661
|
.ss-w-dash--market .ss-w-dash-tile { border-left: 3px solid var(--ss-w-accent); }
|
|
662
662
|
|
|
663
|
-
/* Goal: one column of
|
|
663
|
+
/* Goal: one column of compact cards, 60px tall with the badge as a price column on the right.
|
|
664
|
+
The value ink is accent mixed toward ink (as on the hero price): plain light accent on the
|
|
665
|
+
panel is 3.9:1, under the 4.5:1 small text needs. */
|
|
664
666
|
.ss-w-dash--goal .ss-w-dash-grid { grid-template-columns: 1fr; }
|
|
665
|
-
.ss-w-dash--goal .ss-w-dash-tile {
|
|
667
|
+
.ss-w-dash--goal .ss-w-dash-tile { gap: 12px; min-height: 60px; padding: 8px 12px 8px 14px; border-radius: 8px; }
|
|
668
|
+
.ss-w-dash--goal .ss-w-dash-tile:hover { background: var(--ss-w-bubble); }
|
|
669
|
+
.ss-w-dash--goal .ss-w-dash-tile-icon { width: 24px; height: 24px; font-size: 20px; }
|
|
670
|
+
.ss-w-dash--goal .ss-w-dash-tile-body { gap: 1px; }
|
|
671
|
+
.ss-w-dash--goal .ss-w-dash-tile-title { font-size: 15px; line-height: 1.25; }
|
|
672
|
+
.ss-w-dash--goal .ss-w-dash-tile-subtitle { font-size: 13px; line-height: 1.3; overflow-wrap: break-word; }
|
|
673
|
+
.ss-w-dash-tile-value {
|
|
674
|
+
flex: none; margin-left: auto; max-width: 40%; text-align: right;
|
|
675
|
+
font-size: 16px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums;
|
|
676
|
+
color: color-mix(in srgb, var(--ss-w-accent) 70%, var(--ss-w-ink));
|
|
677
|
+
}
|
|
666
678
|
|
|
667
679
|
/* Discovery: tinted bento cards. Stacked (icon over text) so a two- or three-word title gets
|
|
668
680
|
the tile's full width instead of the ~100px left of a horizontal icon+chevron -- that narrow
|