@trebired/frontend 14.6.5 → 14.8.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 14.8.0
+
+- 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.
+
+## 14.7.0
+
+- 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`.
+- 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.
+
 ## 14.6.5
 
 - 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.

package/dist/layout/styles/site-footer.scss

@@ -88,7 +88,8 @@
   width: fit-content;
   color: inherit;
   text-decoration-line: var(#{ns.css-var("shell-footer-link-decoration-line")}, none);
-  transition: color 0.3s ease, text-decoration-color 0.3s ease;
+  transition: color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
+  text-decoration-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease);
 }
 
 #{ns.element-class("site-footer", "link")}:hover,

package/dist/styles/utils/layout-grid.scss

@@ -36,6 +36,10 @@
     grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   }
 
+  &.stretch {
+    align-items: stretch;
+  }
+
   &.cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

package/dist/surface/styles/index.scss

@@ -186,6 +186,12 @@
 #{ns.data("card")} {
   min-width: 0;
   box-sizing: border-box;
+  transition: var(
+    #{ns.css-var("surf-card-root-transition")},
+    background-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
+    border-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
+    color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease)
+  );
   border: var(#{ns.css-var("surf-card-root-border")}, var(--border-width) solid var(--border-surface-1));
   border-radius: var(#{ns.css-var("surf-card-root-radius")}, var(--radius-lg, var(#{ns.css-var("radius")}, 0)));
   color: var(#{ns.css-var("surf-card-root-color")}, var(#{ns.css-var("text")}, #000));

package/package.json

@@ -8,7 +8,7 @@
     }
   },
   "name": "@trebired/frontend",
-  "version": "14.6.5",
+  "version": "14.8.0",
   "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
   "type": "module",
   "private": false,