@percy/dom 1.31.14-beta.4 → 1.31.15-alpha.0

package/dist/bundle.js

@@ -398,7 +398,17 @@
       if (!sheetA.cssRules || !sheetB.cssRules) return false;
       const lenA = sheetA.cssRules.length;
       const lenB = sheetB.cssRules.length;
-      if (lenA !== lenB) return false;
+
+      // Only treat as mismatch when the live sheet has MORE rules than the
+      // clone — that signals rules were added via CSSOM (insertRule/adopted)
+      // and must be re-serialized. When lenA <= lenB, the clone already
+      // contains all of the live rules (often duplicated by clone-dom's
+      // <style> textContent handling); trust the clone's source text so that
+      // CSS shorthand semantics (e.g. `all: initial; border-radius: var(...)`)
+      // survive — `cssRule.cssText` expansion appends logical longhands like
+      // `border-end-end-radius: initial` AFTER the shorthand, which silently
+      // overrides it and breaks the cascade.
+      if (lenA > lenB) return false;
       for (let i = 0; i < lenA; i++) {
         const ruleA = sheetA.cssRules[i] && sheetA.cssRules[i].cssText;
         const ruleB = sheetB.cssRules[i] && sheetB.cssRules[i].cssText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.31.14-beta.4",
+  "version": "1.31.15-alpha.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "tag": "beta"
+    "tag": "alpha"
   },
   "main": "dist/bundle.js",
   "browser": "dist/bundle.js",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "b52f1d2fb6272c0b3694e1e9ff584c5622a118c7"
+  "gitHead": "726ab78fcd37479a0904996a88400a0b6626daac"
 }