fix(class-name-updater): ignore css vars when running in v6 mode (#778)

patternfly · Sep 30, 2024 · d05506e · d05506e
1 parent 6522f06
commit d05506e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/class-name-updater/src/classNameUpdate.ts b/packages/class-name-updater/src/classNameUpdate.ts
@@ -16,10 +16,11 @@ export async function classNameUpdate(
   const isPostV5 = pfVersion > 5;
   const previousVersion = isPostV5 ? "-v" + (pfVersion - 1) : "";
   const classNameMatches = "[cul]";
-  const cssVarMatches = `${classNameMatches}|global|theme|color`;
+  const cssVarMatches = `${classNameMatches}|global|theme|color|chart`;
   const bodyMatches = isPostV5 ? classNameMatches : cssVarMatches;
+  const cssVarStart = isPostV5 ? "[^-]" : "";
   const changeNeededRegex = new RegExp(
-    "(\\b|\\$)pf" + previousVersion + `-(${bodyMatches})-`,
+    `(${cssVarStart})` + "(\\b|\\$)pf" + previousVersion + `-(${bodyMatches})-`,
     "g"
   );
   const newVersion = pfVersion || 5;
@@ -47,7 +48,7 @@ export async function classNameUpdate(
 
     const newContent = fileContent.replace(
       changeNeededRegex,
-      `$1pf-v${newVersion}-$2-`
+      `$1$2pf-v${newVersion}-$3-`
     );
 
     printDiff(file, fileContent, newContent, changeNeededRegex);

diff --git a/packages/class-name-updater/test/test.css b/packages/class-name-updater/test/test.css
@@ -11,6 +11,7 @@
   }
   .pf-c-console__actions > div {
     margin-right: var(--pf-v5-global--spacer--sm);
+    box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
   }
 
   .pf-m-selectable {