@leavepulse/ui 0.37.9 → 0.37.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.37.9",
+  "version": "0.37.10",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/tokens/tokens.css

@@ -451,8 +451,8 @@
   position: relative;
   border-width: var(--surface-border-width);
   box-shadow: var(--surface-panel-inset), var(--surface-panel-shadow);
-  backdrop-filter: blur(var(--surface-panel-blur)) saturate(var(--surface-panel-saturate));
   -webkit-backdrop-filter: blur(var(--surface-panel-blur)) saturate(var(--surface-panel-saturate));
+  backdrop-filter: blur(var(--surface-panel-blur)) saturate(var(--surface-panel-saturate));
 }
 
 /*
@@ -470,8 +470,8 @@
 }
 
 :root[data-lp-no-backdrop] .lp-skin-panel {
-  backdrop-filter: none;
   -webkit-backdrop-filter: none;
+  backdrop-filter: none;
 }
 
 /*
@@ -486,8 +486,8 @@
  */
 .lp-scrim {
   background-color: rgb(0 0 0 / var(--scrim-opacity, 0.5));
-  backdrop-filter: blur(var(--scrim-blur, 4px));
   -webkit-backdrop-filter: blur(var(--scrim-blur, 4px));
+  backdrop-filter: blur(var(--scrim-blur, 4px));
 }
 
 /*
@@ -497,9 +497,17 @@
  * while the engines that do paint it disagreed with the token. One owner for
  * both halves keeps the two cases in step.
  */
+/*
+ * The prefixed declaration comes FIRST, everywhere in this file. Lightning CSS
+ * (Tailwind v4's minifier) folds the pair into one property and keeps the
+ * last spelling it sees: with `-webkit-` last, a consumer's production build
+ * shipped only `-webkit-backdrop-filter`, which Chromium and Firefox ignore —
+ * the scrim tinted but never blurred, while the unminified dev server and
+ * this preview looked fine.
+ */
 :root[data-lp-no-backdrop] .lp-scrim {
-  backdrop-filter: none;
   -webkit-backdrop-filter: none;
+  backdrop-filter: none;
   --scrim-opacity: 0.62;
 }