[TASK] Switch to stylelint-high-performance-animation

package.json

@@ -51,13 +51,14 @@
     "postcss": "^7.0.17",
     "postcss-clean": "^1.1.0",
     "postcss-reporter": "^6.0.1",
+    "postcss-value-parser": "^4.0.2",
     "pretty-bytes": "^5.3.0",
     "replace-in-file": "^4.1.3",
     "stylelint": "^10.1.0",
     "stylelint-declaration-strict-value": "^1.1.3",
+    "stylelint-high-performance-animation": "^1.2.1",
     "stylelint-images": "^2.0.0",
     "stylelint-order": "^3.0.1",
-    "stylelint-performance-animation": "^1.2.2",
     "stylelint-scss": "^3.9.4",
     "tfilter": "^1.0.1",
     "time-stamp": "^2.2.0",

stylelint-rules.js

@@ -4,23 +4,23 @@ module.exports = {
 		'stylelint-declaration-strict-value',
 		'stylelint-images',
 		'stylelint-order',
-		'stylelint-performance-animation'
+		'stylelint-high-performance-animation'
 	],
 	'rules': {
-		'at-rule-empty-line-before': [ 'always', {
+		'at-rule-empty-line-before': ['always', {
 			except: [
 				'blockless-after-same-name-blockless',
 				'first-nested'
 			],
 			ignore: ['after-comment'],
 			ignoreAtRules: ['else']
-		} ],
+		}],
 		'at-rule-name-case': 'lower',
 		'at-rule-name-space-after': 'always-single-line',
 		'at-rule-semicolon-newline-after': 'always',
 		'block-closing-brace-empty-line-before': 'never',
-		'block-closing-brace-newline-after': [ 'always', {
-			ignoreAtRules: [ 'if', 'else' ]
+		'block-closing-brace-newline-after': ['always', {
+			ignoreAtRules: ['if', 'else']
 		}],
 		'block-closing-brace-newline-before': 'always-multi-line',
 		'block-closing-brace-space-before': 'always-single-line',
@@ -31,13 +31,13 @@ module.exports = {
 		'color-hex-case': 'upper',
 		'color-hex-length': 'short',
 		'color-no-invalid-hex': true,
-		'comment-empty-line-before': [ 'always', {
+		'comment-empty-line-before': ['always', {
 			except: ['first-nested'],
 			ignore: ['stylelint-commands']
-		} ],
+		}],
 		'comment-no-empty': true,
 		'comment-whitespace-inside': 'always',
-		'custom-property-empty-line-before': [ 'always', {
+		'custom-property-empty-line-before': ['always', {
 			except: [
 				'after-custom-property',
 				'first-nested'
@@ -46,15 +46,15 @@ module.exports = {
 				'after-comment',
 				'inside-single-line-block'
 			]
-		} ],
+		}],
 		'declaration-bang-space-after': 'never',
 		'declaration-bang-space-before': 'always',
-		'declaration-block-no-duplicate-properties': [ true, {
+		'declaration-block-no-duplicate-properties': [true, {
 			ignore: ['consecutive-duplicates-with-different-values']
-		} ],
-		'declaration-block-no-redundant-longhand-properties': [ true, {
+		}],
+		'declaration-block-no-redundant-longhand-properties': [true, {
 			ignoreShorthands: ['/flex/']
-		} ],
+		}],
 		'declaration-block-no-shorthand-property-overrides': true,
 		'declaration-block-semicolon-newline-after': 'always-multi-line',
 		'declaration-block-semicolon-space-after': 'always-single-line',
@@ -82,9 +82,9 @@ module.exports = {
 		'keyframe-declaration-no-important': true,
 		'length-zero-no-unit': true,
 		'max-empty-lines': 1,
-		'max-nesting-depth': [ 6, {
+		'max-nesting-depth': [6, {
 			ignoreAtRules: ['media']
-		} ],
+		}],
 		'media-feature-colon-space-after': 'always',
 		'media-feature-colon-space-before': 'never',
 		'media-feature-name-case': 'lower',
@@ -105,10 +105,10 @@ module.exports = {
 		'number-no-trailing-zeros': true,
 		'property-case': 'lower',
 		'property-no-unknown': true,
-		'rule-empty-line-before': [ 'always', {
+		'rule-empty-line-before': ['always', {
 			except: ['first-nested'],
 			ignore: ['after-comment']
-		} ],
+		}],
 		'selector-attribute-brackets-space-inside': 'never',
 		'selector-attribute-operator-space-after': 'never',
 		'selector-attribute-operator-space-before': 'never',
@@ -127,9 +127,9 @@ module.exports = {
 		'selector-pseudo-element-no-unknown': true,
 		'selector-type-case': 'lower',
 		'selector-type-no-unknown': true,
-		'selector-class-pattern': [ '[a-z]+', {
+		'selector-class-pattern': ['[a-z]+', {
 			resolveNestedSelectors: true
-		} ],
+		}],
 		'shorthand-property-no-redundant-values': true,
 		'string-no-newline': true,
 		'unit-case': 'lower',
@@ -138,9 +138,9 @@ module.exports = {
 		'value-list-comma-space-after': 'always-single-line',
 		'value-list-comma-space-before': 'never',
 		'value-list-max-empty-lines': 0,
-		'scss/double-slash-comment-empty-line-before': [ 'always', {
+		'scss/double-slash-comment-empty-line-before': ['always', {
 			ignore: ['between-comments', 'stylelint-commands']
-		} ],
+		}],
 		'scss/at-else-empty-line-before': 'never',
 		'scss/at-import-no-partial-leading-underscore': true,
 		'scss/at-mixin-argumentless-call-parentheses': 'never',
@@ -148,7 +148,7 @@ module.exports = {
 		'scss/dollar-variable-colon-space-after': 'always',
 		'scss/dollar-variable-colon-space-before': 'never',
 		'scss/dollar-variable-no-missing-interpolation': true,
-		'scale-unlimited/declaration-strict-value': [ '/color/', {
+		'scale-unlimited/declaration-strict-value': ['/color/', {
 			ignoreKeywords: 'transparent'
 		}],
 		'images/broken': true,
@@ -156,9 +156,9 @@ module.exports = {
 			'margin',
 			'padding'
 		],
-		'plugin/no-low-performance-animation': [ true, {
-			ignore: [ 'background', 'background-color', 'color' ]
-		} ]
+		'plugin/no-low-performance-animation-properties': [true, {
+			ignore: 'paint-properties'
+		}]
 	}
 };