@salesforce-ux/eslint-plugin-slds 0.5.3 → 1.0.0-internal-alpha.0

package/build/rules/v9/enforce-sds-to-slds-hooks.js

@@ -0,0 +1,260 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// yaml-file:/Users/ritesh.kumar2/Documents/projects/stylelint-sds/packages/eslint-plugin-slds/src/config/rule-messages.yml
+var require_rule_messages = __commonJS({
+  "yaml-file:/Users/ritesh.kumar2/Documents/projects/stylelint-sds/packages/eslint-plugin-slds/src/config/rule-messages.yml"(exports2, module2) {
+    module2.exports = {
+      "no-slds-class-overrides": {
+        "description": "Create new custom CSS classes instead of overriding SLDS selectors",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides",
+        "type": "problem",
+        "messages": {
+          "sldsClassOverride": "Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button."
+        }
+      },
+      "no-deprecated-slds-classes": {
+        "description": "Please replace the deprecated classes with a modern equivalent",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes",
+        "type": "problem",
+        "messages": {
+          "deprecatedClass": "The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class."
+        }
+      },
+      "no-deprecated-tokens-slds1": {
+        "description": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1",
+        "type": "problem",
+        "messages": {
+          "deprecatedToken": "Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.",
+          "noReplacement": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com."
+        }
+      },
+      "enforce-sds-to-slds-hooks": {
+        "description": "Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks",
+        "type": "problem",
+        "messages": {
+          "replaceSdsWithSlds": "Replace {{oldValue}} with {{suggestedMatch}} styling hook."
+        }
+      },
+      "enforce-bem-usage": {
+        "description": "Replace BEM double-dash syntax in class names with single underscore syntax",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage",
+        "type": "problem",
+        "messages": {
+          "bemDoubleDash": "{{actual}} has been retired. Update it to the new name {{newValue}}.",
+          "fixBemNaming": "Update to correct BEM naming convention"
+        }
+      },
+      "modal-close-button-issue": {
+        "description": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue",
+        "type": "problem",
+        "messages": {
+          "modalCloseButtonIssue": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.",
+          "removeClass": "Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.",
+          "changeVariant": "Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.",
+          "removeVariant": "Remove the variant attribute from the <lightning-icon> component inside the <button> element.",
+          "ensureButtonClasses": "Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.",
+          "ensureSizeAttribute": "To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components."
+        }
+      },
+      "no-deprecated-classes-slds2": {
+        "description": "Replace classes that aren't available with SLDS 2 classes",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2",
+        "type": "problem",
+        "messages": {
+          "deprecatedClass": "The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.",
+          "updateToModernClass": "Replace deprecated class with modern equivalent",
+          "checkDocumentation": "See lightningdesignsystem.com for SLDS 2 class alternatives"
+        }
+      },
+      "lwc-token-to-slds-hook": {
+        "description": "Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook",
+        "type": "problem",
+        "messages": {
+          "errorWithReplacement": "The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
+          "errorWithStyleHooks": "The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
+          "errorWithNoRecommendation": "The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com."
+        }
+      },
+      "no-sldshook-fallback-for-lwctoken": {
+        "description": "Avoid using --slds styling hooks as fallback values for --lwc tokens.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken",
+        "type": "problem",
+        "messages": {
+          "unsupportedFallback": "Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}."
+        }
+      },
+      "no-unsupported-hooks-slds2": {
+        "description": "Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2",
+        "type": "problem",
+        "messages": {
+          "deprecated": "The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect."
+        }
+      },
+      "no-slds-var-without-fallback": {
+        "description": "Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback",
+        "type": "problem",
+        "messages": {
+          "varWithoutFallback": "Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com."
+        }
+      },
+      "no-slds-namespace-for-custom-hooks": {
+        "description": "To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks",
+        "type": "problem",
+        "messages": {
+          "customHookNamespace": "Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}"
+        }
+      },
+      "no-slds-private-var": {
+        "description": "Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var",
+        "type": "problem",
+        "messages": {
+          "privateVar": "This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com."
+        }
+      },
+      "enforce-component-hook-naming-convention": {
+        "description": "Replace component styling hooks that use a deprecated naming convention.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention",
+        "type": "problem",
+        "messages": {
+          "replace": "Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}."
+        }
+      },
+      "no-hardcoded-values-slds1": {
+        "description": "Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value",
+        "type": "suggestion",
+        "messages": {
+          "hardcodedValue": "Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.",
+          "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
+        }
+      },
+      "no-hardcoded-values-slds2": {
+        "description": "Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value",
+        "type": "suggestion",
+        "messages": {
+          "hardcodedValue": "Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.",
+          "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
+        }
+      },
+      "reduce-annotations": {
+        "description": "Remove your annotations and update your code.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations",
+        "type": "problem",
+        "messages": {
+          "removeAnnotation": "Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/"
+        }
+      }
+    };
+  }
+});
+
+// src/rules/v9/enforce-sds-to-slds-hooks.ts
+var enforce_sds_to_slds_hooks_exports = {};
+__export(enforce_sds_to_slds_hooks_exports, {
+  default: () => enforce_sds_to_slds_hooks_default
+});
+module.exports = __toCommonJS(enforce_sds_to_slds_hooks_exports);
+var import_next = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_rule_messages = __toESM(require_rule_messages());
+var ruleConfig = import_rule_messages.default["enforce-sds-to-slds-hooks"];
+var { type, description, url, messages } = ruleConfig;
+var sldsPlusStylingHooks = import_next.default.sldsPlusStylingHooks;
+var allSldsHooks = [...sldsPlusStylingHooks.global, ...sldsPlusStylingHooks.component];
+var toSldsToken = (sdsToken) => sdsToken.replace("--sds-", "--slds-");
+function shouldIgnoreDetection(sdsToken) {
+  return !sdsToken.startsWith("--sds-") || !allSldsHooks.includes(toSldsToken(sdsToken));
+}
+var enforce_sds_to_slds_hooks_default = {
+  meta: {
+    type,
+    docs: {
+      description,
+      recommended: true,
+      url
+    },
+    fixable: "code",
+    messages
+  },
+  create(context) {
+    function reportAndFix(node, oldValue, suggestedMatch) {
+      context.report({
+        node,
+        messageId: "replaceSdsWithSlds",
+        data: { oldValue, suggestedMatch },
+        fix(fixer) {
+          if (node.type === "Declaration") {
+            const sourceCode = context.sourceCode;
+            const fullText = sourceCode.getText();
+            const nodeOffset = node.loc.start.offset;
+            const propertyStart = nodeOffset;
+            const propertyEnd = propertyStart + oldValue.length;
+            const textAtPosition = fullText.substring(propertyStart, propertyEnd);
+            if (textAtPosition === oldValue) {
+              return fixer.replaceTextRange([propertyStart, propertyEnd], suggestedMatch);
+            }
+          }
+          return fixer.replaceText(node, suggestedMatch);
+        }
+      });
+    }
+    return {
+      // CSS custom property declarations: --sds-* properties
+      "Declaration[property=/^--sds-/]"(node) {
+        const property = node.property;
+        if (shouldIgnoreDetection(property)) {
+          return;
+        }
+        const suggestedMatch = toSldsToken(property);
+        reportAndFix(node, property, suggestedMatch);
+      },
+      // SDS tokens inside var() functions: var(--sds-*)
+      "Function[name='var'] Identifier[name=/^--sds-/]"(node) {
+        const tokenName = node.name;
+        if (shouldIgnoreDetection(tokenName)) {
+          return;
+        }
+        const suggestedMatch = toSldsToken(tokenName);
+        reportAndFix(node, tokenName, suggestedMatch);
+      }
+    };
+  }
+};
+//# sourceMappingURL=enforce-sds-to-slds-hooks.js.map

