Fix a bug that was preventing animation name flipping in names surrou…

…nded by commas

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [1.2.3] - 2020-04-18
+
+- Bug fix: flip animation names if they are surrounded by comas
+
 ## [1.2.2] - 2020-04-16
 
 - Bug fix: detect chainable override, e.g. border-bottom-color is overridden by border-bottom but also by border

src/index.ts

@@ -18,7 +18,7 @@ const transformer = (options: PluginOptions = {}): Transformer  => (
         }
 
         const keyFramesStringMap = getKeyFramesStringMap(keyframes);
-
+        
         const keyFrameData: KeyFramesData = {
             length: keyframes.length,
             keyframes,

src/parsers/atrules.ts

@@ -16,7 +16,7 @@ export const getKeyFramesStringMap = (keyframes: AtRulesObject[]): AtRulesString
     return stringMap;
 };
 
-export const getKeyFramesRegExp = (stringMap: AtRulesStringMap): RegExp => new RegExp(`(^| )(${ Object.keys(stringMap).join('|') })( |$)`, 'g');
+export const getKeyFramesRegExp = (stringMap: AtRulesStringMap): RegExp => new RegExp(`(^|[^\\w-]| )(${ Object.keys(stringMap).join('|') })( |[^\\w-]|$)`, 'g');
 
 export const parseAtRules = (
     rules: RulesObject[],

src/parsers/declarations.ts

@@ -69,7 +69,7 @@ export const parseDeclarations = (
         ) {
             return;
         }
-
+        
         if (isAnimation) {
 
             const declValue = decl.value.replace(