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

package/build/rules/v9/enforce-bem-usage.js

@@ -0,0 +1,236 @@
+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-bem-usage.ts
+var enforce_bem_usage_exports = {};
+__export(enforce_bem_usage_exports, {
+  default: () => enforce_bem_usage_default
+});
+module.exports = __toCommonJS(enforce_bem_usage_exports);
+var import_next = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_rule_messages = __toESM(require_rule_messages());
+var { type, description, url, messages } = import_rule_messages.default["enforce-bem-usage"];
+var bemMapping = import_next.default.bemNaming;
+var enforce_bem_usage_default = {
+  meta: {
+    type,
+    docs: {
+      description,
+      recommended: true,
+      url
+    },
+    fixable: "code",
+    messages
+  },
+  create(context) {
+    return {
+      // Check all class selectors for BEM usage
+      "SelectorList Selector ClassSelector"(node) {
+        const cssClassSelector = context.sourceCode.getText(node);
+        const className = cssClassSelector.substring(1);
+        if (className && className in bemMapping) {
+          const newValue = bemMapping[className];
+          if (typeof newValue === "string") {
+            context.report({
+              node,
+              messageId: "bemDoubleDash",
+              data: {
+                actual: className,
+                newValue
+              },
+              fix(fixer) {
+                return fixer.replaceText(node, `.${newValue}`);
+              }
+            });
+          }
+        }
+      }
+    };
+  }
+};
+//# sourceMappingURL=enforce-bem-usage.js.map

package/build/rules/v9/enforce-bem-usage.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-bem-usage.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 { type, description, url, messages } = ruleMessages['enforce-bem-usage'];\n\nconst bemMapping = metadata.bemNaming;\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    return {\n      // Check all class selectors for BEM usage\n      \"SelectorList Selector ClassSelector\"(node) {\n        const cssClassSelector = context.sourceCode.getText(node);\n        \n        // Extract class name (remove the leading dot)\n        const className = cssClassSelector.substring(1);\n        \n        // Check mapping data for this class name (matches Stylelint logic)\n        if (className && className in bemMapping) {\n          const newValue = bemMapping[className];\n          if (typeof newValue === 'string') {\n            context.report({\n              node,\n              messageId: 'bemDoubleDash',\n              data: {\n                actual: className,\n                newValue,\n              },\n              fix(fixer) {\n                return fixer.replaceText(node, `.${newValue}`);\n              },\n            });\n          }\n        }\n      },\n    };\n  },\n} as Rule.RuleModule;\n"],
+  "mappings": "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",
+  "names": ["exports", "module", "ruleMessages", "metadata"]
+}

package/build/rules/v9/enforce-component-hook-naming-convention.js

