@trebired/frontend 14.6.5 → 14.7.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
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 14.7.0
|
|
4
|
+
|
|
5
|
+
- 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`.
|
|
6
|
+
- A site footer link takes its hover duration from `transition-fast` rather than a hardcoded `0.3s`, so a site that tunes that token gets footer, header and button hovers on one timing instead of two.
|
|
7
|
+
|
|
3
8
|
## 14.6.5
|
|
4
9
|
|
|
5
10
|
- The locale trigger's border colour now reads `shell-language-trigger-border`, not `-border-color`. Every `border-color`-named config key is rewritten to a `-border` CSS variable by the shared token-naming pipeline, the same as `borderColor` on a button tone; the trigger's own rule was the one place still spelling out `-border-color`, so a site's `shell.language.trigger.borderColor` was silently never read and the trigger always drew the built-in fallback instead.
|
|
@@ -88,7 +88,8 @@
|
|
|
88
88
|
width: fit-content;
|
|
89
89
|
color: inherit;
|
|
90
90
|
text-decoration-line: var(#{ns.css-var("shell-footer-link-decoration-line")}, none);
|
|
91
|
-
transition: color
|
|
91
|
+
transition: color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
|
|
92
|
+
text-decoration-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease);
|
|
92
93
|
}
|
|
93
94
|
|
|
94
95
|
#{ns.element-class("site-footer", "link")}:hover,
|
|
@@ -186,6 +186,12 @@
|
|
|
186
186
|
#{ns.data("card")} {
|
|
187
187
|
min-width: 0;
|
|
188
188
|
box-sizing: border-box;
|
|
189
|
+
transition: var(
|
|
190
|
+
#{ns.css-var("surf-card-root-transition")},
|
|
191
|
+
background-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
|
|
192
|
+
border-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
|
|
193
|
+
color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease)
|
|
194
|
+
);
|
|
189
195
|
border: var(#{ns.css-var("surf-card-root-border")}, var(--border-width) solid var(--border-surface-1));
|
|
190
196
|
border-radius: var(#{ns.css-var("surf-card-root-radius")}, var(--radius-lg, var(#{ns.css-var("radius")}, 0)));
|
|
191
197
|
color: var(#{ns.css-var("surf-card-root-color")}, var(#{ns.css-var("text")}, #000));
|