@salesforce-ux/eslint-plugin-slds 1.0.7 → 1.0.9-internal

package/README.md

@@ -96,6 +96,68 @@ By default, the latest version of the plugin supports legacy and flat config sys
 - `reduce-annotations`: Identifies annotations that must be removed from the code.
 - `lwc-token-to-slds-hook`: Identifies the deprecated --lwc tokens that must be replaced with the latest --slds tokens. For more information, see lightningdesignsystem.com.
 
+## Closest Color Suggestion Logic
+
+This plugin suggests SLDS styling hooks that are perceptually closest to a given hardcoded color. The logic lives in `src/utils/color-lib-utils.ts` and is used by `no-hardcoded-values-slds2`.
+
+- **API surface**
+  - `findClosestColorHook(color, supportedColors, cssProperty): string[]`
+    Returns up to 5 hook names, ordered by category priority and perceptual distance.
+  - `isHardCodedColor(value): boolean`
+    Detects if a string likely represents a hardcoded color (excludes CSS `var(...)`).
+
+- **Perceptual metric**
+  - Uses `chroma.deltaE` (CIEDE2000) to compare the input color against known SLDS color values.
+  - A threshold (`DELTAE_THRESHOLD = 25`) controls how strict the matching is.
+  - Exact hex matches short-circuit to distance `0` to avoid float rounding differences.
+
+- **Category ordering**
+  - Hooks are ranked by category, then by distance (ascending):
+    1. Semantic hooks (e.g., surface, accent, error, success, etc.)
+    2. System hooks
+    3. Palette hooks
+  - Only the top 5 suggestions are returned.
+
+- **Property awareness**
+  - Suggestions consider the CSS property from rule context.
+  - Hooks declared for the same property (or `*`) are prioritized if within the distance threshold.
+
+- **CSS variables**
+  - Values using `var(...)` are not flagged as hardcoded colors and are excluded from matching.
+
+- **Semantic hook ordering by CSS property**
+  The sorter always applies the same category priority (semantic → system → palette). Within the semantic category, ordering is purely by perceptual distance for the current CSS property; there is no hardcoded sub-priority among semantic families (surface, accent, error, etc.). Property awareness comes from the metadata (`properties` on each hook).
+
+  - `color`
+    - Prefers semantic hooks that declare `properties: ['color']` (e.g., text/foreground-oriented tokens).
+    - If multiple semantic hooks are eligible, they are ordered by Delta E (closest first).
+    - If none are within threshold, the sorter may fall back to system, then palette.
+
+  - `background-color`
+    - Prefers semantic surface/role tokens that declare `['background-color']`.
+    - Among eligible semantic hooks, order is by Delta E.
+
+  - `border-color` (and `outline-color`)
+    - Prefers semantic or system hooks that declare `['border-color']` (or `['outline-color']`).
+    - If semantic hooks exist for borders, they are ranked before system; otherwise system hooks lead.
+    - Order within the chosen category is by Delta E.
+
+  - `box-shadow`
+    - For color components inside shadows, prefers hooks declaring `['box-shadow']` or universal `['*']`.
+    - Ordering within semantic remains by Delta E.
+
+  - Other properties
+    - If hook metadata specifies the current property, those hooks are preferred.
+    - Hooks with `['*']` (universal) are considered next.
+    - If still none within threshold, different-property hooks may be considered (still subject to category priority and Delta E).
+
+- **Example**
+  ```js
+  // Given a hex color and a CSS property like 'color'
+  const suggestions = findClosestColorHook('#ff0000', supportedColors, 'color');
+  // => ['--slds-...semantic-...', '--slds-...system-...', ...]
+  ```
+
 ## License
 
 ISC

package/build/config/rule-messages.d.ts

@@ -0,0 +1,2 @@
+import ruleMessages from './rule-messages.yml';
+export default ruleMessages;

package/build/config/rule-messages.js

@@ -0,0 +1,197 @@
+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: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/config/rule-messages.ts
+var rule_messages_exports = {};
+__export(rule_messages_exports, {
+  default: () => rule_messages_default
+});
+module.exports = __toCommonJS(rule_messages_exports);
+var import_rule_messages = __toESM(require_rule_messages());
+var rule_messages_default = import_rule_messages.default;
+//# sourceMappingURL=rule-messages.js.map

package/build/config/rule-messages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["yaml-file:rule-messages.yml", "../../src/config/rule-messages.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};", "import ruleMessages from './rule-messages.yml';\n\nexport default ruleMessages;\n\n"],
+  "mappings": "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",
+  "names": ["exports", "module", "ruleMessages"]
+}