@salesforce-ux/eslint-plugin-slds 1.0.8-internal → 1.0.10-internal

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

@@ -4,9 +4,6 @@ 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 __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -24,242 +21,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// yaml-file:rule-messages.yml
-var require_rule_messages = __commonJS({
-  "yaml-file: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-values-slds2",
-        "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/utils/node.ts
-var import_parser = require("@html-eslint/parser");
-function findAttr(node, key) {
-  return node.attributes.find(
-    (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()
-  );
-}
-function isAttributesEmpty(node) {
-  return !node.attributes || node.attributes.length <= 0;
-}
-var lineBreakPattern = /\r\n|[\r\n\u2028\u2029]/u;
-var lineEndingPattern = new RegExp(lineBreakPattern.source, "gu");
-
 // src/rules/enforce-bem-usage.ts
-var import_next2 = __toESM(require("@salesforce-ux/sds-metadata/next"));
-var import_rule_messages2 = __toESM(require_rule_messages());
-
-// src/rules/v9/enforce-bem-usage.ts
+var import_node = require("../utils/node");
 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 import_rule_messages = __toESM(require("../config/rule-messages"));
+var import_enforce_bem_usage = __toESM(require("./v9/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}`);
-              }
-            });
-          }
-        }
-      }
-    };
-  }
-};
-
-// src/rules/enforce-bem-usage.ts
-var bemMapping2 = import_next2.default.bemNaming;
-var deprecatedClasses = import_next2.default.deprecatedClasses;
-var ruleConfig = import_rule_messages2.default["enforce-bem-usage"];
-var { type: type2, description: description2, url: url2, messages: messages2 } = ruleConfig;
+var deprecatedClasses = import_next.default.deprecatedClasses;
+var ruleConfig = import_rule_messages.default["enforce-bem-usage"];
+var { type, description, url, messages } = ruleConfig;
 var isDeprecatedClass = (className) => {
-  return deprecatedClasses.includes(className) || deprecatedClasses.includes(bemMapping2[className]);
+  return deprecatedClasses.includes(className) || deprecatedClasses.includes(bemMapping[className]);
 };
 var enforceBemUsageHtml = {
   create(context) {
     function check(node) {
-      if (isAttributesEmpty(node)) {
+      if ((0, import_node.isAttributesEmpty)(node)) {
         return;
       }
-      const classAttr = findAttr(node, "class");
+      const classAttr = (0, import_node.findAttr)(node, "class");
       if (classAttr && classAttr.value) {
         const classNames = classAttr.value.value.split(/\s+/);
         classNames.forEach((className) => {
-          if (className && className in bemMapping2 && !isDeprecatedClass(className)) {
+          if (className && className in bemMapping && !isDeprecatedClass(className)) {
             const classNameStart = classAttr.value.value.indexOf(className) + 7;
             const classNameEnd = classNameStart + className.length;
             const startLoc = {
@@ -270,7 +54,7 @@ var enforceBemUsageHtml = {
               line: classAttr.loc.start.line,
               column: classAttr.loc.start.column + classNameEnd
             };
-            const newValue = bemMapping2[className];
+            const newValue = bemMapping[className];
             context.report({
               node,
               loc: { start: startLoc, end: endLoc },
@@ -304,20 +88,20 @@ var enforceBemUsageHtml = {
 };
 var enforceBemUsage = {
   meta: {
-    type: type2,
+    type,
     docs: {
       recommended: true,
-      description: description2,
-      url: url2
+      description,
+      url
     },
     fixable: "code",
-    messages: messages2
+    messages
   },
   create(context) {
     const filename = context.filename || context.getFilename();
     if (filename.endsWith(".css") || filename.endsWith(".scss")) {
       try {
-        return enforce_bem_usage_default.create(context);
+        return import_enforce_bem_usage.default.create(context);
       } catch (error) {
         return {};
       }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["yaml-file:rule-messages.yml", "../../src/utils/node.ts", "../../src/rules/enforce-bem-usage.ts", "../../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-values-slds2\",\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};", "// THIS IS TAKEN FROM html-eslint\n\nimport { NODE_TYPES } from \"@html-eslint/parser\";\n\n\n/**\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @param {string} key\n * @returns {AttributeNode | undefined}\n */\nfunction findAttr(node, key) {\n  return node.attributes.find(\n    (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()\n  );\n}\n\n/**\n * Checks whether a node's attributes is empty or not.\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @returns {boolean}\n */\nfunction isAttributesEmpty(node) {\n  return !node.attributes || node.attributes.length <= 0;\n}\n\n/**\n * Checks whether a node's all tokens are on the same line or not.\n * @param {AnyNode} node A node to check\n * @returns {boolean} `true` if a node's tokens are on the same line, otherwise `false`.\n */\nfunction isNodeTokensOnSameLine(node) {\n  return node.loc.start.line === node.loc.end.line;\n}\n\n/**\n *\n * @param {Range} rangeA\n * @param {Range} rangeB\n * @returns {boolean}\n */\nfunction isRangesOverlap(rangeA, rangeB) {\n  return rangeA[0] < rangeB[1] && rangeB[0] < rangeA[1];\n}\n\n/**\n * @param {(TextNode | CommentContentNode)['templates']} templates\n * @param {Range} range\n * @returns {boolean}\n */\nfunction isOverlapWithTemplates(templates, range) {\n  return templates\n    .filter((template) => template.isTemplate)\n    .some((template) => isRangesOverlap(template.range, range));\n}\n\n/**\n *\n * @param {TextNode | CommentContentNode} node\n * @returns {LineNode[]}\n */\nfunction splitToLineNodes(node) {\n  let start = node.range[0];\n  let line = node.loc.start.line;\n  const startCol = node.loc.start.column;\n  /**\n   * @type {LineNode[]}\n   */\n  const lineNodes = [];\n  const templates = node.templates || [];\n  /**\n   *\n   * @param {import(\"../../types\").Range} range\n   */\n  function shouldSkipIndentCheck(range) {\n    const overlappedTemplates = templates.filter(\n      (template) =>\n        template.isTemplate && isRangesOverlap(template.range, range)\n    );\n\n    const isLineInTemplate = overlappedTemplates.some((template) => {\n      return template.range[0] <= range[0] && template.range[1] >= range[1];\n    });\n    if (isLineInTemplate) {\n      return true;\n    }\n    const isLineBeforeTemplate = overlappedTemplates.some((template) => {\n      return template.range[0] <= range[0] && template.range[1] <= range[1];\n    });\n    if (isLineBeforeTemplate) {\n      return true;\n    }\n    const isLineAfterTemplate = overlappedTemplates.some((template) => {\n      return template.range[1] <= range[0];\n    });\n    if (isLineAfterTemplate) {\n      return true;\n    }\n    return false;\n  }\n\n  node.value.split(\"\\n\").forEach((value, index) => {\n    const columnStart = index === 0 ? startCol : 0;\n    /**\n     * @type {import(\"../../types\").Range}\n     */\n    const range = [start, start + value.length];\n    const loc = {\n      start: {\n        line,\n        column: columnStart,\n      },\n      end: {\n        line,\n        column: columnStart + value.length,\n      },\n    };\n    /**\n     * @type {LineNode}\n     */\n    const lineNode = {\n      type: \"Line\",\n      value,\n      range,\n      loc,\n      skipIndentCheck: shouldSkipIndentCheck(range),\n    };\n\n    start += value.length + 1;\n    line += 1;\n\n    lineNodes.push(lineNode);\n  });\n\n  return lineNodes;\n}\n\n/**\n * Get location between two nodes.\n * @param {BaseNode} before A node placed in before\n * @param {BaseNode} after A node placed in after\n * @returns {Location} location between two nodes.\n */\nfunction getLocBetween(before, after) {\n  return {\n    start: before.loc.end,\n    end: after.loc.start,\n  };\n}\n\n/**\n * @param {AttributeValueNode} node\n * @return {boolean}\n */\nfunction isExpressionInTemplate(node) {\n  if (node.type === NODE_TYPES.AttributeValue) {\n    return node.value.indexOf(\"${\") === 0;\n  }\n  return false;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TagNode}\n */\nfunction isTag(node) {\n  return node.type === NODE_TYPES.Tag;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is CommentNode}\n */\nfunction isComment(node) {\n  return node.type === NODE_TYPES.Comment;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TextNode}\n */\nfunction isText(node) {\n  return node.type === NODE_TYPES.Text;\n}\n\nconst lineBreakPattern = /\\r\\n|[\\r\\n\\u2028\\u2029]/u;\nconst lineEndingPattern = new RegExp(lineBreakPattern.source, \"gu\");\n/**\n * @param {string} source\n * @returns {string[]}\n */\nfunction codeToLines(source) {\n  return source.split(lineEndingPattern);\n}\n\n/**\n *\n * @param {AnyToken[]} tokens\n * @returns {((CommentContentNode | TextNode)['templates'][number])[]}\n */\nfunction getTemplateTokens(tokens) {\n  return (\n    []\n      .concat(\n        ...tokens\n          // @ts-ignore\n          .map((token) => token[\"templates\"] || [])\n      )\n      // @ts-ignore\n      .filter((token) => token.isTemplate)\n  );\n}\n\nexport {\n  findAttr,\n  isAttributesEmpty,\n  isNodeTokensOnSameLine,\n  splitToLineNodes,\n  getLocBetween,\n  isExpressionInTemplate,\n  isTag,\n  isComment,\n  isText,\n  isOverlapWithTemplates,\n  codeToLines,\n  isRangesOverlap,\n  getTemplateTokens,\n};", "import { Rule } from 'eslint';\nimport { findAttr, isAttributesEmpty } from \"../utils/node\";\nimport metadata from '@salesforce-ux/sds-metadata/next';\nimport ruleMessages from '../config/rule-messages.yml';\nimport enforceBemUsageCss from './v9/enforce-bem-usage';\n\nconst bemMapping = metadata.bemNaming;\nconst deprecatedClasses = metadata.deprecatedClasses;\nconst ruleConfig = ruleMessages['enforce-bem-usage'];\nconst { type, description, url, messages } = ruleConfig;\n/**\n * Checks if a given className or its BEM mapped equivalent is deprecated.\n * \n * This function checks whether the provided className is included in the\n * `deprecatedClasses` list or if the BEM mapped class is deprecated.\n * \n * @param className - The class name to check for deprecation.\n * @returns A boolean indicating whether the className or its mapped version is deprecated.\n */\nconst isDeprecatedClass = (className : string) => {\n  return (deprecatedClasses.includes(className) || deprecatedClasses.includes(bemMapping[className]))\n}\n\nconst enforceBemUsageHtml = {\n  create(context) {  \n\n    function check(node) {\n      if (isAttributesEmpty(node)) {\n        return;\n      }\n      const classAttr = findAttr(node, \"class\");\n      if (classAttr && classAttr.value) {\n        const classNames = classAttr.value.value.split(/\\s+/);\n        classNames.forEach((className) => {\n          if (className && className in bemMapping && !isDeprecatedClass(className)) {\n            // Find the exact location of the problematic class name\n            const classNameStart = classAttr.value.value.indexOf(className) + 7; // 7 here is for `class= \"`\n            const classNameEnd = classNameStart + className.length;\n\n            // Use the loc property to get line and column from the class attribute\n            const startLoc = {\n              line: classAttr.loc.start.line,\n              column: classAttr.loc.start.column + classNameStart,\n            };\n            const endLoc = {\n              line: classAttr.loc.start.line,\n              column: classAttr.loc.start.column + classNameEnd,\n            };\n\n            // Check whether a fixed class is available\n            const newValue = bemMapping[className];\n            context.report({\n              node,\n              loc: { start: startLoc, end: endLoc },\n              messageId: 'bemDoubleDash',\n              data: {\n                actual: className,\n                newValue\n              },\n              fix(fixer) {\n                if (newValue) {\n                  const newClassValue = classAttr.value.value.replace(\n                    className,\n                    newValue\n                  );\n                  return fixer.replaceTextRange(\n                    [classAttr.value.range[0], classAttr.value.range[1]],\n                    `${newClassValue}`\n                  );\n                }\n                return null; // Ensure a return value even if no fix is applied\n              },\n            });\n          }\n        });\n      }\n    }\n\n    return {\n      Tag: check,\n    };\n  },\n};\n\n\n\n// Create a hybrid rule that works for both HTML and CSS\nconst enforceBemUsage = {\n  meta: {\n    type,\n    docs: {\n      recommended: true,\n      description,\n      url\n    },\n    fixable: \"code\",\n    messages\n  },\n\n  create(context) {\n    const filename = context.filename || context.getFilename();\n    \n    // Check if we're in a CSS context\n    if (filename.endsWith('.css') || filename.endsWith('.scss')) {\n      // Try to detect if we have CSS support\n      // In ESLint v9 with @eslint/css, we should have CSS AST support\n      try {\n        // Use CSS implementation (ESLint v9 with @eslint/css)\n        return enforceBemUsageCss.create(context);\n      } catch (error) {\n        // If CSS implementation fails, likely ESLint v8 without CSS support\n        // Return empty visitor to avoid errors\n        return {};\n      }\n    } else {\n      // Use HTML implementation (compatible with both ESLint v8 and v9)\n      return enforceBemUsageHtml.create(context);\n    }\n  },\n};\n\nexport = enforceBemUsage;", "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", "import_next", "import_rule_messages", "ruleMessages", "metadata", "bemMapping", "metadata", "ruleMessages", "type", "description", "url", "messages"]
+  "sources": ["../../src/rules/enforce-bem-usage.ts"],
+  "sourcesContent": ["import { Rule } from 'eslint';\nimport { findAttr, isAttributesEmpty } from \"../utils/node\";\nimport metadata from '@salesforce-ux/sds-metadata/next';\nimport ruleMessages from '../config/rule-messages';\nimport enforceBemUsageCss from './v9/enforce-bem-usage';\n\nconst bemMapping = metadata.bemNaming;\nconst deprecatedClasses = metadata.deprecatedClasses;\nconst ruleConfig = ruleMessages['enforce-bem-usage'];\nconst { type, description, url, messages } = ruleConfig;\n/**\n * Checks if a given className or its BEM mapped equivalent is deprecated.\n * \n * This function checks whether the provided className is included in the\n * `deprecatedClasses` list or if the BEM mapped class is deprecated.\n * \n * @param className - The class name to check for deprecation.\n * @returns A boolean indicating whether the className or its mapped version is deprecated.\n */\nconst isDeprecatedClass = (className : string) => {\n  return (deprecatedClasses.includes(className) || deprecatedClasses.includes(bemMapping[className]))\n}\n\nconst enforceBemUsageHtml = {\n  create(context) {  \n\n    function check(node) {\n      if (isAttributesEmpty(node)) {\n        return;\n      }\n      const classAttr = findAttr(node, \"class\");\n      if (classAttr && classAttr.value) {\n        const classNames = classAttr.value.value.split(/\\s+/);\n        classNames.forEach((className) => {\n          if (className && className in bemMapping && !isDeprecatedClass(className)) {\n            // Find the exact location of the problematic class name\n            const classNameStart = classAttr.value.value.indexOf(className) + 7; // 7 here is for `class= \"`\n            const classNameEnd = classNameStart + className.length;\n\n            // Use the loc property to get line and column from the class attribute\n            const startLoc = {\n              line: classAttr.loc.start.line,\n              column: classAttr.loc.start.column + classNameStart,\n            };\n            const endLoc = {\n              line: classAttr.loc.start.line,\n              column: classAttr.loc.start.column + classNameEnd,\n            };\n\n            // Check whether a fixed class is available\n            const newValue = bemMapping[className];\n            context.report({\n              node,\n              loc: { start: startLoc, end: endLoc },\n              messageId: 'bemDoubleDash',\n              data: {\n                actual: className,\n                newValue\n              },\n              fix(fixer) {\n                if (newValue) {\n                  const newClassValue = classAttr.value.value.replace(\n                    className,\n                    newValue\n                  );\n                  return fixer.replaceTextRange(\n                    [classAttr.value.range[0], classAttr.value.range[1]],\n                    `${newClassValue}`\n                  );\n                }\n                return null; // Ensure a return value even if no fix is applied\n              },\n            });\n          }\n        });\n      }\n    }\n\n    return {\n      Tag: check,\n    };\n  },\n};\n\n\n\n// Create a hybrid rule that works for both HTML and CSS\nconst enforceBemUsage = {\n  meta: {\n    type,\n    docs: {\n      recommended: true,\n      description,\n      url\n    },\n    fixable: \"code\",\n    messages\n  },\n\n  create(context) {\n    const filename = context.filename || context.getFilename();\n    \n    // Check if we're in a CSS context\n    if (filename.endsWith('.css') || filename.endsWith('.scss')) {\n      // Try to detect if we have CSS support\n      // In ESLint v9 with @eslint/css, we should have CSS AST support\n      try {\n        // Use CSS implementation (ESLint v9 with @eslint/css)\n        return enforceBemUsageCss.create(context);\n      } catch (error) {\n        // If CSS implementation fails, likely ESLint v8 without CSS support\n        // Return empty visitor to avoid errors\n        return {};\n      }\n    } else {\n      // Use HTML implementation (compatible with both ESLint v8 and v9)\n      return enforceBemUsageHtml.create(context);\n    }\n  },\n};\n\nexport = enforceBemUsage;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AACA,kBAA4C;AAC5C,kBAAqB;AACrB,2BAAyB;AACzB,+BAA+B;AAE/B,IAAM,aAAa,YAAAA,QAAS;AAC5B,IAAM,oBAAoB,YAAAA,QAAS;AACnC,IAAM,aAAa,qBAAAC,QAAa,mBAAmB;AACnD,IAAM,EAAE,MAAM,aAAa,KAAK,SAAS,IAAI;AAU7C,IAAM,oBAAoB,CAAC,cAAuB;AAChD,SAAQ,kBAAkB,SAAS,SAAS,KAAK,kBAAkB,SAAS,WAAW,SAAS,CAAC;AACnG;AAEA,IAAM,sBAAsB;AAAA,EAC1B,OAAO,SAAS;AAEd,aAAS,MAAM,MAAM;AACnB,cAAI,+BAAkB,IAAI,GAAG;AAC3B;AAAA,MACF;AACA,YAAM,gBAAY,sBAAS,MAAM,OAAO;AACxC,UAAI,aAAa,UAAU,OAAO;AAChC,cAAM,aAAa,UAAU,MAAM,MAAM,MAAM,KAAK;AACpD,mBAAW,QAAQ,CAAC,cAAc;AAChC,cAAI,aAAa,aAAa,cAAc,CAAC,kBAAkB,SAAS,GAAG;AAEzE,kBAAM,iBAAiB,UAAU,MAAM,MAAM,QAAQ,SAAS,IAAI;AAClE,kBAAM,eAAe,iBAAiB,UAAU;AAGhD,kBAAM,WAAW;AAAA,cACf,MAAM,UAAU,IAAI,MAAM;AAAA,cAC1B,QAAQ,UAAU,IAAI,MAAM,SAAS;AAAA,YACvC;AACA,kBAAM,SAAS;AAAA,cACb,MAAM,UAAU,IAAI,MAAM;AAAA,cAC1B,QAAQ,UAAU,IAAI,MAAM,SAAS;AAAA,YACvC;AAGA,kBAAM,WAAW,WAAW,SAAS;AACrC,oBAAQ,OAAO;AAAA,cACb;AAAA,cACA,KAAK,EAAE,OAAO,UAAU,KAAK,OAAO;AAAA,cACpC,WAAW;AAAA,cACX,MAAM;AAAA,gBACJ,QAAQ;AAAA,gBACR;AAAA,cACF;AAAA,cACA,IAAI,OAAO;AACT,oBAAI,UAAU;AACZ,wBAAM,gBAAgB,UAAU,MAAM,MAAM;AAAA,oBAC1C;AAAA,oBACA;AAAA,kBACF;AACA,yBAAO,MAAM;AAAA,oBACX,CAAC,UAAU,MAAM,MAAM,CAAC,GAAG,UAAU,MAAM,MAAM,CAAC,CAAC;AAAA,oBACnD,GAAG,aAAa;AAAA,kBAClB;AAAA,gBACF;AACA,uBAAO;AAAA,cACT;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAKA,IAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO,SAAS;AACd,UAAM,WAAW,QAAQ,YAAY,QAAQ,YAAY;AAGzD,QAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,OAAO,GAAG;AAG3D,UAAI;AAEF,eAAO,yBAAAC,QAAmB,OAAO,OAAO;AAAA,MAC1C,SAAS,OAAO;AAGd,eAAO,CAAC;AAAA,MACV;AAAA,IACF,OAAO;AAEL,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C;AAAA,EACF;AACF;AAEA,iBAAS;",
+  "names": ["metadata", "ruleMessages", "enforceBemUsageCss"]
 }

package/build/rules/modal-close-button-issue.js

@@ -4,9 +4,6 @@ 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 __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -24,178 +21,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// yaml-file:rule-messages.yml
-var require_rule_messages = __commonJS({
-  "yaml-file: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-values-slds2",
-        "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/utils/node.ts
-var import_parser = require("@html-eslint/parser");
-function findAttr(node, key) {
-  return node.attributes.find(
-    (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()
-  );
-}
-function isAttributesEmpty(node) {
-  return !node.attributes || node.attributes.length <= 0;
-}
-var lineBreakPattern = /\r\n|[\r\n\u2028\u2029]/u;
-var lineEndingPattern = new RegExp(lineBreakPattern.source, "gu");
-
 // src/rules/modal-close-button-issue.ts
-var import_rule_messages = __toESM(require_rule_messages());
+var import_node = require("../utils/node");
+var import_rule_messages = __toESM(require("../config/rule-messages"));
 var ruleConfig = import_rule_messages.default["modal-close-button-issue"];
 module.exports = {
   meta: {
@@ -212,12 +40,12 @@ module.exports = {
   },
   create(context) {
     function check(node) {
-      if (isAttributesEmpty(node)) {
+      if ((0, import_node.isAttributesEmpty)(node)) {
         return;
       }
       const tagName = node.name;
       if (tagName === "button") {
-        const classAttr = findAttr(node, "class");
+        const classAttr = (0, import_node.findAttr)(node, "class");
         if (classAttr && classAttr.value) {
           const classList = classAttr.value.value.split(/\s+/);
           if (!classList.includes("slds-modal__close")) {
@@ -298,22 +126,22 @@ module.exports = {
             }
           }
         };
-        const variantAttr = findAttr(node, "variant");
-        const sizeAttr = findAttr(node, "size");
-        const classAttr = findAttr(node, "class");
-        const iconClassAttr = findAttr(node, "icon-class");
+        const variantAttr = (0, import_node.findAttr)(node, "variant");
+        const sizeAttr = (0, import_node.findAttr)(node, "size");
+        const classAttr = (0, import_node.findAttr)(node, "class");
+        const iconClassAttr = (0, import_node.findAttr)(node, "icon-class");
         validateClassAttr(classAttr, "class");
         validateClassAttr(iconClassAttr, "icon-class");
       }
       if ((tagName === "lightning-icon" || tagName === "lightning:icon") && node.parent?.name === "button") {
-        const parentClassAttr = findAttr(node.parent, "class");
+        const parentClassAttr = (0, import_node.findAttr)(node.parent, "class");
         if (parentClassAttr && parentClassAttr.value) {
           const parentClassList = parentClassAttr.value.value.split(/\s+/);
           if (!parentClassList.includes("slds-modal__close")) {
             return;
           }
-          const variantAttr = findAttr(node, "variant");
-          const sizeAttr = findAttr(node, "size");
+          const variantAttr = (0, import_node.findAttr)(node, "variant");
+          const sizeAttr = (0, import_node.findAttr)(node, "size");
           if (variantAttr && variantAttr.value && variantAttr.value.value === "bare-inverse") {
             context.report({
               node: variantAttr,