@trebired/frontend 14.7.0 → 14.8.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
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 14.8.1
|
|
4
|
+
|
|
5
|
+
- A hovered action row rescopes `text-muted` to its hover colour. The row re-coloured itself, its value and its arrow, but anything muted inside it — a `label-caps` caption above the value, say — sets its own colour and so kept the resting grey while the ground turned, leaving dark text on a filled row.
|
|
6
|
+
|
|
7
|
+
## 14.8.0
|
|
8
|
+
|
|
9
|
+
- The grid utility takes `stretch`, which lets its items fill the row. `.grid` pins `align-items: start` with nothing to opt out of it, so a row of cards whose labels wrap to different line counts came out ragged, each card only as tall as its own text.
|
|
10
|
+
|
|
3
11
|
## 14.7.0
|
|
4
12
|
|
|
5
13
|
- A card eases its hover state. `.tbf-card` carried no `transition` at all, so the border colour an interactive card changes on hover snapped, while the cover image and corner control inside it eased — configurable as `surfaces.card.root.transition`.
|
|
@@ -121,6 +121,10 @@
|
|
|
121
121
|
|
|
122
122
|
@media (hover: hover) and (pointer: fine) {
|
|
123
123
|
#{ns.class("action-row")}#{ns.data("interactive", "true")}:hover {
|
|
124
|
+
#{ns.css-var("text-muted")}: var(
|
|
125
|
+
#{ns.css-var("surf-action-row-state-hover-text-muted")},
|
|
126
|
+
color-mix(in srgb, currentColor 72%, transparent)
|
|
127
|
+
);
|
|
124
128
|
color: var(#{ns.css-var("surf-action-row-state-hover-color")}, inherit);
|
|
125
129
|
background: var(#{ns.css-var("surf-action-row-state-hover-bg")}, transparent);
|
|
126
130
|
}
|