@dialpad/eslint-plugin-dialtone 1.10.0 → 1.11.0

package/README.md

@@ -62,4 +62,12 @@ Then configure the rules you want to use under the rules section.
 
 ## Supported Rules
 
-* Fill in provided rules here
+* [custom-implementation](docs/rules/custom-implementation.md)
+* [deprecated-base-color-classes](docs/rules/deprecated-base-color-classes.md)
+* [deprecated-component](docs/rules/deprecated-component.md)
+* [deprecated-directive](docs/rules/deprecated-directive.md)
+* [deprecated-flex-gap-classes](docs/rules/deprecated-flex-gap-classes.md)
+* [deprecated-grid-gap-classes](docs/rules/deprecated-grid-gap-classes.md)
+* [deprecated-icons](docs/rules/deprecated-icons.md)
+* [deprecated-stack-alignment-classes](docs/rules/deprecated-stack-alignment-classes.md)
+* [recommend-typography-style](docs/rules/recommend-typography-style.md)

package/lib/rules/deprecated-stack-alignment-classes.js

@@ -0,0 +1,61 @@
+/**
+ * @fileoverview Recommends using align/justify props instead of CSS utilities on Stack component
+ */
+"use strict";
+
+//------------------------------------------------------------------------------
+// Rule Definition
+//------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: "Recommend using align/justify props instead of CSS utilities on Stack component",
+      recommended: false,
+      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/deprecated-stack-alignment-classes.md',
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      useAlignProp: 'Use the `align` prop instead of `d-ai-*` utility classes on <dt-stack>. See: https://dialtone.dialpad.com/components/stack.html#align',
+      useJustifyProp: 'Use the `justify` prop instead of `d-jc-*` utility classes on <dt-stack>. See: https://dialtone.dialpad.com/components/stack.html#justify',
+    },
+  },
+
+  create(context) {
+    const sourceCode = context.sourceCode ?? context.getSourceCode();
+    return sourceCode.parserServices.defineTemplateBodyVisitor({
+      VElement(node) {
+        // Check if element is dt-stack or DtStack
+        const elementName = node.name || node.rawName;
+        if (elementName === 'dt-stack' || elementName === 'DtStack') {
+          // Find class attribute
+          const classAttr = node.startTag.attributes.find(
+            attr => attr.key && attr.key.name === 'class'
+          );
+
+          if (classAttr && classAttr.value && classAttr.value.value) {
+            const classes = classAttr.value.value;
+
+            // Check for d-ai-* classes (align-items utilities)
+            if (/d-ai-(normal|flex-start|center|flex-end|stretch|baseline)/.test(classes)) {
+              context.report({
+                node: classAttr,
+                messageId: 'useAlignProp',
+              });
+            }
+
+            // Check for d-jc-* classes (justify-content utilities)
+            if (/d-jc-(flex-start|center|flex-end|space-around|space-between|space-evenly)/.test(classes)) {
+              context.report({
+                node: classAttr,
+                messageId: 'useJustifyProp',
+              });
+            }
+          }
+        }
+      }
+    });
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/eslint-plugin-dialtone",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "dialtone eslint plugin",
   "keywords": [
     "Dialpad",
@@ -20,11 +20,6 @@
       "email": "francis.rupert@dialpad.com",
       "url": "https://github.com/francisrupert"
     },
-    {
-      "name": "Julio Ortega",
-      "email": "julio.ortega@dialpad.com",
-      "url": "https://github.com/juliodialpad"
-    },
     {
       "name": "Ignacio Ropolo",
       "email": "ignacio.ropolo@dialpad.com",