@trebired/frontend 14.6.4 → 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,14 @@
|
|
|
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
|
+
|
|
8
|
+
## 14.6.5
|
|
9
|
+
|
|
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.
|
|
11
|
+
|
|
3
12
|
## 14.6.4
|
|
4
13
|
|
|
5
14
|
- The locale trigger's border now needs the compound selector `.tbf-button.tbf-locale-trigger` to win. `.tbf-locale-trigger` and `.tbf-button` are both plain single-class selectors of equal specificity, so a longhand `border-width` on the trigger still lost to a `border` shorthand on the button whenever the button's rule happened to come later in the bundle — which it does, since language styles are emitted before surface styles. The 14.6.2 fix set the property but never actually reached the page.
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
#{ns.class("button")}#{ns.class("locale-trigger")} {
|
|
21
21
|
border-width: var(#{ns.css-var("shell-language-trigger-border-width")}, 1px);
|
|
22
22
|
border-color: var(
|
|
23
|
-
#{ns.css-var("shell-language-trigger-border
|
|
23
|
+
#{ns.css-var("shell-language-trigger-border")},
|
|
24
24
|
color-mix(in srgb, currentColor 24%, transparent)
|
|
25
25
|
);
|
|
26
26
|
}
|
|
@@ -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));
|