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

package/build/index.js

@@ -203,13 +203,13 @@ var require_rule_messages = __commonJS({
 });
 
 // src/rules/v9/enforce-bem-usage.ts
-var import_next, import_rule_messages, type, description, url, messages, bemMapping, enforce_bem_usage_default;
+var import_sds_metadata, import_rule_messages, type, description, url, messages, bemMapping, enforce_bem_usage_default;
 var init_enforce_bem_usage = __esm({
   "src/rules/v9/enforce-bem-usage.ts"() {
-    import_next = __toESM(require("@salesforce-ux/sds-metadata/next"));
+    import_sds_metadata = __toESM(require("@salesforce-ux/sds-metadata"));
     import_rule_messages = __toESM(require_rule_messages());
     ({ type, description, url, messages } = import_rule_messages.default["enforce-bem-usage"]);
-    bemMapping = import_next.default.bemNaming;
+    bemMapping = import_sds_metadata.default.bemNaming;
     enforce_bem_usage_default = {
       meta: {
         type,
@@ -254,11 +254,11 @@ var init_enforce_bem_usage = __esm({
 var require_enforce_bem_usage = __commonJS({
   "src/rules/enforce-bem-usage.ts"(exports2, module2) {
     init_node();
-    var import_next14 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+    var import_sds_metadata14 = __toESM(require("@salesforce-ux/sds-metadata"));
     var import_rule_messages16 = __toESM(require_rule_messages());
     init_enforce_bem_usage();
-    var bemMapping2 = import_next14.default.bemNaming;
-    var deprecatedClasses2 = import_next14.default.deprecatedClasses;
+    var bemMapping2 = import_sds_metadata14.default.bemNaming;
+    var deprecatedClasses2 = import_sds_metadata14.default.deprecatedClasses;
     var ruleConfig14 = import_rule_messages16.default["enforce-bem-usage"];
     var { type: type15, description: description15, url: url15, messages: messages15 } = ruleConfig14;
     var isDeprecatedClass = (className) => {
@@ -349,9 +349,9 @@ var require_enforce_bem_usage = __commonJS({
 var require_no_deprecated_classes_slds2 = __commonJS({
   "src/rules/no-deprecated-classes-slds2.ts"(exports2, module2) {
     init_node();
-    var import_next14 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+    var import_sds_metadata14 = __toESM(require("@salesforce-ux/sds-metadata"));
     var import_rule_messages16 = __toESM(require_rule_messages());
-    var deprecatedClasses2 = import_next14.default.deprecatedClasses;
+    var deprecatedClasses2 = import_sds_metadata14.default.deprecatedClasses;
     var ruleConfig14 = import_rule_messages16.default["no-deprecated-classes-slds2"];
     module2.exports = {
       meta: {
@@ -555,10 +555,10 @@ var import_no_deprecated_classes_slds2 = __toESM(require_no_deprecated_classes_s
 var import_modal_close_button_issue = __toESM(require_modal_close_button_issue());
 
 // src/rules/v9/no-slds-class-overrides.ts
-var import_next2 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata2 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages2 = __toESM(require_rule_messages());
 var ruleConfig = import_rule_messages2.default["no-slds-class-overrides"];
-var sldsClasses = import_next2.default.sldsPlusClasses;
+var sldsClasses = import_sds_metadata2.default.sldsPlusClasses;
 var sldsClassesSet = new Set(sldsClasses);
 var no_slds_class_overrides_default = {
   meta: {
@@ -595,10 +595,10 @@ var no_slds_class_overrides_default = {
 };
 
 // src/rules/v9/no-deprecated-slds-classes.ts
-var import_next3 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata3 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages3 = __toESM(require_rule_messages());
 var { type: type2, description: description2, url: url2, messages: messages2 } = import_rule_messages3.default["no-deprecated-slds-classes"];
-var deprecatedClasses = import_next3.default.deprecatedClasses;
+var deprecatedClasses = import_sds_metadata3.default.deprecatedClasses;
 var deprecatedClassesSet = new Set(deprecatedClasses);
 var no_deprecated_slds_classes_default = {
   meta: {
@@ -629,11 +629,11 @@ var no_deprecated_slds_classes_default = {
 };
 
 // src/rules/v9/no-deprecated-tokens-slds1.ts
-var import_next4 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata4 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages4 = __toESM(require_rule_messages());
 var ruleConfig2 = import_rule_messages4.default["no-deprecated-tokens-slds1"];
 var { type: type3, description: description3, url: url3, messages: messages3 } = ruleConfig2;
-var tokenMapping = import_next4.default.auraToLwcTokensMapping;
+var tokenMapping = import_sds_metadata4.default.auraToLwcTokensMapping;
 var no_deprecated_tokens_slds1_default = {
   meta: {
     type: type3,
@@ -706,11 +706,11 @@ var no_deprecated_tokens_slds1_default = {
 };
 
 // src/rules/v9/lwc-token-to-slds-hook.ts
-var import_next5 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata5 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages5 = __toESM(require_rule_messages());
 var ruleConfig3 = import_rule_messages5.default["lwc-token-to-slds-hook"];
 var { type: type4, description: description4, url: url4, messages: messages4 } = ruleConfig3;
-var lwcToSlds = import_next5.default.lwcToSlds;
+var lwcToSlds = import_sds_metadata5.default.lwcToSlds;
 function shouldIgnoreDetection(lwcToken) {
   return !lwcToken.startsWith("--lwc-") || !(lwcToken in lwcToSlds) || lwcToSlds[lwcToken].continueToUse;
 }
@@ -843,11 +843,11 @@ var lwc_token_to_slds_hook_default = {
 };
 
 // src/rules/v9/enforce-sds-to-slds-hooks.ts
-var import_next6 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata6 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages6 = __toESM(require_rule_messages());
 var ruleConfig4 = import_rule_messages6.default["enforce-sds-to-slds-hooks"];
 var { type: type5, description: description5, url: url5, messages: messages5 } = ruleConfig4;
-var sldsPlusStylingHooks = import_next6.default.sldsPlusStylingHooks;
+var sldsPlusStylingHooks = import_sds_metadata6.default.sldsPlusStylingHooks;
 var allSldsHooks = [...sldsPlusStylingHooks.global, ...sldsPlusStylingHooks.component];
 var toSldsToken = (sdsToken) => sdsToken.replace("--sds-", "--slds-");
 function shouldIgnoreDetection2(sdsToken) {
@@ -910,11 +910,11 @@ var enforce_sds_to_slds_hooks_default = {
 };
 
 // src/rules/v9/no-sldshook-fallback-for-lwctoken.ts
-var import_next7 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata7 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages7 = __toESM(require_rule_messages());
 var ruleConfig5 = import_rule_messages7.default["no-sldshook-fallback-for-lwctoken"];
 var { type: type6, description: description6, url: url6, messages: messages6 } = ruleConfig5;
-var sldsPlusStylingHooks2 = import_next7.default.sldsPlusStylingHooks;
+var sldsPlusStylingHooks2 = import_sds_metadata7.default.sldsPlusStylingHooks;
 var allSldsHooks2 = [...sldsPlusStylingHooks2.global, ...sldsPlusStylingHooks2.component];
 var allSldsHooksSet = new Set(allSldsHooks2);
 function hasUnsupportedFallback(lwcToken, sldsToken) {
@@ -970,11 +970,11 @@ var no_sldshook_fallback_for_lwctoken_default = {
 };
 
 // src/rules/v9/no-unsupported-hooks-slds2.ts
-var import_next8 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata8 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages8 = __toESM(require_rule_messages());
 var ruleConfig6 = import_rule_messages8.default["no-unsupported-hooks-slds2"];
 var { type: type7, description: description7, url: url7, messages: messages7 } = ruleConfig6;
-var deprecatedHooks = new Set(import_next8.default.deprecatedStylingHooks);
+var deprecatedHooks = new Set(import_sds_metadata8.default.deprecatedStylingHooks);
 function shouldIgnoreDetection3(sldsHook) {
   return !deprecatedHooks.has(sldsHook);
 }
@@ -1020,20 +1020,357 @@ var no_unsupported_hooks_slds2_default = {
 };
 
 // src/rules/v9/no-slds-var-without-fallback.ts
-var import_next9 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata9 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages9 = __toESM(require_rule_messages());
-var ruleConfig7 = import_rule_messages9.default["no-slds-var-without-fallback"];
-var { type: type8, description: description8, url: url8, messages: messages8 } = ruleConfig7;
-var sldsVariables = import_next9.default.slds1ExcludedVars || {};
-function isSldsCssVariable(cssVar) {
-  return cssVar.startsWith("--slds-");
+
+// src/utils/hardcoded-shared-utils.ts
+var import_css_tree2 = require("@eslint/css-tree");
+
+// src/utils/color-lib-utils.ts
+var import_chroma_js = __toESM(require("chroma-js"));
+var import_css_tree = require("@eslint/css-tree");
+
+// src/utils/css-functions.ts
+var CSS_FUNCTIONS = [
+  "attr",
+  "calc",
+  "color-mix",
+  "conic-gradient",
+  "counter",
+  "cubic-bezier",
+  "linear-gradient",
+  "max",
+  "min",
+  "radial-gradient",
+  "repeating-conic-gradient",
+  "repeating-linear-gradient",
+  "repeating-radial-gradient",
+  "var"
+];
+var CSS_MATH_FUNCTIONS = ["calc", "min", "max"];
+var RGB_COLOR_FUNCTIONS = ["rgb", "rgba", "hsl", "hsla"];
+var cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join("|")})`);
+var cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join("|")})$`);
+var cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join("|")})$`);
+function isCssFunction(value) {
+  return cssFunctionsExactRegex.test(value);
+}
+function isCssColorFunction(value) {
+  return RGB_COLOR_FUNCTIONS.includes(value);
 }
-function hasFallbackValue(varFunctionNode) {
-  if (!varFunctionNode || !varFunctionNode.children) return false;
-  return varFunctionNode.children.some(
+
+// src/utils/color-lib-utils.ts
+var LAB_THRESHOLD = 25;
+var isHexCode = (color) => {
+  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
+  return hexPattern.test(color);
+};
+var convertToHex = (color) => {
+  try {
+    return (0, import_chroma_js.default)(color).hex();
+  } catch (e) {
+    return null;
+  }
+};
+var findClosestColorHook = (color, supportedColors, cssProperty) => {
+  const returnStylingHooks = [];
+  const closestHooksWithSameProperty = [];
+  const closestHooksWithoutSameProperty = [];
+  const closestHooksWithAllProperty = [];
+  const labColor = (0, import_chroma_js.default)(color).lab();
+  Object.entries(supportedColors).forEach(([sldsValue, data]) => {
+    if (sldsValue && isHexCode(sldsValue)) {
+      const hooks = data;
+      hooks.forEach((hook) => {
+        const labSupportedColor = (0, import_chroma_js.default)(sldsValue).lab();
+        const distance = JSON.stringify(labColor) === JSON.stringify(labSupportedColor) ? 0 : import_chroma_js.default.distance(import_chroma_js.default.lab(...labColor), import_chroma_js.default.lab(...labSupportedColor), "lab");
+        if (hook.properties.includes(cssProperty)) {
+          if (distance <= LAB_THRESHOLD) {
+            closestHooksWithSameProperty.push({ name: hook.name, distance });
+          }
+        } else if (hook.properties.includes("*")) {
+          if (distance <= LAB_THRESHOLD) {
+            closestHooksWithAllProperty.push({ name: hook.name, distance });
+          }
+        } else {
+          if (distance <= LAB_THRESHOLD) {
+            closestHooksWithoutSameProperty.push({ name: hook.name, distance });
+          }
+        }
+      });
+    }
+  });
+  const closesthookGroups = [
+    { hooks: closestHooksWithSameProperty, distance: 0 },
+    { hooks: closestHooksWithAllProperty, distance: 0 },
+    { hooks: closestHooksWithSameProperty, distance: Infinity },
+    // For hooks with distance > 0
+    { hooks: closestHooksWithAllProperty, distance: Infinity },
+    { hooks: closestHooksWithoutSameProperty, distance: Infinity }
+  ];
+  for (const group of closesthookGroups) {
+    const filteredHooks = group.hooks.filter(
+      (h) => group.distance === 0 ? h.distance === 0 : h.distance > 0
+    );
+    if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {
+      filteredHooks.sort((a, b) => a.distance - b.distance);
+      returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));
+    }
+  }
+  return Array.from(new Set(returnStylingHooks));
+};
+var isValidColor = (val) => import_chroma_js.default.valid(val);
+var extractColorValue = (node) => {
+  let colorValue = null;
+  switch (node.type) {
+    case "Hash":
+      colorValue = `#${node.value}`;
+      break;
+    case "Identifier":
+      colorValue = node.name;
+      break;
+    case "Function":
+      if (isCssColorFunction(node.name)) {
+        colorValue = (0, import_css_tree.generate)(node);
+      }
+      break;
+  }
+  return colorValue && isValidColor(colorValue) ? colorValue : null;
+};
+
+// src/utils/hardcoded-shared-utils.ts
+var FONT_WEIGHTS = [
+  "normal",
+  "bold",
+  "bolder",
+  "lighter",
+  "100",
+  "200",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900"
+];
+function isKnownFontWeight(value) {
+  const stringValue = value.toString();
+  return FONT_WEIGHTS.includes(stringValue.toLowerCase());
+}
+function handleShorthandAutoFix(declarationNode, context, valueText, replacements) {
+  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);
+  const hasAnyHooks = sortedReplacements.some((r) => r.hasHook);
+  const canAutoFix = hasAnyHooks;
+  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {
+    const originalValue = valueText.substring(start, end);
+    const valueStartColumn = declarationNode.value.loc.start.column;
+    const valueColumn = valueStartColumn + start;
+    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;
+    const reportNode = {
+      ...declarationNode.value,
+      loc: {
+        ...declarationNode.value.loc,
+        start: {
+          ...locStart,
+          column: valueColumn
+        },
+        end: {
+          ...locEnd,
+          column: valueColumn + originalValue.length
+        }
+      }
+    };
+    if (hasHook) {
+      const fix = canAutoFix ? (fixer) => {
+        let newValue = valueText;
+        for (let i = sortedReplacements.length - 1; i >= 0; i--) {
+          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];
+          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);
+        }
+        return fixer.replaceText(declarationNode.value, newValue);
+      } : void 0;
+      context.context.report({
+        node: reportNode,
+        messageId: "hardcodedValue",
+        data: {
+          oldValue: originalValue,
+          newValue: displayValue
+        },
+        fix
+      });
+    } else {
+      context.context.report({
+        node: reportNode,
+        messageId: "noReplacement",
+        data: {
+          oldValue: originalValue
+        }
+      });
+    }
+  });
+}
+function forEachValue(valueText, extractValue, shouldSkipNode, callback) {
+  if (!valueText || typeof valueText !== "string") {
+    return;
+  }
+  try {
+    const ast = (0, import_css_tree2.parse)(valueText, { context: "value", positions: true });
+    (0, import_css_tree2.walk)(ast, {
+      enter(node) {
+        if (shouldSkipNode(node)) {
+          return this.skip;
+        }
+        const value = extractValue(node);
+        if (value !== null) {
+          const positionInfo = {
+            start: node.loc?.start,
+            end: node.loc?.end
+          };
+          callback(value, positionInfo);
+        }
+      }
+    });
+  } catch (error) {
+    return;
+  }
+}
+function shouldSkipColorNode(node) {
+  return node.type === "Function" && isCssFunction(node.name);
+}
+function shouldSkipDimensionNode(node) {
+  return node.type === "Function";
+}
+function extractDimensionValue(valueNode, cssProperty) {
+  if (!valueNode) return null;
+  switch (valueNode.type) {
+    case "Dimension":
+      const numValue = Number(valueNode.value);
+      if (numValue === 0) return null;
+      const unit = valueNode.unit.toLowerCase();
+      if (unit !== "px" && unit !== "rem" && unit !== "%") return null;
+      return {
+        number: numValue,
+        unit
+      };
+    case "Number":
+      const numberValue = Number(valueNode.value);
+      if (numberValue === 0) return null;
+      return {
+        number: numberValue,
+        unit: null
+      };
+    case "Percentage":
+      const percentValue = Number(valueNode.value);
+      if (percentValue === 0) return null;
+      return {
+        number: percentValue,
+        unit: "%"
+      };
+    case "Value":
+      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;
+  }
+  return null;
+}
+function forEachColorValue(valueText, callback) {
+  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);
+}
+function forEachDensityValue(valueText, cssProperty, callback) {
+  forEachValue(
+    valueText,
+    (node) => extractDimensionValue(node, cssProperty),
+    shouldSkipDimensionNode,
+    callback
+  );
+}
+function extractFontValue(node) {
+  if (!node) return null;
+  switch (node.type) {
+    case "Dimension":
+      const numValue = Number(node.value);
+      if (numValue <= 0) return null;
+      const unit = node.unit.toLowerCase();
+      if (unit !== "px" && unit !== "rem" && unit !== "%") return null;
+      return {
+        number: numValue,
+        unit
+      };
+    case "Number":
+      const numberValue = Number(node.value);
+      if (numberValue <= 0) {
+        return null;
+      }
+      if (!isKnownFontWeight(numberValue)) {
+        return null;
+      }
+      return {
+        number: numberValue,
+        unit: null
+      };
+    case "Identifier":
+      const namedValue = node.name.toLowerCase();
+      if (!isKnownFontWeight(namedValue)) {
+        return null;
+      }
+      if (namedValue === "normal") {
+        return { number: 400, unit: null };
+      }
+      return { number: namedValue, unit: null };
+    case "Percentage":
+      const percentValue = Number(node.value);
+      if (percentValue === 0) return null;
+      return {
+        number: percentValue,
+        unit: "%"
+      };
+    case "Value":
+      return node.children?.[0] ? extractFontValue(node.children[0]) : null;
+  }
+  return null;
+}
+function shouldSkipFontNode(node) {
+  return node.type === "Function";
+}
+function forEachFontValue(valueText, callback) {
+  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);
+}
+
+// src/utils/css-utils.ts
+function extractSldsVariable(node) {
+  if (!node || node.type !== "Function" || node.name !== "var") {
+    return null;
+  }
+  if (!node.children) {
+    return null;
+  }
+  const childrenArray = Array.from(node.children);
+  if (childrenArray.length === 0) {
+    return null;
+  }
+  const firstChild = childrenArray[0];
+  if (!firstChild || firstChild.type !== "Identifier") {
+    return null;
+  }
+  const variableName = firstChild.name;
+  if (!variableName || !variableName.startsWith("--slds-")) {
+    return null;
+  }
+  const hasFallback = childrenArray.some(
     (child) => child.type === "Operator" && child.value === ","
   );
+  return {
+    name: variableName,
+    hasFallback
+  };
 }
+function forEachSldsVariable(valueText, callback) {
+  forEachValue(valueText, extractSldsVariable, () => false, callback);
+}
+
+// src/rules/v9/no-slds-var-without-fallback.ts
+var ruleConfig7 = import_rule_messages9.default["no-slds-var-without-fallback"];
+var { type: type8, description: description8, url: url8, messages: messages8 } = ruleConfig7;
+var sldsVariables = import_sds_metadata9.default.slds1ExcludedVars || {};
 var no_slds_var_without_fallback_default = {
   meta: {
     type: type8,
@@ -1046,45 +1383,50 @@ var no_slds_var_without_fallback_default = {
     messages: messages8
   },
   create(context) {
-    function reportAndFix(node, cssVar, fallbackValue) {
-      context.report({
-        node,
-        messageId: "varWithoutFallback",
-        data: { cssVar, recommendation: fallbackValue },
-        fix(fixer) {
-          const varFunctionNode = context.sourceCode.getAncestors(node).at(-1);
-          const varWithFallback = `var(${cssVar}, ${fallbackValue})`;
-          return fixer.replaceText(varFunctionNode, varWithFallback);
-        }
-      });
-    }
     return {
-      // Handle SLDS tokens inside var() functions: var(--slds-*)
-      "Function[name='var'] Identifier[name=/^--slds-/]"(node) {
-        const cssVar = node.name;
-        if (!isSldsCssVariable(cssVar)) {
-          return;
-        }
-        const varFunctionNode = context.sourceCode.getAncestors(node).at(-1);
-        if (hasFallbackValue(varFunctionNode)) {
-          return;
-        }
-        const fallbackValue = sldsVariables[cssVar];
-        if (!fallbackValue) {
-          return;
+      "Declaration"(node) {
+        const valueText = context.sourceCode.getText(node.value);
+        if (!valueText) return;
+        const variablesNeedingFallback = [];
+        forEachSldsVariable(valueText, (variableInfo, positionInfo) => {
+          const { name: cssVar, hasFallback } = variableInfo;
+          if (hasFallback) return;
+          const fallbackValue = sldsVariables[cssVar];
+          if (!fallbackValue) return;
+          variablesNeedingFallback.push({
+            cssVar,
+            fallbackValue,
+            start: positionInfo.start?.offset || 0,
+            end: positionInfo.end?.offset || 0
+          });
+        });
+        if (variablesNeedingFallback.length > 0) {
+          let newValue = valueText;
+          const sortedVariables = variablesNeedingFallback.sort((a, b) => b.start - a.start);
+          sortedVariables.forEach(({ cssVar, fallbackValue, start, end }) => {
+            const replacement = `var(${cssVar}, ${fallbackValue})`;
+            newValue = newValue.substring(0, start) + replacement + newValue.substring(end);
+          });
+          variablesNeedingFallback.forEach(({ cssVar, fallbackValue }) => {
+            context.report({
+              node,
+              messageId: "varWithoutFallback",
+              data: { cssVar, recommendation: fallbackValue },
+              fix: (fixer) => fixer.replaceText(node.value, newValue)
+            });
+          });
         }
-        reportAndFix(node, cssVar, fallbackValue);
       }
     };
   }
 };
 
 // src/rules/v9/no-slds-namespace-for-custom-hooks.ts
-var import_next10 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata10 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages10 = __toESM(require_rule_messages());
 var ruleConfig8 = import_rule_messages10.default["no-slds-namespace-for-custom-hooks"];
 var { type: type9, description: description9, url: url9, messages: messages9 } = ruleConfig8;
-var sldsPlusStylingHooks3 = import_next10.default.sldsPlusStylingHooks;
+var sldsPlusStylingHooks3 = import_sds_metadata10.default.sldsPlusStylingHooks;
 var allSldsHooks3 = [...sldsPlusStylingHooks3.global, ...sldsPlusStylingHooks3.component];
 var toSldsToken2 = (sdsToken) => sdsToken.replace("--sds-", "--slds-");
 function shouldIgnoreDetection4(sdsToken) {
@@ -1137,11 +1479,11 @@ var no_slds_namespace_for_custom_hooks_default = {
 };
 
 // src/rules/v9/enforce-component-hook-naming-convention.ts
-var import_next11 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata11 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages11 = __toESM(require_rule_messages());
 var ruleConfig9 = import_rule_messages11.default["enforce-component-hook-naming-convention"];
 var { type: type10, description: description10, url: url10, messages: messages10 } = ruleConfig9;
-var slds1DeprecatedComponentHooks = import_next11.default.slds1DeprecatedComponentHooks;
+var slds1DeprecatedComponentHooks = import_sds_metadata11.default.slds1DeprecatedComponentHooks;
 function shouldIgnoreDetection5(hook) {
   return !hook.startsWith("--slds-c-") || !(hook in slds1DeprecatedComponentHooks);
 }
@@ -1253,152 +1595,40 @@ var { type: type12, description: description12, url: url12, messages: messages12
 var no_slds_private_var_default = {
   meta: {
     type: type12,
-    docs: {
-      description: description12,
-      recommended: true,
-      url: url12
-    },
-    fixable: "code",
-    messages: messages12
-  },
-  create(context) {
-    return {
-      // Handle CSS custom properties (declarations starting with --)
-      "Declaration"(node) {
-        if (node.property && typeof node.property === "string" && node.property.startsWith("--_slds-")) {
-          context.report({
-            node,
-            messageId: "privateVar",
-            data: { prop: node.property },
-            fix(fixer) {
-              const newProperty = node.property.replace("--_slds-", "--slds-");
-              const sourceCode = context.sourceCode.getText(node);
-              const fixedCode = sourceCode.replace(node.property, newProperty);
-              return fixer.replaceText(node, fixedCode);
-            }
-          });
-        }
-      }
-    };
-  }
-};
-
-// src/rules/v9/no-hardcoded-values/no-hardcoded-values-slds1.ts
-var import_next12 = __toESM(require("@salesforce-ux/sds-metadata/next"));
-var import_rule_messages14 = __toESM(require_rule_messages());
-
-// src/utils/color-lib-utils.ts
-var import_chroma_js = __toESM(require("chroma-js"));
-var import_css_tree = require("@eslint/css-tree");
-
-// src/utils/css-functions.ts
-var CSS_FUNCTIONS = [
-  "attr",
-  "calc",
-  "color-mix",
-  "conic-gradient",
-  "counter",
-  "cubic-bezier",
-  "linear-gradient",
-  "max",
-  "min",
-  "radial-gradient",
-  "repeating-conic-gradient",
-  "repeating-linear-gradient",
-  "repeating-radial-gradient",
-  "var"
-];
-var CSS_MATH_FUNCTIONS = ["calc", "min", "max"];
-var RGB_COLOR_FUNCTIONS = ["rgb", "rgba", "hsl", "hsla"];
-var cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join("|")})`);
-var cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join("|")})$`);
-var cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join("|")})$`);
-function isCssFunction(value) {
-  return cssFunctionsExactRegex.test(value);
-}
-function isCssColorFunction(value) {
-  return RGB_COLOR_FUNCTIONS.includes(value);
-}
-
-// src/utils/color-lib-utils.ts
-var LAB_THRESHOLD = 25;
-var isHexCode = (color) => {
-  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
-  return hexPattern.test(color);
-};
-var convertToHex = (color) => {
-  try {
-    return (0, import_chroma_js.default)(color).hex();
-  } catch (e) {
-    return null;
-  }
-};
-var findClosestColorHook = (color, supportedColors, cssProperty) => {
-  const returnStylingHooks = [];
-  const closestHooksWithSameProperty = [];
-  const closestHooksWithoutSameProperty = [];
-  const closestHooksWithAllProperty = [];
-  const labColor = (0, import_chroma_js.default)(color).lab();
-  Object.entries(supportedColors).forEach(([sldsValue, data]) => {
-    if (sldsValue && isHexCode(sldsValue)) {
-      const hooks = data;
-      hooks.forEach((hook) => {
-        const labSupportedColor = (0, import_chroma_js.default)(sldsValue).lab();
-        const distance = JSON.stringify(labColor) === JSON.stringify(labSupportedColor) ? 0 : import_chroma_js.default.distance(import_chroma_js.default.lab(...labColor), import_chroma_js.default.lab(...labSupportedColor), "lab");
-        if (hook.properties.includes(cssProperty)) {
-          if (distance <= LAB_THRESHOLD) {
-            closestHooksWithSameProperty.push({ name: hook.name, distance });
-          }
-        } else if (hook.properties.includes("*")) {
-          if (distance <= LAB_THRESHOLD) {
-            closestHooksWithAllProperty.push({ name: hook.name, distance });
-          }
-        } else {
-          if (distance <= LAB_THRESHOLD) {
-            closestHooksWithoutSameProperty.push({ name: hook.name, distance });
-          }
-        }
-      });
-    }
-  });
-  const closesthookGroups = [
-    { hooks: closestHooksWithSameProperty, distance: 0 },
-    { hooks: closestHooksWithAllProperty, distance: 0 },
-    { hooks: closestHooksWithSameProperty, distance: Infinity },
-    // For hooks with distance > 0
-    { hooks: closestHooksWithAllProperty, distance: Infinity },
-    { hooks: closestHooksWithoutSameProperty, distance: Infinity }
-  ];
-  for (const group of closesthookGroups) {
-    const filteredHooks = group.hooks.filter(
-      (h) => group.distance === 0 ? h.distance === 0 : h.distance > 0
-    );
-    if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {
-      filteredHooks.sort((a, b) => a.distance - b.distance);
-      returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));
-    }
-  }
-  return Array.from(new Set(returnStylingHooks));
-};
-var isValidColor = (val) => import_chroma_js.default.valid(val);
-var extractColorValue = (node) => {
-  let colorValue = null;
-  switch (node.type) {
-    case "Hash":
-      colorValue = `#${node.value}`;
-      break;
-    case "Identifier":
-      colorValue = node.name;
-      break;
-    case "Function":
-      if (isCssColorFunction(node.name)) {
-        colorValue = (0, import_css_tree.generate)(node);
+    docs: {
+      description: description12,
+      recommended: true,
+      url: url12
+    },
+    fixable: "code",
+    messages: messages12
+  },
+  create(context) {
+    return {
+      // Handle CSS custom properties (declarations starting with --)
+      "Declaration"(node) {
+        if (node.property && typeof node.property === "string" && node.property.startsWith("--_slds-")) {
+          context.report({
+            node,
+            messageId: "privateVar",
+            data: { prop: node.property },
+            fix(fixer) {
+              const newProperty = node.property.replace("--_slds-", "--slds-");
+              const sourceCode = context.sourceCode.getText(node);
+              const fixedCode = sourceCode.replace(node.property, newProperty);
+              return fixer.replaceText(node, fixedCode);
+            }
+          });
+        }
       }
-      break;
+    };
   }
-  return colorValue && isValidColor(colorValue) ? colorValue : null;
 };
 
+// src/rules/v9/no-hardcoded-values/no-hardcoded-values-slds1.ts
+var import_sds_metadata12 = __toESM(require("@salesforce-ux/sds-metadata"));
+var import_rule_messages14 = __toESM(require_rule_messages());
+
 // src/utils/property-matcher.ts
 var DIRECTION_VALUES = "(?:top|right|bottom|left|inline|block|inline-start|inline-end|start|end|block-start|block-end)";
 var CORNER_VALUES = "(?:top-left|top-right|bottom-right|bottom-left|start-start|start-end|end-start|end-end)";
@@ -1499,204 +1729,6 @@ function resolvePropertyToMatch(cssProperty) {
   return propertyToMatch;
 }
 
-// src/utils/hardcoded-shared-utils.ts
-var import_css_tree2 = require("@eslint/css-tree");
-var FONT_WEIGHTS = [
-  "normal",
-  "bold",
-  "bolder",
-  "lighter",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "700",
-  "800",
-  "900"
-];
-function isKnownFontWeight(value) {
-  const stringValue = value.toString();
-  return FONT_WEIGHTS.includes(stringValue.toLowerCase());
-}
-function handleShorthandAutoFix(declarationNode, context, valueText, replacements) {
-  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);
-  const hasAnyHooks = sortedReplacements.some((r) => r.hasHook);
-  const canAutoFix = hasAnyHooks;
-  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {
-    const originalValue = valueText.substring(start, end);
-    const valueStartColumn = declarationNode.value.loc.start.column;
-    const valueColumn = valueStartColumn + start;
-    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;
-    const reportNode = {
-      ...declarationNode.value,
-      loc: {
-        ...declarationNode.value.loc,
-        start: {
-          ...locStart,
-          column: valueColumn
-        },
-        end: {
-          ...locEnd,
-          column: valueColumn + originalValue.length
-        }
-      }
-    };
-    if (hasHook) {
-      const fix = canAutoFix ? (fixer) => {
-        let newValue = valueText;
-        for (let i = sortedReplacements.length - 1; i >= 0; i--) {
-          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];
-          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);
-        }
-        return fixer.replaceText(declarationNode.value, newValue);
-      } : void 0;
-      context.context.report({
-        node: reportNode,
-        messageId: "hardcodedValue",
-        data: {
-          oldValue: originalValue,
-          newValue: displayValue
-        },
-        fix
-      });
-    } else {
-      context.context.report({
-        node: reportNode,
-        messageId: "noReplacement",
-        data: {
-          oldValue: originalValue
-        }
-      });
-    }
-  });
-}
-function forEachValue(valueText, extractValue, shouldSkipNode, callback) {
-  if (!valueText || typeof valueText !== "string") {
-    return;
-  }
-  try {
-    const ast = (0, import_css_tree2.parse)(valueText, { context: "value", positions: true });
-    (0, import_css_tree2.walk)(ast, {
-      enter(node) {
-        if (shouldSkipNode(node)) {
-          return this.skip;
-        }
-        const value = extractValue(node);
-        if (value !== null) {
-          const positionInfo = {
-            start: node.loc?.start,
-            end: node.loc?.end
-          };
-          callback(value, positionInfo);
-        }
-      }
-    });
-  } catch (error) {
-    return;
-  }
-}
-function shouldSkipColorNode(node) {
-  return node.type === "Function" && isCssFunction(node.name);
-}
-function shouldSkipDimensionNode(node) {
-  return node.type === "Function";
-}
-function extractDimensionValue(valueNode, cssProperty) {
-  if (!valueNode) return null;
-  switch (valueNode.type) {
-    case "Dimension":
-      const numValue = Number(valueNode.value);
-      if (numValue === 0) return null;
-      const unit = valueNode.unit.toLowerCase();
-      if (unit !== "px" && unit !== "rem" && unit !== "%") return null;
-      return {
-        number: numValue,
-        unit
-      };
-    case "Number":
-      const numberValue = Number(valueNode.value);
-      if (numberValue === 0) return null;
-      return {
-        number: numberValue,
-        unit: null
-      };
-    case "Percentage":
-      const percentValue = Number(valueNode.value);
-      if (percentValue === 0) return null;
-      return {
-        number: percentValue,
-        unit: "%"
-      };
-    case "Value":
-      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;
-  }
-  return null;
-}
-function forEachColorValue(valueText, callback) {
-  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);
-}
-function forEachDensityValue(valueText, cssProperty, callback) {
-  forEachValue(
-    valueText,
-    (node) => extractDimensionValue(node, cssProperty),
-    shouldSkipDimensionNode,
-    callback
-  );
-}
-function extractFontValue(node) {
-  if (!node) return null;
-  switch (node.type) {
-    case "Dimension":
-      const numValue = Number(node.value);
-      if (numValue <= 0) return null;
-      const unit = node.unit.toLowerCase();
-      if (unit !== "px" && unit !== "rem" && unit !== "%") return null;
-      return {
-        number: numValue,
-        unit
-      };
-    case "Number":
-      const numberValue = Number(node.value);
-      if (numberValue <= 0) {
-        return null;
-      }
-      if (!isKnownFontWeight(numberValue)) {
-        return null;
-      }
-      return {
-        number: numberValue,
-        unit: null
-      };
-    case "Identifier":
-      const namedValue = node.name.toLowerCase();
-      if (!isKnownFontWeight(namedValue)) {
-        return null;
-      }
-      if (namedValue === "normal") {
-        return { number: 400, unit: null };
-      }
-      return { number: namedValue, unit: null };
-    case "Percentage":
-      const percentValue = Number(node.value);
-      if (percentValue === 0) return null;
-      return {
-        number: percentValue,
-        unit: "%"
-      };
-    case "Value":
-      return node.children?.[0] ? extractFontValue(node.children[0]) : null;
-  }
-  return null;
-}
-function shouldSkipFontNode(node) {
-  return node.type === "Function";
-}
-function forEachFontValue(valueText, callback) {
-  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);
-}
-
 // src/rules/v9/no-hardcoded-values/handlers/colorHandler.ts
 var handleColorDeclaration = (node, context) => {
   const cssProperty = node.property.toLowerCase();
@@ -2123,9 +2155,28 @@ function createBoxShadowReplacement(originalValue, hooks, context, positionInfo)
   }
 }
 
+// src/utils/rule-utils.ts
+function isRuleEnabled(context, ruleName3) {
+  try {
+    const rules2 = context.settings?.sldsRules || {};
+    if (ruleName3 in rules2) {
+      const ruleConfig14 = rules2[ruleName3];
+      if (Array.isArray(ruleConfig14)) {
+        return ruleConfig14[0] === true;
+      } else if (ruleConfig14 !== void 0 && ruleConfig14 !== null) {
+        return true;
+      } else if (ruleConfig14 === false) {
+        return false;
+      }
+    }
+  } catch (error) {
+    return false;
+  }
+}
+
 // src/rules/v9/no-hardcoded-values/noHardcodedValueRule.ts
 function defineNoHardcodedValueRule(config) {
-  const { ruleConfig: ruleConfig14 } = config;
+  const { ruleConfig: ruleConfig14, ruleName: ruleName3 } = config;
   const { type: type15, description: description15, url: url15, messages: messages15 } = ruleConfig14;
   return {
     meta: {
@@ -2139,6 +2190,9 @@ function defineNoHardcodedValueRule(config) {
       messages: messages15
     },
     create(context) {
+      if (ruleName3 === "no-hardcoded-values-slds1" && isRuleEnabled(context, "@salesforce-ux/slds/no-hardcoded-values-slds2")) {
+        return {};
+      }
       const handlerContext = {
         valueToStylinghook: config.valueToStylinghook,
         context,
@@ -2194,36 +2248,38 @@ function defineNoHardcodedValueRule(config) {
 }
 
 // src/rules/v9/no-hardcoded-values/no-hardcoded-values-slds1.ts
-var ruleConfig12 = import_rule_messages14.default["no-hardcoded-values-slds1"];
+var ruleName = "no-hardcoded-values-slds1";
+var ruleConfig12 = import_rule_messages14.default[ruleName];
 var { type: type13, description: description13, url: url13, messages: messages13 } = ruleConfig12;
-var valueToStylinghook = import_next12.default.valueToStylingHooksSlds;
+var valueToStylinghook = import_sds_metadata12.default.valueToStylingHooksSlds;
 var no_hardcoded_values_slds1_default = defineNoHardcodedValueRule({
   ruleConfig: ruleConfig12,
-  valueToStylinghook
+  valueToStylinghook,
+  ruleName
 });
 
 // src/rules/v9/no-hardcoded-values/no-hardcoded-values-slds2.ts
-var import_next13 = __toESM(require("@salesforce-ux/sds-metadata/next"));
+var import_sds_metadata13 = __toESM(require("@salesforce-ux/sds-metadata"));
 var import_rule_messages15 = __toESM(require_rule_messages());
-var ruleConfig13 = import_rule_messages15.default["no-hardcoded-values-slds2"];
+var ruleName2 = "no-hardcoded-values-slds2";
+var ruleConfig13 = import_rule_messages15.default[ruleName2];
 var { type: type14, description: description14, url: url14, messages: messages14 } = ruleConfig13;
-var valueToStylinghook2 = import_next13.default.valueToStylingHooksCosmos;
+var valueToStylinghook2 = import_sds_metadata13.default.valueToStylingHooksCosmos;
 var no_hardcoded_values_slds2_default = defineNoHardcodedValueRule({
   ruleConfig: ruleConfig13,
-  valueToStylinghook: valueToStylinghook2
+  valueToStylinghook: valueToStylinghook2,
+  ruleName: ruleName2
 });
 
 // src/index.ts
 var import_parser2 = __toESM(require("@html-eslint/parser"));
 var import_css = __toESM(require("@eslint/css"));
 
-// eslint.rules.internal.json
-var eslint_rules_internal_default = {
+// eslint.rules.json
+var eslint_rules_default = {
   css: {
     "@salesforce-ux/slds/no-slds-class-overrides": "warn",
     "@salesforce-ux/slds/no-deprecated-slds-classes": "warn",
-    "@salesforce-ux/slds/no-deprecated-tokens-slds1": "error",
-    "@salesforce-ux/slds/lwc-token-to-slds-hook": "error",
     "@salesforce-ux/slds/enforce-sds-to-slds-hooks": "warn",
     "@salesforce-ux/slds/no-sldshook-fallback-for-lwctoken": "warn",
     "@salesforce-ux/slds/no-unsupported-hooks-slds2": "warn",
@@ -2231,7 +2287,6 @@ var eslint_rules_internal_default = {
     "@salesforce-ux/slds/no-slds-namespace-for-custom-hooks": "warn",
     "@salesforce-ux/slds/enforce-component-hook-naming-convention": "error",
     "@salesforce-ux/slds/no-slds-private-var": "warn",
-    "@salesforce-ux/slds/no-hardcoded-values-slds1": "error",
     "@salesforce-ux/slds/no-hardcoded-values-slds2": "warn",
     "@salesforce-ux/slds/reduce-annotations": "warn"
   },
@@ -2265,47 +2320,56 @@ var rules = {
 var plugin = {
   meta: {
     name: "@salesforce-ux/eslint-plugin-slds",
-    version: "1.0.0-internal-alpha.0"
+    version: "1.0.0"
   },
   rules,
   configs: {}
 };
-Object.assign(plugin.configs, {
-  // Flat config for ESLint v9+
-  "flat/recommended": [
-    // HTML/Component config
-    {
-      files: ["**/*.html", "**/*.cmp"],
-      languageOptions: {
-        parser: import_parser2.default,
-        ecmaVersion: 2021,
-        sourceType: "module"
-      },
-      plugins: {
-        "@salesforce-ux/slds": plugin
-      },
-      rules: eslint_rules_internal_default.html
+var cssConfigArray = [
+  // CSS config - Standard CSS files
+  {
+    files: ["**/*.{css,scss}"],
+    language: "css/css",
+    ...import_css.default.configs.recommended,
+    languageOptions: {
+      tolerant: true
+      // Allow recoverable parsing errors for SCSS syntax
     },
-    // CSS config - Standard CSS files
-    {
-      files: ["**/*.{css,scss}"],
-      language: "css/css",
-      ...import_css.default.configs.recommended,
-      languageOptions: {
-        tolerant: true
-        // Allow recoverable parsing errors for SCSS syntax
-      },
-      plugins: {
-        css: import_css.default,
-        "@salesforce-ux/slds": plugin
-      },
-      rules: eslint_rules_internal_default.css
+    plugins: {
+      css: import_css.default,
+      "@salesforce-ux/slds": plugin
+    },
+    rules: eslint_rules_default.css,
+    settings: {
+      // Pass rules configuration to context for runtime access
+      sldsRules: { ...eslint_rules_default.css }
     }
-  ],
+  }
+];
+var htmlConfigArray = [
+  // HTML/Component config
+  {
+    files: ["**/*.html", "**/*.cmp"],
+    languageOptions: {
+      parser: import_parser2.default,
+      ecmaVersion: 2021,
+      sourceType: "module"
+    },
+    plugins: {
+      "@salesforce-ux/slds": plugin
+    },
+    rules: eslint_rules_default.html
+  }
+];
+Object.assign(plugin.configs, {
+  // Flat config for ESLint v9+
+  "flat/recommended-css": cssConfigArray,
+  "flat/recommended-html": htmlConfigArray,
+  "flat/recommended": [...cssConfigArray, ...htmlConfigArray],
   // legacy config for ESLint v8-
   recommended: {
     plugins: ["@salesforce-ux/slds"],
-    rules: eslint_rules_internal_default.html,
+    rules: eslint_rules_default.html,
     parser: import_parser2.default,
     parserOptions: {
       ecmaVersion: 2021,