package/build/rules/v9/enforce-sds-to-slds-hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["yaml-file:/Users/ritesh.kumar2/Documents/projects/stylelint-sds/packages/eslint-plugin-slds/src/config/rule-messages.yml", "../../../src/rules/v9/enforce-sds-to-slds-hooks.ts"],
+  "sourcesContent": ["module.exports = {\n  \"no-slds-class-overrides\": {\n    \"description\": \"Create new custom CSS classes instead of overriding SLDS selectors\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"sldsClassOverride\": \"Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button.\"\n    }\n  },\n  \"no-deprecated-slds-classes\": {\n    \"description\": \"Please replace the deprecated classes with a modern equivalent\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"deprecatedClass\": \"The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class.\"\n    }\n  },\n  \"no-deprecated-tokens-slds1\": {\n    \"description\": \"Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"deprecatedToken\": \"Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.\",\n      \"noReplacement\": \"Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.\"\n    }\n  },\n  \"enforce-sds-to-slds-hooks\": {\n    \"description\": \"Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"replaceSdsWithSlds\": \"Replace {{oldValue}} with {{suggestedMatch}} styling hook.\"\n    }\n  },\n  \"enforce-bem-usage\": {\n    \"description\": \"Replace BEM double-dash syntax in class names with single underscore syntax\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"bemDoubleDash\": \"{{actual}} has been retired. Update it to the new name {{newValue}}.\",\n      \"fixBemNaming\": \"Update to correct BEM naming convention\"\n    }\n  },\n  \"modal-close-button-issue\": {\n    \"description\": \"Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"modalCloseButtonIssue\": \"Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.\",\n      \"removeClass\": \"Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.\",\n      \"changeVariant\": \"Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.\",\n      \"removeVariant\": \"Remove the variant attribute from the <lightning-icon> component inside the <button> element.\",\n      \"ensureButtonClasses\": \"Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.\",\n      \"ensureSizeAttribute\": \"To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components.\"\n    }\n  },\n  \"no-deprecated-classes-slds2\": {\n    \"description\": \"Replace classes that aren't available with SLDS 2 classes\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"deprecatedClass\": \"The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.\",\n      \"updateToModernClass\": \"Replace deprecated class with modern equivalent\",\n      \"checkDocumentation\": \"See lightningdesignsystem.com for SLDS 2 class alternatives\"\n    }\n  },\n  \"lwc-token-to-slds-hook\": {\n    \"description\": \"Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"errorWithReplacement\": \"The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.\",\n      \"errorWithStyleHooks\": \"The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.\",\n      \"errorWithNoRecommendation\": \"The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com.\"\n    }\n  },\n  \"no-sldshook-fallback-for-lwctoken\": {\n    \"description\": \"Avoid using --slds styling hooks as fallback values for --lwc tokens.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"unsupportedFallback\": \"Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}.\"\n    }\n  },\n  \"no-unsupported-hooks-slds2\": {\n    \"description\": \"Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"deprecated\": \"The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect.\"\n    }\n  },\n  \"no-slds-var-without-fallback\": {\n    \"description\": \"Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"varWithoutFallback\": \"Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com.\"\n    }\n  },\n  \"no-slds-namespace-for-custom-hooks\": {\n    \"description\": \"To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"customHookNamespace\": \"Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}\"\n    }\n  },\n  \"no-slds-private-var\": {\n    \"description\": \"Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"privateVar\": \"This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com.\"\n    }\n  },\n  \"enforce-component-hook-naming-convention\": {\n    \"description\": \"Replace component styling hooks that use a deprecated naming convention.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"replace\": \"Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}.\"\n    }\n  },\n  \"no-hardcoded-values-slds1\": {\n    \"description\": \"Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value\",\n    \"type\": \"suggestion\",\n    \"messages\": {\n      \"hardcodedValue\": \"Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.\",\n      \"noReplacement\": \"There's no replacement styling hook for the {{oldValue}} static value. Remove the static value.\"\n    }\n  },\n  \"no-hardcoded-values-slds2\": {\n    \"description\": \"Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value\",\n    \"type\": \"suggestion\",\n    \"messages\": {\n      \"hardcodedValue\": \"Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.\",\n      \"noReplacement\": \"There's no replacement styling hook for the {{oldValue}} static value. Remove the static value.\"\n    }\n  },\n  \"reduce-annotations\": {\n    \"description\": \"Remove your annotations and update your code.\",\n    \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations\",\n    \"type\": \"problem\",\n    \"messages\": {\n      \"removeAnnotation\": \"Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/\"\n    }\n  }\n};", "import { Rule } from 'eslint';\nimport metadata from '@salesforce-ux/sds-metadata/next';\nimport ruleMessages from '../../config/rule-messages.yml';\n\nconst ruleConfig = ruleMessages['enforce-sds-to-slds-hooks'];\nconst { type, description, url, messages } = ruleConfig;\n\nconst sldsPlusStylingHooks = metadata.sldsPlusStylingHooks;\n\n// Generate values to hooks mapping using only global hooks\n// shared hooks are private/ undocumented APIs, so they should not be recommended to customers\n// Ref this thread: https://salesforce-internal.slack.com/archives/C071J0Q3FNV/p1743010620921339?thread_ts=1743009353.385429&cid=C071J0Q3FNV\nconst allSldsHooks = [...sldsPlusStylingHooks.global, ...sldsPlusStylingHooks.component];\n\nconst toSldsToken = (sdsToken: string) => sdsToken.replace('--sds-', '--slds-');\n\nfunction shouldIgnoreDetection(sdsToken: string) {\n  // Ignore if entry not found in the list\n  return (\n    !sdsToken.startsWith('--sds-') || !allSldsHooks.includes(toSldsToken(sdsToken))\n  );\n}\n\nexport default {\n  meta: {\n    type,\n    docs: {\n      description,\n      recommended: true,\n      url,\n    },\n    fixable: 'code',\n    messages,\n  },\n  \n  create(context) {\n    function reportAndFix(node, oldValue, suggestedMatch) {\n      context.report({\n        node,\n        messageId: 'replaceSdsWithSlds',\n        data: { oldValue, suggestedMatch },\n        fix(fixer) {\n          // For Declaration nodes, use the offset from loc info\n          if (node.type === \"Declaration\") {\n            const sourceCode = context.sourceCode;\n            const fullText = sourceCode.getText();\n            const nodeOffset = node.loc.start.offset;\n            \n            // The property name appears at the start of the Declaration\n            const propertyStart = nodeOffset;\n            const propertyEnd = propertyStart + oldValue.length;\n            \n            // Verify we're replacing the right text\n            const textAtPosition = fullText.substring(propertyStart, propertyEnd);\n            if (textAtPosition === oldValue) {\n              return fixer.replaceTextRange([propertyStart, propertyEnd], suggestedMatch);\n            }\n          }\n          \n          // For Identifier nodes (inside var() functions), simple replacement works\n          return fixer.replaceText(node, suggestedMatch);\n        }\n      });\n    }\n\n    return {\n      // CSS custom property declarations: --sds-* properties\n      \"Declaration[property=/^--sds-/]\"(node) {\n        const property = node.property;\n        \n        if (shouldIgnoreDetection(property)) {\n          return;\n        }\n\n        const suggestedMatch = toSldsToken(property);\n        reportAndFix(node, property, suggestedMatch);\n      },\n\n      // SDS tokens inside var() functions: var(--sds-*)\n      \"Function[name='var'] Identifier[name=/^--sds-/]\"(node) {\n        const tokenName = node.name;\n        \n        if (shouldIgnoreDetection(tokenName)) {\n          return;\n        }\n\n        const suggestedMatch = toSldsToken(tokenName);\n        reportAndFix(node, tokenName, suggestedMatch);\n      }\n    };\n  },\n} as Rule.RuleModule;\n"],
+  "mappings": "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",
+  "names": ["exports", "module", "ruleMessages", "metadata"]
+}

