@dialpad/stylelint-plugin-dialtone 1.3.0 → 1.3.1-next.1

package/lib/index.js

@@ -1,7 +1,15 @@
-"use strict";
+'use strict';
 
-const noMixins = require("./rules/no-mixins");
-const recommendFontStyleTokens = require("./rules/recommend-font-style-tokens");
-const useDialtoneTokens = require("./rules/use-dialtone-tokens");
+const noBaseColorTokens = require('./rules/no-base-color-tokens');
+const noDeprecatedSpaceTokens = require('./rules/no-deprecated-space-tokens');
+const noMixins = require('./rules/no-mixins');
+const recommendFontStyleTokens = require('./rules/recommend-font-style-tokens');
+const useDialtoneTokens = require('./rules/use-dialtone-tokens');
 
-module.exports = [noMixins, recommendFontStyleTokens, useDialtoneTokens];
+module.exports = [
+  noBaseColorTokens,
+  noDeprecatedSpaceTokens,
+  noMixins,
+  recommendFontStyleTokens,
+  useDialtoneTokens,
+];

package/lib/rules/no-deprecated-space-tokens.js

@@ -0,0 +1,52 @@
+const stylelint = require('stylelint');
+
+const {
+  createPlugin,
+  utils: { report, ruleMessages, validateOptions },
+} = stylelint;
+
+const ruleName = '@dialpad/stylelint-plugin-dialtone/no-deprecated-space-tokens';
+
+const messages = ruleMessages(ruleName, {
+  deprecated: (spaceToken, sizeToken) =>
+    `"${spaceToken}" is deprecated. Use "${sizeToken}" instead. Run "npx dialtone-migration-helper" to migrate automatically.`,
+});
+
+const meta = {
+  url: 'https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/no-deprecated-space-tokens.md',
+};
+
+/** @type {import('stylelint').Rule} */
+const ruleFunction = (primary) => {
+  return (root, result) => {
+    const validOptions = validateOptions(result, ruleName, {
+      actual: primary,
+    });
+
+    if (!validOptions) return;
+
+    root.walkDecls((declaration) => {
+      // Match var(--dt-space-*) pattern
+      const spaceTokenMatch = declaration.value.match(/var\(--dt-space-[^)]+\)/g);
+      if (!spaceTokenMatch) return;
+
+      spaceTokenMatch.forEach((match) => {
+        const spaceToken = match.replace('var(', '').replace(')', '');
+        const sizeToken = spaceToken.replace('--dt-space-', '--dt-size-');
+
+        report({
+          result,
+          ruleName,
+          node: declaration,
+          message: messages.deprecated(spaceToken, sizeToken),
+        });
+      });
+    });
+  };
+};
+
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = messages;
+ruleFunction.meta = meta;
+
+module.exports = createPlugin(ruleName, ruleFunction);

package/lib/rules/no-mixins.js

@@ -1,4 +1,4 @@
-const stylelint = require("stylelint");
+const stylelint = require('stylelint');
 
 const {
   createPlugin,
@@ -12,7 +12,7 @@ const messages = ruleMessages(ruleName, {
 });
 
 const meta = {
-  url: "https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/no-mixins.md",
+  url: 'https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/no-mixins.md',
 };
 
 /** @type {import('stylelint').Rule} */

package/lib/rules/recommend-font-style-tokens.js

@@ -1,4 +1,4 @@
-const stylelint = require("stylelint");
+const stylelint = require('stylelint');
 
 const {
   createPlugin,
@@ -16,7 +16,7 @@ const messages = ruleMessages(ruleName, {
 });
 
 const meta = {
-  url: "https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/recommend-font-style-tokens.md",
+  url: 'https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/recommend-font-style-tokens.md',
 };
 
 /** @type {import('stylelint').Rule} */

package/lib/rules/use-dialtone-tokens.js

@@ -1,4 +1,4 @@
-const stylelint = require("stylelint");
+const stylelint = require('stylelint');
 
 const {
   createPlugin,
@@ -20,7 +20,7 @@ const pxToRem = (value) => {
 }
 
 const meta = {
-  url: "https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/use-dialtone-tokens.md",
+  url: 'https://github.com/dialpad/dialtone/blob/staging/packages/stylelint-plugin-dialtone/docs/rules/use-dialtone-tokens.md',
 };
 
 /** @type {import('stylelint').Rule} */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/stylelint-plugin-dialtone",
-  "version": "1.3.0",
+  "version": "1.3.1-next.1",
   "description": "dialtone stylelint plugin",
   "keywords": [
     "Dialpad",
@@ -18,11 +18,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",
@@ -38,19 +33,26 @@
     "email": "dialtone@dialpad.com"
   },
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dialpad/dialtone.git",
+    "directory": "packages/stylelint-plugin-dialtone"
+  },
   "main": "./lib/index.js",
   "files": [
     "lib"
   ],
   "exports": "./lib/index.js",
   "devDependencies": {
-    "stylelint-test-rule-node": "^0.2.1"
+    "eslint-plugin-n": "^17.0.0",
+    "stylelint-test-rule-node": "^0.2.1",
+    "vue-eslint-parser": "^10.0.0"
   },
   "engines": {
     "node": ">= 18.0.0"
   },
   "peerDependencies": {
-    "stylelint": "^14.0.0 || ^15.0.0"
+    "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.0"
   },
   "nx": {
     "includedScripts": [