Deprecation Warning: stylelint unit blacklist & whitelist has been deprecated

[atatarenko]

Context

Running a command in my project's directory dreact lint styles 'src/**/*.css'

Actual result

All lints pass but here is the warning in the console:

Deprecation Warning: 'declaration-property-unit-blacklist' has been deprecated. Instead use 'declaration-property-unit-disallowed-list'. See: https://github.com/stylelint/stylelint/blob/13.7.0/lib/rules/declaration-property-unit-blacklist/README.md
Deprecation Warning: 'declaration-property-unit-whitelist' has been deprecated. Instead use 'declaration-property-unit-allowed-list'. See: https://github.com/stylelint/stylelint/blob/13.7.0/lib/rules/declaration-property-unit-whitelist/README.md
Deprecation Warning: 'unit-whitelist' has been deprecated. Instead use 'unit-allowed-list'. See: https://github.com/stylelint/stylelint/blob/13.7.0/lib/rules/unit-whitelist/README.md

Expected result

No warning.

[ezhlobo]

@atatarenko thank you for notice. We are not actively support dreact at the moment, so it may take a while to fix the things.

So far I can suggest you to change your project's ./config/stylelint.config.js:

+ 'declaration-property-unit-blacklist': null,
+ 'declaration-property-unit-whitelist': null,
+ 'unit-whitelist': null,

If you still care about units, you can add the contraint about no pixels:

+ 'unit-disallowed-list': [
+   'px',
+   {
+     'ignoreProperties': {
+       'px': [
+         '/^(border(?!-radius))/'
+       ]
+     }
+   }
+ ],

[atatarenko]

@ezhlobo thank you for giving a tip on how we can mitigate an issue. I'd prefer to keep this one open until we find a proper fix if you don't mind.

[ohmycthulhu]

I will take a look and try fixing this issue