stylelint-plugin-logical-css 0.1.0 → 0.1.1

package/README.md

@@ -1,7 +1,8 @@
-# Stylelint Plugin Logical CSS
+# 🚀 Stylelint Plugin Logical CSS
 
 ![License](https://img.shields.io/github/license/yuschick/stylelint-plugin-logical-css?style=for-the-badge)
 ![NPM Version](https://img.shields.io/npm/v/stylelint-plugin-logical-css?style=for-the-badge)
+![Main Workflow Status](https://img.shields.io/github/actions/workflow/status/yuschick/stylelint-plugin-logical-css/main.yaml?style=for-the-badge)
 
 Stylelint Plugin Logical CSS aims to enforce the use of logical CSS properties,
 values and units. The plugin provides two rules. But first, let's get set up.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stylelint-plugin-logical-css",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A Stylelint plugin to enforce the use of logical CSS properties, values and units.",
   "main": "src/index.js",
   "files": [

package/src/rules/use-logical-properties-and-values/index.js

@@ -8,9 +8,15 @@ const { isPhysicalValue } = require('../../utils/isPhysicalValue');
 const { physicalPropertiesMap } = require('../../utils/physicalPropertiesMap');
 const { physicalValuesMap } = require('../../utils/physicalValuesMap');
 
-const ruleFunction = () => {
+const ruleFunction = (_, options, context) => {
   return (root, result) => {
-    const validOptions = stylelint.utils.validateOptions(result, ruleName);
+    const validOptions = stylelint.utils.validateOptions(result, ruleName, [
+      {
+        action: 'enableAutoFix',
+        possible: [true, false],
+        optional: true,
+      },
+    ]);
 
     if (!validOptions) {
       return;
@@ -33,6 +39,18 @@ const ruleFunction = () => {
             physicalValuesMap[decl.prop][decl.value],
           );
 
+      if (context.fix && options.enableAutoFix) {
+        if (propIsPhysical) {
+          decl.prop = physicalPropertiesMap[decl.prop];
+        }
+
+        if (valueIsPhysical) {
+          decl.value = physicalValuesMap[decl.value];
+        }
+
+        return;
+      }
+
       stylelint.utils.report({
         message,
         node: decl,