package/build/rules/v9/lwc-token-to-slds-hook.js

@@ -0,0 +1,330 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// yaml-file:/Users/ritesh.kumar2/Documents/projects/stylelint-sds/packages/eslint-plugin-slds/src/config/rule-messages.yml
+var require_rule_messages = __commonJS({
+  "yaml-file:/Users/ritesh.kumar2/Documents/projects/stylelint-sds/packages/eslint-plugin-slds/src/config/rule-messages.yml"(exports2, module2) {
+    module2.exports = {
+      "no-slds-class-overrides": {
+        "description": "Create new custom CSS classes instead of overriding SLDS selectors",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides",
+        "type": "problem",
+        "messages": {
+          "sldsClassOverride": "Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button."
+        }
+      },
+      "no-deprecated-slds-classes": {
+        "description": "Please replace the deprecated classes with a modern equivalent",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes",
+        "type": "problem",
+        "messages": {
+          "deprecatedClass": "The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class."
+        }
+      },
+      "no-deprecated-tokens-slds1": {
+        "description": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1",
+        "type": "problem",
+        "messages": {
+          "deprecatedToken": "Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.",
+          "noReplacement": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com."
+        }
+      },
+      "enforce-sds-to-slds-hooks": {
+        "description": "Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks",
+        "type": "problem",
+        "messages": {
+          "replaceSdsWithSlds": "Replace {{oldValue}} with {{suggestedMatch}} styling hook."
+        }
+      },
+      "enforce-bem-usage": {
+        "description": "Replace BEM double-dash syntax in class names with single underscore syntax",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage",
+        "type": "problem",
+        "messages": {
+          "bemDoubleDash": "{{actual}} has been retired. Update it to the new name {{newValue}}.",
+          "fixBemNaming": "Update to correct BEM naming convention"
+        }
+      },
+      "modal-close-button-issue": {
+        "description": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue",
+        "type": "problem",
+        "messages": {
+          "modalCloseButtonIssue": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.",
+          "removeClass": "Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.",
+          "changeVariant": "Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.",
+          "removeVariant": "Remove the variant attribute from the <lightning-icon> component inside the <button> element.",
+          "ensureButtonClasses": "Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.",
+          "ensureSizeAttribute": "To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components."
+        }
+      },
+      "no-deprecated-classes-slds2": {
+        "description": "Replace classes that aren't available with SLDS 2 classes",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2",
+        "type": "problem",
+        "messages": {
+          "deprecatedClass": "The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.",
+          "updateToModernClass": "Replace deprecated class with modern equivalent",
+          "checkDocumentation": "See lightningdesignsystem.com for SLDS 2 class alternatives"
+        }
+      },
+      "lwc-token-to-slds-hook": {
+        "description": "Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook",
+        "type": "problem",
+        "messages": {
+          "errorWithReplacement": "The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
+          "errorWithStyleHooks": "The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
+          "errorWithNoRecommendation": "The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com."
+        }
+      },
+      "no-sldshook-fallback-for-lwctoken": {
+        "description": "Avoid using --slds styling hooks as fallback values for --lwc tokens.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken",
+        "type": "problem",
+        "messages": {
+          "unsupportedFallback": "Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}."
+        }
+      },
+      "no-unsupported-hooks-slds2": {
+        "description": "Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2",
+        "type": "problem",
+        "messages": {
+          "deprecated": "The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect."
+        }
+      },
+      "no-slds-var-without-fallback": {
+        "description": "Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback",
+        "type": "problem",
+        "messages": {
+          "varWithoutFallback": "Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com."
+        }
+      },
+      "no-slds-namespace-for-custom-hooks": {
+        "description": "To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks",
+        "type": "problem",
+        "messages": {
+          "customHookNamespace": "Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}"
+        }
+      },
+      "no-slds-private-var": {
+        "description": "Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var",
+        "type": "problem",
+        "messages": {
+          "privateVar": "This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com."
+        }
+      },
+      "enforce-component-hook-naming-convention": {
+        "description": "Replace component styling hooks that use a deprecated naming convention.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention",
+        "type": "problem",
+        "messages": {
+          "replace": "Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}."
+        }
+      },
+      "no-hardcoded-values-slds1": {
+        "description": "Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value",
+        "type": "suggestion",
+        "messages": {
+          "hardcodedValue": "Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.",
+          "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
+        }
+      },
+      "no-hardcoded-values-slds2": {
+        "description": "Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value",
+        "type": "suggestion",
+        "messages": {
+          "hardcodedValue": "Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.",
+          "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
+        }
+      },
+      "reduce-annotations": {
+        "description": "Remove your annotations and update your code.",
+        "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations",
+        "type": "problem",
+        "messages": {
+          "removeAnnotation": "Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/"
+        }
+      }
+    };
+  }
+});
+
+// src/rules/v9/lwc-token-to-slds-hook.ts
+var lwc_token_to_slds_hook_exports = {};
+__export(lwc_token_to_slds_hook_exports, {
+  default: () => lwc_token_to_slds_hook_default
+});
+module.exports = __toCommonJS(lwc_token_to_slds_hook_exports);
+var import_next = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_rule_messages = __toESM(require_rule_messages());
+var ruleConfig = import_rule_messages.default["lwc-token-to-slds-hook"];
+var { type, description, url, messages } = ruleConfig;
+var lwcToSlds = import_next.default.lwcToSlds;
+function shouldIgnoreDetection(lwcToken) {
+  return !lwcToken.startsWith("--lwc-") || !(lwcToken in lwcToSlds) || lwcToSlds[lwcToken].continueToUse;
+}
+function categorizeReplacement(recommendation) {
+  if (!recommendation || recommendation === "--") {
+    return "empty" /* EMPTY */;
+  }
+  if (Array.isArray(recommendation)) {
+    return "array" /* ARRAY */;
+  }
+  if (typeof recommendation === "string" && recommendation.startsWith("--slds-")) {
+    return "slds_token" /* SLDS_TOKEN */;
+  }
+  return "raw_value" /* RAW_VALUE */;
+}
+function getRecommendation(lwcToken) {
+  const oldValue = lwcToken;
+  const recommendation = lwcToSlds[oldValue]?.replacement || "";
+  const replacementCategory = categorizeReplacement(recommendation);
+  const hasRecommendation = oldValue in lwcToSlds && replacementCategory !== "empty" /* EMPTY */;
+  return { hasRecommendation, recommendation, replacementCategory };
+}
+function getReportMessage(cssVar, replacementCategory, recommendation) {
+  if (!recommendation) {
+    return {
+      messageId: "errorWithNoRecommendation",
+      data: { oldValue: cssVar }
+    };
+  } else if (replacementCategory === "array" /* ARRAY */) {
+    return {
+      messageId: "errorWithStyleHooks",
+      data: { oldValue: cssVar, newValue: recommendation.join(" or ") }
+    };
+  } else if (replacementCategory === "slds_token" /* SLDS_TOKEN */) {
+    return {
+      messageId: "errorWithStyleHooks",
+      data: { oldValue: cssVar, newValue: recommendation }
+    };
+  } else {
+    return {
+      messageId: "errorWithReplacement",
+      data: { oldValue: cssVar, newValue: recommendation }
+    };
+  }
+}
+var lwc_token_to_slds_hook_default = {
+  meta: {
+    type,
+    docs: {
+      description,
+      recommended: true,
+      url
+    },
+    fixable: "code",
+    messages
+  },
+  create(context) {
+    function reportAndFix(node, oldValue, suggestedMatch, messageId, data) {
+      let fixFunction = null;
+      if (suggestedMatch) {
+        fixFunction = (fixer) => {
+          if (node.type === "Declaration") {
+            const sourceCode = context.sourceCode;
+            const fullText = sourceCode.getText();
+            const nodeOffset = node.loc.start.offset;
+            const propertyStart = nodeOffset;
+            const propertyEnd = propertyStart + oldValue.length;
+            const textAtPosition = fullText.substring(propertyStart, propertyEnd);
+            if (textAtPosition === oldValue) {
+              return fixer.replaceTextRange([propertyStart, propertyEnd], suggestedMatch);
+            }
+          } else {
+            const sourceCode = context.sourceCode;
+            const fullText = sourceCode.getText();
+            const varFunctionCall = `var(${oldValue})`;
+            const nodeOffset = node.loc.start.offset;
+            const searchStart = Math.max(0, nodeOffset - 4);
+            const searchEnd = nodeOffset + oldValue.length + 1;
+            const searchArea = fullText.substring(searchStart, searchEnd);
+            const functionCallIndex = searchArea.indexOf(varFunctionCall);
+            if (functionCallIndex !== -1) {
+              const actualStart = searchStart + functionCallIndex;
+              const actualEnd = actualStart + varFunctionCall.length;
+              return fixer.replaceTextRange([actualStart, actualEnd], suggestedMatch);
+            }
+          }
+          return null;
+        };
+      }
+      context.report({
+        node,
+        messageId,
+        data,
+        fix: fixFunction
+      });
+    }
+    return {
+      // CSS custom property declarations: --lwc-* properties
+      "Declaration[property=/^--lwc-/]"(node) {
+        const property = node.property;
+        if (shouldIgnoreDetection(property)) {
+          return;
+        }
+        const { hasRecommendation, recommendation, replacementCategory } = getRecommendation(property);
+        const { messageId, data } = getReportMessage(property, replacementCategory, recommendation);
+        const suggestedMatch = hasRecommendation && replacementCategory === "slds_token" /* SLDS_TOKEN */ ? recommendation : null;
+        reportAndFix(node, property, suggestedMatch, messageId, data);
+      },
+      // LWC tokens inside var() functions: var(--lwc-*)
+      "Function[name='var'] Identifier[name=/^--lwc-/]"(node) {
+        const tokenName = node.name;
+        if (shouldIgnoreDetection(tokenName)) {
+          return;
+        }
+        const { hasRecommendation, recommendation, replacementCategory } = getRecommendation(tokenName);
+        const { messageId, data } = getReportMessage(tokenName, replacementCategory, recommendation);
+        let suggestedMatch = null;
+        if (hasRecommendation) {
+          if (replacementCategory === "slds_token" /* SLDS_TOKEN */) {
+            const originalVarCall = `var(${tokenName})`;
+            suggestedMatch = `var(${recommendation}, ${originalVarCall})`;
+          } else if (replacementCategory === "raw_value" /* RAW_VALUE */) {
+            suggestedMatch = recommendation;
+          }
+        }
+        reportAndFix(node, tokenName, suggestedMatch, messageId, data);
+      }
+    };
+  }
+};
+//# sourceMappingURL=lwc-token-to-slds-hook.js.map