@@ -0,0 +1,262 @@
+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-component-hook-naming-convention.ts
+var enforce_component_hook_naming_convention_exports = {};
+__export(enforce_component_hook_naming_convention_exports, {
+  default: () => enforce_component_hook_naming_convention_default
+});
+module.exports = __toCommonJS(enforce_component_hook_naming_convention_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-component-hook-naming-convention"];
+var { type, description, url, messages } = ruleConfig;
+var slds1DeprecatedComponentHooks = import_next.default.slds1DeprecatedComponentHooks;
+function shouldIgnoreDetection(hook) {
+  return !hook.startsWith("--slds-c-") || !(hook in slds1DeprecatedComponentHooks);
+}
+var enforce_component_hook_naming_convention_default = {
+  meta: {
+    type,
+    docs: {
+      description,
+      recommended: true,
+      url
+    },
+    fixable: "code",
+    messages
+  },
+  create(context) {
+    return {
+      /*
+       * Handle component hooks in CSS declarations
+       * Limitation: For example:
+       * .testClass{
+       *    --slds-c-accordion-section-color-background: var(--slds-c-accordion-section-color-border);
+       *  }
+       * var in value is not detected, because eslint treats above statement as custom property assignment 
+       * and value treated as raw string, not parsed into function nodes
+       */
+      "Declaration[property=/^--slds-c-/], Function[name='var'] Identifier[name=/^--slds-c-/]"(node) {
+        let hookName;
+        let reportNode = node;
+        if (node.type === "Declaration") {
+          hookName = node.property;
+        } else if (node.type === "Identifier") {
+          hookName = node.name;
+        } else {
+          return;
+        }
+        if (shouldIgnoreDetection(hookName)) {
+          return;
+        }
+        const suggestedMatch = slds1DeprecatedComponentHooks[hookName];
+        context.report({
+          node: reportNode,
+          messageId: "replace",
+          data: {
+            oldValue: hookName,
+            suggestedMatch
+          },
+          fix(fixer) {
+            if (node.type === "Declaration") {
+              const originalText = context.sourceCode.getText(node);
+              const colonIndex = originalText.indexOf(":");
+              const valuePartWithColon = originalText.substring(colonIndex);
+              return fixer.replaceText(node, `${suggestedMatch}${valuePartWithColon}`);
+            } else if (node.type === "Identifier") {
+              return fixer.replaceText(node, suggestedMatch);
+            }
+            return null;
+          }
+        });
+      }
+    };
+  }
+};
+//# sourceMappingURL=enforce-component-hook-naming-convention.js.map

package/build/rules/v9/enforce-component-hook-naming-convention.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-component-hook-naming-convention.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-component-hook-naming-convention'];\nconst { type, description, url, messages } = ruleConfig;\n\nconst slds1DeprecatedComponentHooks = metadata.slds1DeprecatedComponentHooks;\n\n/**\n * Check if using a deprecated component hook that should be replaced\n */\nfunction shouldIgnoreDetection(hook: string): boolean {\n  // Ignore if entry not found in the list\n  return (\n    !hook.startsWith('--slds-c-') || !(hook in slds1DeprecatedComponentHooks)\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    return {\n      /*\n       * Handle component hooks in CSS declarations\n       * Limitation: For example:\n       * .testClass{\n       *    --slds-c-accordion-section-color-background: var(--slds-c-accordion-section-color-border);\n       *  }\n       * var in value is not detected, because eslint treats above statement as custom property assignment \n       * and value treated as raw string, not parsed into function nodes\n       */\n      \"Declaration[property=/^--slds-c-/], Function[name='var'] Identifier[name=/^--slds-c-/]\"(node) {\n        let hookName: string;\n        let reportNode = node;\n        \n        if (node.type === \"Declaration\") {\n          // CSS custom property declaration: --slds-c-...\n          hookName = node.property;\n        } else if (node.type === \"Identifier\") {\n          // Inside var() function: var(--slds-c-...)\n          hookName = node.name;\n        } else {\n          return;\n        }\n\n        // Skip if hook should be ignored\n        if (shouldIgnoreDetection(hookName)) {\n          return;\n        }\n\n        const suggestedMatch = slds1DeprecatedComponentHooks[hookName];\n        \n        context.report({\n          node: reportNode,\n          messageId: 'replace',\n          data: { \n            oldValue: hookName,\n            suggestedMatch: suggestedMatch\n          },\n          fix(fixer) {\n            if (node.type === \"Declaration\") {\n              // Replace the property name in CSS declaration\n              const originalText = context.sourceCode.getText(node);\n              const colonIndex = originalText.indexOf(':');\n              const valuePartWithColon = originalText.substring(colonIndex);\n              return fixer.replaceText(node, `${suggestedMatch}${valuePartWithColon}`);\n            } else if (node.type === \"Identifier\") {\n              // Replace the identifier name in var() function\n              return fixer.replaceText(node, suggestedMatch);\n            }\n            return null;\n          }\n        });\n      }\n    };\n  },\n} as Rule.RuleModule;\n"],
+  "mappings": "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",
+  "names": ["exports", "module", "ruleMessages", "metadata"]
+}