@taiga-ui/stylelint-config 0.511.0 → 0.513.0

package/index.js

@@ -5,7 +5,8 @@ module.exports = {
     $schema:
         'https://raw.githubusercontent.com/SchemaStore/schemastore/master/src/schemas/json/stylelintrc.json',
     plugins: [
-        './relative-less-import-extension.js',
+        './rules/no-webkit-box-orient-block-axis.js',
+        './rules/relative-less-import-extension.js',
         'stylelint-order',
         'stylelint-rem-over-px',
         'stylelint-use-logical',
@@ -42,6 +43,7 @@ module.exports = {
         '@stylistic/selector-pseudo-class-parentheses-space-inside': null,
         '@stylistic/string-quotes': 'single',
         '@stylistic/value-list-comma-newline-after': null,
+        '@taiga-ui/no-webkit-box-orient-block-axis': true,
         '@taiga-ui/relative-less-import-extension': true,
         'alpha-value-notation': 'number',
         'annotation-no-unknown': true,
@@ -163,7 +165,13 @@ module.exports = {
         'logical-css/require-logical-keywords': [
             true,
             {
-                ignore: ['clear', 'float', 'resize', 'caption-side'],
+                ignore: [
+                    'clear',
+                    'float',
+                    'resize',
+                    'caption-side',
+                    'box-orient', // Legacy line clamping depends on vertical orientation, issue: https://github.com/taiga-family/toolkit/issues/1651
+                ],
             },
         ],
         'logical-css/require-logical-properties': [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@taiga-ui/stylelint-config",
-    "version": "0.511.0",
+    "version": "0.513.0",
     "description": "Taiga UI stylelint config",
     "keywords": [
         "stylelint",
@@ -33,7 +33,7 @@
     "peerDependencies": {
         "@stylistic/stylelint-config": "^5.0.0",
         "@stylistic/stylelint-plugin": "^5.1.0",
-        "@taiga-ui/browserslist-config": "0.511.0",
+        "@taiga-ui/browserslist-config": "^0.513.0",
         "postcss": "^8.5.10",
         "postcss-less": "^6.0.0",
         "stylelint": "^17.9.0",

package/rules/no-webkit-box-orient-block-axis.js

@@ -0,0 +1,53 @@
+const stylelint = require('stylelint');
+
+const {
+    createPlugin,
+    utils: {report, ruleMessages, validateOptions},
+} = stylelint;
+
+const ruleName = '@taiga-ui/no-webkit-box-orient-block-axis';
+const messages = ruleMessages(ruleName, {
+    expected:
+        'Expected "-webkit-box-orient: block-axis" to be "-webkit-box-orient: vertical"',
+});
+
+const meta = {
+    fixable: true,
+};
+
+/** @type {import('stylelint').Rule} */
+const ruleFunction = (primary) => (root, result) => {
+    const validOptions = validateOptions(result, ruleName, {
+        actual: primary,
+        possible: [true],
+    });
+
+    if (!validOptions) {
+        return;
+    }
+
+    root.walkDecls('-webkit-box-orient', (decl) => {
+        if (decl.value.trim().toLowerCase() !== 'block-axis') {
+            return;
+        }
+
+        report({
+            fix: () => {
+                decl.value = 'vertical';
+            },
+            message: messages.expected,
+            node: decl,
+            result,
+            ruleName,
+        });
+    });
+};
+
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = messages;
+ruleFunction.meta = meta;
+
+module.exports = createPlugin(ruleName, ruleFunction);
+module.exports.ruleName = ruleName;
+module.exports.messages = messages;
+module.exports.meta = meta;