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

package/build/rules/v9/no-hardcoded-values/handlers/densityHandler.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/rules/v9/no-hardcoded-values/handlers/densityHandler.ts", "../../../../../src/utils/value-utils.ts", "../../../../../src/utils/styling-hook-utils.ts", "../../../../../src/utils/property-matcher.ts", "../../../../../src/utils/hardcoded-shared-utils.ts", "../../../../../src/utils/color-lib-utils.ts", "../../../../../src/utils/css-functions.ts"],
-  "sourcesContent": ["import { getStylingHooksForDensityValue } from '../../../../utils/styling-hook-utils';\nimport { resolvePropertyToMatch } from '../../../../utils/property-matcher';\nimport type { ParsedUnitValue } from '../../../../utils/value-utils';\nimport type { HandlerContext, DeclarationHandler } from '../../../../types';\n\n\n\n// Import shared utilities for common logic\nimport { \n  handleShorthandAutoFix, \n  forEachDensityValue,\n  type ReplacementInfo,\n  type PositionInfo\n} from '../../../../utils/hardcoded-shared-utils';\n\n/**\n * Handle density/sizing declarations using CSS tree parsing\n * Supports shorthand properties like padding, margin, etc.\n * Uses css-tree for reliable AST-based parsing\n */\nexport const handleDensityDeclaration: DeclarationHandler = (node: any, context: HandlerContext) => {\n  const cssProperty = node.property.toLowerCase();\n  const valueText = context.sourceCode.getText(node.value);\n  const replacements: ReplacementInfo[] = [];\n  \n  forEachDensityValue(valueText, cssProperty, (parsedDimension, positionInfo) => {\n    if (parsedDimension) {\n      const replacement = createDimensionReplacement(parsedDimension, cssProperty, context, positionInfo);\n      if (replacement) {\n        replacements.push(replacement);\n      }\n    }\n  });\n  \n  // Apply shorthand auto-fix once all values are processed\n  handleShorthandAutoFix(node, context, valueText, replacements);\n};\n\n\n\n/**\n * Create dimension replacement info for shorthand auto-fix\n * Returns replacement data or null if no valid replacement\n */\nfunction createDimensionReplacement(\n  parsedDimension: ParsedUnitValue,\n  cssProperty: string,\n  context: HandlerContext,\n  positionInfo: PositionInfo\n): ReplacementInfo | null {\n  if (!parsedDimension || !positionInfo?.start) {\n    return null;\n  }\n\n  const rawValue = parsedDimension.unit \n    ? `${parsedDimension.number}${parsedDimension.unit}`\n    : parsedDimension.number.toString();\n\n  const propToMatch = resolvePropertyToMatch(cssProperty);\n  const closestHooks = getStylingHooksForDensityValue(parsedDimension, context.valueToStylinghook, propToMatch);\n\n  // Use position information directly from CSS tree (already 0-based offsets)\n  const start = positionInfo.start.offset;\n  const end = positionInfo.end.offset;\n\n  if (closestHooks.length === 1) {\n    // Has a single hook replacement\n    return {\n      start,\n      end,\n      replacement: `var(${closestHooks[0]}, ${rawValue})`,\n      displayValue: closestHooks[0],\n      hasHook: true\n    };\n  } else if (closestHooks.length > 1) {\n    // Multiple hooks - still has hooks, but no auto-fix\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: closestHooks.join(', '),\n      hasHook: true\n    };\n  } else {\n    // No hook or multiple hooks - keep original value\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: rawValue,\n      hasHook: false\n    };\n  }\n}\n\n\n\n", "// Simplified value parsing\n\n/**\n * Checks if a value is a CSS global value.\n *\n * CSS global values are special keywords that can be used for any CSS property and have a universal meaning:\n * - initial: Resets the property to its initial value as defined by the CSS specification.\n * - inherit: Inherits the value from the parent element.\n * - unset: Acts as inherit if the property is inheritable, otherwise acts as initial.\n * - revert: Rolls back the property to the value established by the user-agent or user styles.\n * - revert-layer: Rolls back the property to the value established by the previous cascade layer.\n *\n * All CSS properties accept these global values, including but not limited to:\n *   - color\n *   - background\n *   - font-size\n *   - margin\n *   - padding\n *   - border\n *   - display\n *   - position\n *   - z-index\n *   - and many more\n *\n * These values are part of the CSS standard and are not considered violations, even if a rule would otherwise flag a value as invalid or non-design-token. They are always allowed for any property.\n *\n * @param value The CSS value to check.\n * @returns True if the value is a CSS global value, false otherwise.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/initial\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inherit\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/unset\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert-layer\n */\nexport function isGlobalValue(value: string): boolean {\n    return value === 'initial' || value === 'inherit' || value === 'unset' || value === 'revert' || value === 'revert-layer';\n  }\n\nexport type ParsedUnitValue = {\n  unit: 'px' | 'rem' | '%' | null;\n  number: number;\n} | null;\n\nexport function parseUnitValue(value: string): ParsedUnitValue {\n  if (!value) return null;\n  \n  // Simple regex to parse number and unit\n  const match = value.match(/^(-?\\d*\\.?\\d+)(px|rem|%)?$/);\n  if (!match) return null;\n  \n  const number = parseFloat(match[1]);\n  const unit = match[2] ? (match[2] as 'px' | 'rem' | '%') : null; // Keep unitless values as null\n  \n  if (isNaN(number)) return null;\n  \n  return { number, unit };\n}\n\nexport function toAlternateUnitValue(numberVal: number, unitType: 'px' | 'rem' | '%' | null): ParsedUnitValue {\n    if (unitType === 'px') {\n      let floatValue = parseFloat(`${numberVal / 16}`);\n      if (!isNaN(floatValue)) {\n        return {\n          unit: 'rem',\n          number: parseFloat(floatValue.toFixed(4))\n        }\n      }\n    } else if (unitType === 'rem') {\n      const intValue = parseInt(`${numberVal * 16}`);\n      if (!isNaN(intValue)) {\n        return {\n          unit: 'px',\n          number: intValue\n        }\n      }\n    }\n    // For unitless values (font-weight, etc.), no alternate unit conversion\n    return null;\n}", "import type { ValueToStylingHookEntry, ValueToStylingHooksMapping } from '@salesforce-ux/sds-metadata/next';\nimport { ParsedUnitValue, parseUnitValue, toAlternateUnitValue } from './value-utils';\n\nfunction isValueMatch(valueToMatch: ParsedUnitValue, sldsValue: ParsedUnitValue): boolean {\n  if (!valueToMatch || !sldsValue) {\n    return false;\n  }\n  return valueToMatch.unit == sldsValue.unit && valueToMatch.number === sldsValue.number;\n}\n\n/**\n * Get styling hooks for a density value using structured data from CSS AST\n * Eliminates regex parsing by accepting pre-parsed dimension data\n */\nexport function getStylingHooksForDensityValue(\n  parsedValue: ParsedUnitValue,\n  supportedStylinghooks: ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] {\n  if (!parsedValue) return [];\n  \n  const alternateValue = toAlternateUnitValue(parsedValue.number, parsedValue.unit);\n  const matchedHooks = [];\n\n  for (const [sldsValue, hooks] of Object.entries(supportedStylinghooks)) {\n    // parsing SLDS metadata values\n    const parsedSldsValue = parseUnitValue(sldsValue);\n    if (isValueMatch(parsedValue, parsedSldsValue) || (alternateValue && isValueMatch(alternateValue, parsedSldsValue))) {\n      hooks\n        .filter((hook: ValueToStylingHookEntry) => hook.properties.includes(cssProperty))\n        .forEach((hook) => matchedHooks.push(hook.name));\n    }\n  }\n  return matchedHooks;\n}", "///stylelint-sds/packages/stylelint-plugin-slds/src/utils/property-matcher.ts\n/**\n * Check if any of the hook properties match the provided cssProperty using wildcard matching.\n * @param hookProperties - Array of property patterns (can contain wildcards like `*`)\n * @param cssProperty - The CSS property to be checked\n * @returns true if a match is found, otherwise false\n */\nexport function matchesCssProperty(\n  hookProperties: string[],\n  cssProperty: string\n): boolean {\n  return hookProperties.some((propertyPattern: string) => {\n    const regexPattern = new RegExp(\n      '^' + propertyPattern.replace(/\\*/g, '.*') + '$'\n    );\n    return regexPattern.test(cssProperty);\n  });\n}\n\n// Directions & Corners\nconst DIRECTION_VALUES = '(?:top|right|bottom|left|inline|block|inline-start|inline-end|start|end|block-start|block-end)';\nconst CORNER_VALUES = '(?:top-left|top-right|bottom-right|bottom-left|start-start|start-end|end-start|end-end)';\nconst INSET_VALUES = '(?:inline|block|inline-start|inline-end|block-start|block-end)';\n\n\n// Pre-compiled regex patterns for better performance\nconst BORDER_COLOR_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-color$`);\nconst BORDER_WIDTH_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-width$`);\nconst MARGIN_REGEX = new RegExp(`^margin(?:-${DIRECTION_VALUES})?$`);\nconst PADDING_REGEX = new RegExp(`^padding(?:-${DIRECTION_VALUES})?$`);\nconst BORDER_RADIUS_REGEX = new RegExp(`^border(?:-${CORNER_VALUES})?-radius$`);\nconst INSET_REGEX = new RegExp(`^inset(?:-${INSET_VALUES})?$`);\n\nexport function isBorderColorProperty(cssProperty: string): boolean {\n  return BORDER_COLOR_REGEX.test(cssProperty);\n}\n\nexport function isBorderWidthProperty(cssProperty: string): boolean {\n  return BORDER_WIDTH_REGEX.test(cssProperty);\n}\n\nexport function isMarginProperty(cssProperty: string): boolean {\n  return MARGIN_REGEX.test(cssProperty);\n}\n\nexport function isPaddingProperty(cssProperty: string): boolean {\n  return PADDING_REGEX.test(cssProperty);\n}\n\nexport function isBorderRadius(cssProperty: string): boolean {\n  return BORDER_RADIUS_REGEX.test(cssProperty);\n}\n\nexport function isDimensionProperty(cssProperty: string): boolean {\n  return ['width', 'height', 'min-width', 'max-width', 'min-height', 'max-height'].includes(cssProperty);\n}\n\nexport function isInsetProperty(cssProperty: string): boolean {\n  return INSET_REGEX.test(cssProperty);\n}\n\nexport const fontProperties = [\n  'font',\n  'font-size', \n  'font-weight'\n];\n\nexport const colorProperties = [\n  'color',\n  'fill',\n  'background',\n  'background-color',\n  'stroke',\n  'border',\n  'border*',\n  'border*-color',\n  'outline',\n  'outline-color',\n];\n\nexport const densificationProperties = [\n  'border*',\n  'margin*',\n  'padding*',\n  'width',\n  'height',\n  'min-width',\n  'max-width',\n  'min-height',\n  'max-height',\n  'inset',\n  'top',\n  'right',\n  'left',\n  'bottom',\n  'outline',\n  'outline-width',\n  'line-height'\n]; \n\n/**\n * Convert property patterns to CSS AST selector patterns\n * Handles wildcards (*) and creates proper ESLint CSS selector syntax\n */\nexport function toSelector(properties: string[]): string {\n  const selectorParts = properties.map(prop => {\n    if (prop.includes('*')) {\n      // Convert wildcards to regex patterns for CSS AST selectors\n      const regexPattern = prop.replace(/\\*/g, '.*');\n      return `Declaration[property=/${regexPattern}$/]`;\n    } else {\n      // Exact property match\n      return `Declaration[property='${prop}']`;\n    }\n  });\n  \n  return selectorParts.join(', ');\n}\n\nexport function resolvePropertyToMatch(cssProperty:string){\n  const propertyToMatch = cssProperty.toLowerCase();\n  if(propertyToMatch === 'outline' || propertyToMatch === 'outline-width' || isBorderWidthProperty(propertyToMatch)){\n    return 'border-width';\n  } else if(isMarginProperty(propertyToMatch)){\n    return 'margin';\n  } else if(isPaddingProperty(propertyToMatch)){\n    return 'padding';\n  } else if(isBorderRadius(propertyToMatch)){\n    return 'border-radius';\n  } else if(isDimensionProperty(propertyToMatch)){\n    // Stylinghooks includes only width as property to match, for all other dimensions we need to match width\n    return 'width';\n  } else if(isInsetProperty(propertyToMatch)){\n    // Stylinghooks includes only top/left/right/bottom as property to match, for all other insets we need to match top\n    return 'top';\n  } else if(cssProperty === 'background' || cssProperty === 'background-color'){\n    return 'background-color';\n  } else if(cssProperty === 'outline' || cssProperty === 'outline-color' || isBorderColorProperty(cssProperty)){\n    return 'border-color';\n  }\n  return propertyToMatch;\n}", "import { parse, walk } from '@eslint/css-tree';\nimport type { HandlerContext } from '../types';\nimport type { ParsedUnitValue } from './value-utils';\nimport { extractColorValue } from './color-lib-utils';\nimport { isCssFunction } from './css-functions';\n\n/**\n * Common replacement data structure used by both color and density handlers\n */\nexport interface ReplacementInfo {\n  start: number;\n  end: number;\n  replacement: string;        // Full CSS var: var(--hook, fallback)\n  displayValue: string;       // Just the hook: --hook\n  hasHook: boolean;\n}\n\n/**\n * Position information from CSS tree parsing\n */\nexport interface PositionInfo {\n  start?: { offset: number; line: number; column: number };\n  end?: { offset: number; line: number; column: number };\n}\n\n/**\n * Generic callback for processing values with position information\n */\nexport type ValueCallback<T> = (value: T, positionInfo?: PositionInfo) => void;\n\n/**\n * Known valid font-weight values\n */\nconst FONT_WEIGHTS = [\n  'normal',\n  'bold', \n  'bolder',\n  'lighter',\n  '100',\n  '200', \n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900'\n];\n\n/**\n * Check if a value is a known font-weight\n */\nexport function isKnownFontWeight(value: string | number): boolean {\n  const stringValue = value.toString();\n  return FONT_WEIGHTS.includes(stringValue.toLowerCase());\n}\n\n/**\n * Generic shorthand auto-fix handler\n * Handles the common logic for reconstructing shorthand values with replacements\n */\nexport function handleShorthandAutoFix(\n  declarationNode: any,\n  context: HandlerContext,\n  valueText: string,\n  replacements: ReplacementInfo[]\n) {\n  // Sort replacements by position for proper reconstruction\n  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);\n  \n  // Check if we can apply auto-fix (at least one value has a hook)\n  const hasAnyHooks = sortedReplacements.some(r => r.hasHook);\n  const canAutoFix = hasAnyHooks;\n\n  // Report each individual value\n  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {\n    const originalValue = valueText.substring(start, end);\n    const valueStartColumn = declarationNode.value.loc.start.column;\n    const valueColumn = valueStartColumn + start;\n    \n    // Create precise error location for this value\n    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;\n    const reportNode = {\n      ...declarationNode.value,\n      loc: {\n        ...declarationNode.value.loc,\n        start: {\n          ...locStart,\n          column: valueColumn\n        },\n        end: {\n          ...locEnd,\n          column: valueColumn + originalValue.length\n        }\n      }\n    };\n\n    if (hasHook) {\n      // Create auto-fix for the entire shorthand value\n      const fix = canAutoFix ? (fixer: any) => {\n        // Reconstruct the entire value with all replacements\n        let newValue = valueText;\n        \n        // Apply replacements from right to left to maintain string positions\n        for (let i = sortedReplacements.length - 1; i >= 0; i--) {\n          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];\n          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);\n        }\n        \n        return fixer.replaceText(declarationNode.value, newValue);\n      } : undefined;\n\n      context.context.report({\n        node: reportNode,\n        messageId: 'hardcodedValue',\n        data: {\n          oldValue: originalValue,\n          newValue: displayValue\n        },\n        fix\n      });\n    } else {\n      // No hook available\n      context.context.report({\n        node: reportNode,\n        messageId: 'noReplacement',\n        data: {\n          oldValue: originalValue\n        }\n      });\n    }\n  });\n}\n\n/**\n * Generic CSS tree traversal with position tracking\n * Always provides position information since both handlers need it\n */\nexport function forEachValue<T>(\n  valueText: string,\n  extractValue: (node: any) => T | null,\n  shouldSkipNode: (node: any) => boolean,\n  callback: (value: T, positionInfo: PositionInfo) => void\n): void {\n  if (!valueText || typeof valueText !== 'string') {\n    return;\n  }\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const, positions: true });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nodes efficiently using this.skip\n        if (shouldSkipNode(node)) {\n          return this.skip;\n        }\n        \n        const value = extractValue(node);\n        if (value !== null) {\n          const positionInfo: PositionInfo = {\n            start: node.loc?.start,\n            end: node.loc?.end\n          };\n          callback(value, positionInfo);\n        }\n      }\n    });\n  } catch (error) {\n    // Silently handle parse errors\n    return;\n  }\n}\n\n/**\n * Check if color node should be skipped during traversal\n */\nfunction shouldSkipColorNode(node: any): boolean {\n  return node.type === 'Function' && isCssFunction(node.name);\n}\n\n/**\n * Check if dimension node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipDimensionNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Extract dimension value from CSS AST node\n * Returns structured data with number and unit to eliminate regex parsing\n */\nfunction extractDimensionValue(valueNode: any, cssProperty?: string): ParsedUnitValue | null {\n  if (!valueNode) return null;\n  \n  switch (valueNode.type) {\n    case 'Dimension':\n      // Dimensions: 16px, 1rem -> extract value and unit directly from AST\n      const numValue = Number(valueNode.value);\n      if (numValue === 0) return null; // Skip zero values\n      \n      const unit = valueNode.unit.toLowerCase();\n      if (unit !== 'px' && unit !== 'rem' && unit !== '%') return null; // Support px, rem, and % units\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%'\n      };\n      \n    case 'Number':\n      // Numbers: 400, 1.5 -> treat as unitless (font-weight, line-height, etc.)\n      const numberValue = Number(valueNode.value);\n      if (numberValue === 0) return null; // Skip zero values\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Percentage':\n      // Percentage values: 100%, 50% -> extract value and add % unit\n      const percentValue = Number(valueNode.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Specialized color value traversal\n * Handles color-specific extraction and skipping logic\n */\nexport function forEachColorValue(\n  valueText: string,\n  callback: (colorValue: string, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);\n}\n\n/**\n * Specialized density value traversal\n * Handles dimension-specific extraction and skipping logic\n */\nexport function forEachDensityValue(\n  valueText: string,\n  cssProperty: string,\n  callback: (parsedDimension: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(\n    valueText, \n    (node) => extractDimensionValue(node, cssProperty), \n    shouldSkipDimensionNode, \n    callback\n  );\n}\n\n/**\n * Extract font-related values from CSS AST node\n * Handles font-size and font-weight values\n */\nfunction extractFontValue(node: any): ParsedUnitValue | null {\n  if (!node) return null;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Font-size: 16px, 1rem, etc.\n      const numValue = Number(node.value);\n      if (numValue <= 0) return null; // Skip zero/negative values\n      \n      const unit = node.unit.toLowerCase();\n      if (unit !== 'px' && unit !== 'rem' && unit !== '%') return null;\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%'\n      };\n      \n    case 'Number':\n      // Font-weight: 400, 700, etc.\n      const numberValue = Number(node.value);\n      if (numberValue <= 0) {\n        return null; // Skip zero/negative values\n      }\n      \n      // Only accept known font-weight values for unitless numbers\n      if (!isKnownFontWeight(numberValue)) {\n        return null; // Skip values that aren't valid font-weights\n      }\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Identifier':\n      // Font-weight keywords: normal, bold, etc.\n      const namedValue = node.name.toLowerCase();\n      \n      // Only accept known font-weight keywords\n      if (!isKnownFontWeight(namedValue)) {\n        return null;\n      }\n      \n      // Convert known keywords to numeric values\n      if (namedValue === 'normal') {\n        return { number: 400, unit: null };\n      }\n      \n      // For other keywords (bolder, lighter), we can't determine exact numeric value\n      // but we know they're valid font-weight values\n      return { number: namedValue, unit: null };\n      \n    case 'Percentage':\n      // Percentage values for font-size\n      const percentValue = Number(node.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return node.children?.[0] ? extractFontValue(node.children[0]) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Check if font node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipFontNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Specialized font value traversal\n * Handles font-specific extraction and skipping logic\n */\nexport function forEachFontValue(\n  valueText: string,\n  callback: (fontValue: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);\n}\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/color-lib-utils.ts\nimport { ValueToStylingHooksMapping, ValueToStylingHookEntry } from '@salesforce-ux/sds-metadata/next';\nimport chroma from 'chroma-js';\nimport { generate } from '@eslint/css-tree';\nimport { isCssColorFunction } from './css-functions';\n\nconst LAB_THRESHOLD = 25; // Adjust this to set how strict the matching should be\n\nconst isHardCodedColor = (color: string): boolean => {\n  const colorRegex =\n    /\\b(rgb|rgba)\\((\\s*\\d{1,3}\\s*,\\s*){2,3}\\s*(0|1|0?\\.\\d+)\\s*\\)|#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})\\b|[a-zA-Z]+/g;\n  return colorRegex.test(color);\n};\n\nconst isHexCode = (color: string): boolean => {\n  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/; // Pattern for #RGB or #RRGGBB\n  return hexPattern.test(color);\n};\n\n// Convert a named color or hex code into a hex format using chroma-js\nconst convertToHex = (color: string): string | null => {\n  try {\n    // Try converting the color using chroma-js, which handles both named and hex colors\n    return chroma(color).hex();\n  } catch (e) {\n    // If chroma can't process the color, it's likely invalid\n    return null;\n  }\n};\n\n// Find the closest color hook using LAB distance\nconst findClosestColorHook = (\n  color: string,\n  supportedColors:ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] => {\n  const returnStylingHooks: string[] = [];\n  const closestHooksWithSameProperty: { name: string; distance: number }[] = [];\n  const closestHooksWithoutSameProperty: { name: string; distance: number }[] =\n    [];\n  const closestHooksWithAllProperty: { name: string; distance: number }[] =\n    [];\n  const labColor = chroma(color).lab();\n\n  Object.entries(supportedColors).forEach(([sldsValue, data]) => {\n    if (sldsValue && isHexCode(sldsValue)) {\n      const hooks = data as ValueToStylingHookEntry[]; // Get the hooks for the sldsValue\n\n      hooks.forEach((hook) => {\n        const labSupportedColor = chroma(sldsValue).lab();\n        const distance = (JSON.stringify(labColor) === JSON.stringify(labSupportedColor)) ? 0\n            : chroma.distance(chroma.lab(...labColor), chroma.lab(...labSupportedColor), \"lab\");\n        // Check if the hook has the same property\n        if (hook.properties.includes(cssProperty)) {\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithSameProperty.push({ name: hook.name, distance });\n          }\n        } \n        // Check for the universal selector\n        else if ( hook.properties.includes(\"*\") ){\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithAllProperty.push({ name: hook.name, distance });\n          }\n        }\n        else {\n          // Add to different property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithoutSameProperty.push({ name: hook.name, distance });\n          }\n        }\n      });\n    }\n  });\n\n// Group hooks by their priority\nconst closesthookGroups = [\n  { hooks: closestHooksWithSameProperty, distance: 0 },\n  { hooks: closestHooksWithAllProperty, distance: 0 },\n  { hooks: closestHooksWithSameProperty, distance: Infinity },  // For hooks with distance > 0\n  { hooks: closestHooksWithAllProperty, distance: Infinity },\n  { hooks: closestHooksWithoutSameProperty, distance: Infinity },\n];\n\nfor (const group of closesthookGroups) {\n  // Filter hooks based on the distance condition\n  const filteredHooks = group.hooks.filter(h => \n    group.distance === 0 ? h.distance === 0 : h.distance > 0\n  );\n\n  if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {\n    filteredHooks.sort((a, b) => a.distance - b.distance);\n    returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));\n  }\n}\n\n\n  return Array.from(new Set(returnStylingHooks));\n};\n\n/**\n * This method is usefull to identify all possible css color values.\n *  - names colors\n *  - 6,8 digit hex\n *  - rgb and rgba\n *  - hsl and hsla\n */\nconst isValidColor = (val:string):boolean => chroma.valid(val);\n\n/**\n * Extract color value from CSS AST node\n */\nconst extractColorValue = (node: any): string | null => {\n  let colorValue: string | null = null;\n  \n  switch (node.type) {\n    case 'Hash':\n      colorValue = `#${node.value}`;\n      break;\n    case 'Identifier':\n      colorValue = node.name;\n      break;\n    case 'Function':\n      // Only extract color functions\n      if (isCssColorFunction(node.name)) {\n        colorValue = generate(node);\n      }\n      break;\n  }\n  \n  return colorValue && isValidColor(colorValue) ? colorValue : null;\n};\n\nexport { findClosestColorHook, convertToHex, isHexCode, isHardCodedColor, isValidColor, extractColorValue };\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/css-functions.ts\n/**\n * Complete list of CSS functions that should be preserved/recognized\n */\nconst CSS_FUNCTIONS = [\n    'attr',\n    'calc',\n    'color-mix',\n    'conic-gradient',\n    'counter',\n    'cubic-bezier',\n    'linear-gradient',\n    'max',\n    'min',\n    'radial-gradient',\n    'repeating-conic-gradient',\n    'repeating-linear-gradient',\n    'repeating-radial-gradient',\n    'var'\n  ];\n  \n  \n  const CSS_MATH_FUNCTIONS = ['calc', 'min', 'max'];\n  \n  \n  const RGB_COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla'];\n  \n  /**\n   * Regex for matching any CSS function (for general detection)\n   * Matches function names within other text\n   */\n  const cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join('|')})`);\n  \n  \n  const cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join('|')})$`);\n  \n  \n  const cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join('|')})$`);\n  \n  export function containsCssFunction(value: string): boolean {\n    return cssFunctionsRegex.test(value);\n  }\n  \n  /**\n   * Check if a value is exactly a CSS function name\n   */\n  export function isCssFunction(value: string): boolean {\n    return cssFunctionsExactRegex.test(value);\n  }\n  \n  export function isCssMathFunction(value: string): boolean {\n    return cssMathFunctionsRegex.test(value);\n  }\n  \n  export function isCssColorFunction(value: string): boolean {\n    return RGB_COLOR_FUNCTIONS.includes(value);\n  }"],
-  "mappings": "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",
+  "sources": ["../../../../../src/rules/v9/no-hardcoded-values/handlers/densityHandler.ts", "../../../../../src/utils/value-utils.ts", "../../../../../src/utils/styling-hook-utils.ts", "../../../../../src/utils/property-matcher.ts", "../../../../../src/utils/hardcoded-shared-utils.ts", "../../../../../src/utils/color-lib-utils.ts", "../../../../../src/utils/css-functions.ts", "../../../../../src/utils/css-utils.ts"],
+  "sourcesContent": ["import { getStylingHooksForDensityValue } from '../../../../utils/styling-hook-utils';\nimport { resolvePropertyToMatch } from '../../../../utils/property-matcher';\nimport { formatSuggestionHooks } from '../../../../utils/css-utils';\nimport type { ParsedUnitValue } from '../../../../utils/value-utils';\nimport type { HandlerContext, DeclarationHandler } from '../../../../types';\n\n\n\n// Import shared utilities for common logic\nimport { \n  handleShorthandAutoFix, \n  forEachDensityValue,\n  type ReplacementInfo,\n  type PositionInfo\n} from '../../../../utils/hardcoded-shared-utils';\n\n/**\n * Handle density/sizing declarations using CSS tree parsing\n * Supports shorthand properties like padding, margin, etc.\n * Uses css-tree for reliable AST-based parsing\n */\nexport const handleDensityDeclaration: DeclarationHandler = (node: any, context: HandlerContext) => {\n  const cssProperty = node.property.toLowerCase();\n  const valueText = context.sourceCode.getText(node.value);\n  const replacements: ReplacementInfo[] = [];\n  \n  forEachDensityValue(valueText, cssProperty, (parsedDimension, positionInfo) => {\n    if (parsedDimension) {\n      const replacement = createDimensionReplacement(parsedDimension, cssProperty, context, positionInfo);\n      if (replacement) {\n        replacements.push(replacement);\n      }\n    }\n  });\n  \n  // Apply shorthand auto-fix once all values are processed\n  handleShorthandAutoFix(node, context, valueText, replacements);\n};\n\n\n\n/**\n * Create dimension replacement info for shorthand auto-fix\n * Returns replacement data or null if no valid replacement\n */\nfunction createDimensionReplacement(\n  parsedDimension: ParsedUnitValue,\n  cssProperty: string,\n  context: HandlerContext,\n  positionInfo: PositionInfo\n): ReplacementInfo | null {\n  if (!parsedDimension || !positionInfo?.start) {\n    return null;\n  }\n\n  const rawValue = parsedDimension.unit \n    ? `${parsedDimension.number}${parsedDimension.unit}`\n    : parsedDimension.number.toString();\n\n  const propToMatch = resolvePropertyToMatch(cssProperty);\n  const closestHooks = getStylingHooksForDensityValue(parsedDimension, context.valueToStylinghook, propToMatch);\n\n  // Use position information directly from CSS tree (already 0-based offsets)\n  const start = positionInfo.start.offset;\n  const end = positionInfo.end.offset;\n\n  if (closestHooks.length === 1) {\n    // Has a single hook replacement\n    return {\n      start,\n      end,\n      replacement: `var(${closestHooks[0]}, ${rawValue})`,\n      displayValue: closestHooks[0],\n      hasHook: true\n    };\n  } else if (closestHooks.length > 1) {\n    // Multiple hooks - still has hooks, but no auto-fix\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: formatSuggestionHooks(closestHooks),\n      hasHook: true\n    };\n  } else {\n    // No hook or multiple hooks - keep original value\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: rawValue,\n      hasHook: false\n    };\n  }\n}\n\n\n\n", "// Simplified value parsing\n\n/**\n * Checks if a value is a CSS global value.\n *\n * CSS global values are special keywords that can be used for any CSS property and have a universal meaning:\n * - initial: Resets the property to its initial value as defined by the CSS specification.\n * - inherit: Inherits the value from the parent element.\n * - unset: Acts as inherit if the property is inheritable, otherwise acts as initial.\n * - revert: Rolls back the property to the value established by the user-agent or user styles.\n * - revert-layer: Rolls back the property to the value established by the previous cascade layer.\n *\n * All CSS properties accept these global values, including but not limited to:\n *   - color\n *   - background\n *   - font-size\n *   - margin\n *   - padding\n *   - border\n *   - display\n *   - position\n *   - z-index\n *   - and many more\n *\n * These values are part of the CSS standard and are not considered violations, even if a rule would otherwise flag a value as invalid or non-design-token. They are always allowed for any property.\n *\n * @param value The CSS value to check.\n * @returns True if the value is a CSS global value, false otherwise.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/initial\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inherit\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/unset\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert-layer\n */\nexport function isGlobalValue(value: string): boolean {\n    return value === 'initial' || value === 'inherit' || value === 'unset' || value === 'revert' || value === 'revert-layer';\n  }\n\n// Configurable list of allowed CSS units\nexport const ALLOWED_UNITS = ['px', 'em', 'rem', '%', 'ch'];\n\nexport type ParsedUnitValue = {\n  unit: 'px' | 'rem' | '%' | 'em' | 'ch' | null;\n  number: number;\n} | null;\n\nexport function parseUnitValue(value: string): ParsedUnitValue {\n  if (!value) return null;\n  \n  // Create regex pattern from allowed units\n  const unitsPattern = ALLOWED_UNITS.join('|');\n  const regex = new RegExp(`^(-?\\\\d*\\\\.?\\\\d+)(${unitsPattern})?$`);\n  const match = value.match(regex);\n  if (!match) return null;\n  \n  const number = parseFloat(match[1]);\n  const unit = match[2] ? (match[2] as 'px' | 'rem' | '%' | 'em' | 'ch') : null; // Keep unitless values as null\n  \n  if (isNaN(number)) return null;\n  \n  return { number, unit };\n}\n\nexport function toAlternateUnitValue(numberVal: number, unitType: 'px' | 'rem' | '%' | 'em' | 'ch' | null): ParsedUnitValue {\n    if (unitType === 'px') {\n      let floatValue = parseFloat(`${numberVal / 16}`);\n      if (!isNaN(floatValue)) {\n        return {\n          unit: 'rem',\n          number: parseFloat(floatValue.toFixed(4))\n        }\n      }\n    } else if (unitType === 'rem') {\n      const intValue = parseInt(`${numberVal * 16}`);\n      if (!isNaN(intValue)) {\n        return {\n          unit: 'px',\n          number: intValue\n        }\n      }\n    }\n    // For other units (%, em, ch) and unitless values, no alternate unit conversion available\n    // These units are context-dependent and don't have standard conversion ratios\n    return null;\n}", "import type { ValueToStylingHookEntry, ValueToStylingHooksMapping } from '@salesforce-ux/sds-metadata';\nimport { ParsedUnitValue, parseUnitValue, toAlternateUnitValue } from './value-utils';\n\nfunction isValueMatch(valueToMatch: ParsedUnitValue, sldsValue: ParsedUnitValue): boolean {\n  if (!valueToMatch || !sldsValue) {\n    return false;\n  }\n  return valueToMatch.unit == sldsValue.unit && valueToMatch.number === sldsValue.number;\n}\n\n/**\n * Get styling hooks for a density value using structured data from CSS AST\n * Eliminates regex parsing by accepting pre-parsed dimension data\n */\nexport function getStylingHooksForDensityValue(\n  parsedValue: ParsedUnitValue,\n  supportedStylinghooks: ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] {\n  if (!parsedValue) return [];\n  \n  const alternateValue = toAlternateUnitValue(parsedValue.number, parsedValue.unit);\n  const matchedHooks = [];\n\n  for (const [sldsValue, hooks] of Object.entries(supportedStylinghooks)) {\n    // parsing SLDS metadata values\n    const parsedSldsValue = parseUnitValue(sldsValue);\n    if (isValueMatch(parsedValue, parsedSldsValue) || (alternateValue && isValueMatch(alternateValue, parsedSldsValue))) {\n      hooks\n        .filter((hook: ValueToStylingHookEntry) => hook.properties.includes(cssProperty))\n        .forEach((hook) => matchedHooks.push(hook.name));\n    }\n  }\n  return matchedHooks;\n}", "///stylelint-sds/packages/stylelint-plugin-slds/src/utils/property-matcher.ts\n/**\n * Check if any of the hook properties match the provided cssProperty using wildcard matching.\n * @param hookProperties - Array of property patterns (can contain wildcards like `*`)\n * @param cssProperty - The CSS property to be checked\n * @returns true if a match is found, otherwise false\n */\nexport function matchesCssProperty(\n  hookProperties: string[],\n  cssProperty: string\n): boolean {\n  return hookProperties.some((propertyPattern: string) => {\n    const regexPattern = new RegExp(\n      '^' + propertyPattern.replace(/\\*/g, '.*') + '$'\n    );\n    return regexPattern.test(cssProperty);\n  });\n}\n\n// Directions & Corners\nconst DIRECTION_VALUES = '(?:top|right|bottom|left|inline|block|inline-start|inline-end|start|end|block-start|block-end)';\nconst CORNER_VALUES = '(?:top-left|top-right|bottom-right|bottom-left|start-start|start-end|end-start|end-end)';\nconst INSET_VALUES = '(?:inline|block|inline-start|inline-end|block-start|block-end)';\n\n\n// Pre-compiled regex patterns for better performance\nconst BORDER_COLOR_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-color$`);\nconst BORDER_WIDTH_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-width$`);\nconst MARGIN_REGEX = new RegExp(`^margin(?:-${DIRECTION_VALUES})?$`);\nconst PADDING_REGEX = new RegExp(`^padding(?:-${DIRECTION_VALUES})?$`);\nconst BORDER_RADIUS_REGEX = new RegExp(`^border(?:-${CORNER_VALUES})?-radius$`);\nconst INSET_REGEX = new RegExp(`^inset(?:-${INSET_VALUES})?$`);\n\nexport function isBorderColorProperty(cssProperty: string): boolean {\n  return BORDER_COLOR_REGEX.test(cssProperty);\n}\n\nexport function isBorderWidthProperty(cssProperty: string): boolean {\n  return BORDER_WIDTH_REGEX.test(cssProperty);\n}\n\nexport function isMarginProperty(cssProperty: string): boolean {\n  return MARGIN_REGEX.test(cssProperty);\n}\n\nexport function isPaddingProperty(cssProperty: string): boolean {\n  return PADDING_REGEX.test(cssProperty);\n}\n\nexport function isBorderRadius(cssProperty: string): boolean {\n  return BORDER_RADIUS_REGEX.test(cssProperty);\n}\n\nexport function isDimensionProperty(cssProperty: string): boolean {\n  return ['width', 'height', 'min-width', 'max-width', 'min-height', 'max-height'].includes(cssProperty);\n}\n\nexport function isInsetProperty(cssProperty: string): boolean {\n  return INSET_REGEX.test(cssProperty);\n}\n\nexport const fontProperties = [\n  'font',\n  'font-size', \n  'font-weight'\n];\n\nexport const colorProperties = [\n  'color',\n  'fill',\n  'background',\n  'background-color',\n  'stroke',\n  'border',\n  'border*',\n  'border*-color',\n  'outline',\n  'outline-color',\n];\n\nexport const densificationProperties = [\n  'border*',\n  'margin*',\n  'padding*',\n  'width',\n  'height',\n  'min-width',\n  'max-width',\n  'min-height',\n  'max-height',\n  'inset',\n  'top',\n  'right',\n  'left',\n  'bottom',\n  'outline',\n  'outline-width',\n  'line-height'\n]; \n\n/**\n * Convert property patterns to CSS AST selector patterns\n * Handles wildcards (*) and creates proper ESLint CSS selector syntax\n */\nexport function toSelector(properties: string[]): string {\n  const selectorParts = properties.map(prop => {\n    if (prop.includes('*')) {\n      // Convert wildcards to regex patterns for CSS AST selectors\n      // Anchor to start of string to prevent matching CSS custom properties\n      const regexPattern = prop.replace(/\\*/g, '.*');\n      return `Declaration[property=/^${regexPattern}$/]`;\n    } else {\n      // Exact property match\n      return `Declaration[property='${prop}']`;\n    }\n  });\n  \n  return selectorParts.join(', ');\n}\n\nexport function resolvePropertyToMatch(cssProperty:string){\n  const propertyToMatch = cssProperty.toLowerCase();\n  if(propertyToMatch === 'outline' || propertyToMatch === 'outline-width' || isBorderWidthProperty(propertyToMatch)){\n    return 'border-width';\n  } else if(isMarginProperty(propertyToMatch)){\n    return 'margin';\n  } else if(isPaddingProperty(propertyToMatch)){\n    return 'padding';\n  } else if(isBorderRadius(propertyToMatch)){\n    return 'border-radius';\n  } else if(isDimensionProperty(propertyToMatch)){\n    // Stylinghooks includes only width as property to match, for all other dimensions we need to match width\n    return 'width';\n  } else if(isInsetProperty(propertyToMatch)){\n    // Stylinghooks includes only top/left/right/bottom as property to match, for all other insets we need to match top\n    return 'top';\n  } else if(cssProperty === 'background' || cssProperty === 'background-color'){\n    return 'background-color';\n  } else if(cssProperty === 'outline' || cssProperty === 'outline-color' || isBorderColorProperty(cssProperty)){\n    return 'border-color';\n  }\n  return propertyToMatch;\n}", "import { parse, walk } from '@eslint/css-tree';\nimport type { HandlerContext } from '../types';\nimport type { ParsedUnitValue } from './value-utils';\nimport { ALLOWED_UNITS } from './value-utils';\nimport { extractColorValue } from './color-lib-utils';\nimport { isCssFunction } from './css-functions';\n\n/**\n * Common replacement data structure used by both color and density handlers\n */\nexport interface ReplacementInfo {\n  start: number;\n  end: number;\n  replacement: string;        // Full CSS var: var(--hook, fallback)\n  displayValue: string;       // Just the hook: --hook\n  hasHook: boolean;\n}\n\n/**\n * Position information from CSS tree parsing\n */\nexport interface PositionInfo {\n  start?: { offset: number; line: number; column: number };\n  end?: { offset: number; line: number; column: number };\n}\n\n/**\n * Generic callback for processing values with position information\n */\nexport type ValueCallback<T> = (value: T, positionInfo?: PositionInfo) => void;\n\n/**\n * Known valid font-weight values\n */\nconst FONT_WEIGHTS = [\n  'normal',\n  'bold', \n  'bolder',\n  'lighter',\n  '100',\n  '200', \n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900'\n];\n\n/**\n * Check if a value is a known font-weight\n */\nexport function isKnownFontWeight(value: string | number): boolean {\n  const stringValue = value.toString();\n  return FONT_WEIGHTS.includes(stringValue.toLowerCase());\n}\n\n/**\n * Generic shorthand auto-fix handler\n * Handles the common logic for reconstructing shorthand values with replacements\n */\nexport function handleShorthandAutoFix(\n  declarationNode: any,\n  context: HandlerContext,\n  valueText: string,\n  replacements: ReplacementInfo[]\n) {\n  // Sort replacements by position for proper reconstruction\n  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);\n  \n  // Check if we can apply auto-fix (at least one value has a hook)\n  const hasAnyHooks = sortedReplacements.some(r => r.hasHook);\n  const canAutoFix = hasAnyHooks;\n\n  // Report each individual value\n  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {\n    const originalValue = valueText.substring(start, end);\n    const valueStartColumn = declarationNode.value.loc.start.column;\n    const valueColumn = valueStartColumn + start;\n    \n    // Create precise error location for this value\n    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;\n    const reportNode = {\n      ...declarationNode.value,\n      loc: {\n        ...declarationNode.value.loc,\n        start: {\n          ...locStart,\n          column: valueColumn\n        },\n        end: {\n          ...locEnd,\n          column: valueColumn + originalValue.length\n        }\n      }\n    };\n\n    if (hasHook) {\n      // Create auto-fix for the entire shorthand value\n      const fix = canAutoFix ? (fixer: any) => {\n        // Reconstruct the entire value with all replacements\n        let newValue = valueText;\n        \n        // Apply replacements from right to left to maintain string positions\n        for (let i = sortedReplacements.length - 1; i >= 0; i--) {\n          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];\n          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);\n        }\n        \n        return fixer.replaceText(declarationNode.value, newValue);\n      } : undefined;\n\n      context.context.report({\n        node: reportNode,\n        messageId: 'hardcodedValue',\n        data: {\n          oldValue: originalValue,\n          newValue: displayValue\n        },\n        fix\n      });\n    } else {\n      // No hook available\n      context.context.report({\n        node: reportNode,\n        messageId: 'noReplacement',\n        data: {\n          oldValue: originalValue\n        }\n      });\n    }\n  });\n}\n\n/**\n * Generic CSS tree traversal with position tracking\n * Always provides position information since both handlers need it\n */\nexport function forEachValue<T>(\n  valueText: string,\n  extractValue: (node: any) => T | null,\n  shouldSkipNode: (node: any) => boolean,\n  callback: (value: T, positionInfo: PositionInfo) => void\n): void {\n  if (!valueText || typeof valueText !== 'string') {\n    return;\n  }\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const, positions: true });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nodes efficiently using this.skip\n        if (shouldSkipNode(node)) {\n          return this.skip;\n        }\n        \n        const value = extractValue(node);\n        if (value !== null) {\n          const positionInfo: PositionInfo = {\n            start: node.loc?.start,\n            end: node.loc?.end\n          };\n          callback(value, positionInfo);\n        }\n      }\n    });\n  } catch (error) {\n    // Silently handle parse errors\n    return;\n  }\n}\n\n/**\n * Check if color node should be skipped during traversal\n */\nfunction shouldSkipColorNode(node: any): boolean {\n  return node.type === 'Function' && isCssFunction(node.name);\n}\n\n/**\n * Check if dimension node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipDimensionNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Extract dimension value from CSS AST node\n * Returns structured data with number and unit to eliminate regex parsing\n */\nfunction extractDimensionValue(valueNode: any, cssProperty?: string): ParsedUnitValue | null {\n  if (!valueNode) return null;\n  \n  switch (valueNode.type) {\n    case 'Dimension':\n      // Dimensions: 16px, 1rem -> extract value and unit directly from AST\n      const numValue = Number(valueNode.value);\n      if (numValue === 0) return null; // Skip zero values\n      \n      const unit = valueNode.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null; // Support only allowed units\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Numbers: 400, 1.5 -> treat as unitless (font-weight, line-height, etc.)\n      const numberValue = Number(valueNode.value);\n      if (numberValue === 0) return null; // Skip zero values\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Percentage':\n      // Percentage values: 100%, 50% -> extract value and add % unit\n      const percentValue = Number(valueNode.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Specialized color value traversal\n * Handles color-specific extraction and skipping logic\n */\nexport function forEachColorValue(\n  valueText: string,\n  callback: (colorValue: string, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);\n}\n\n/**\n * Specialized density value traversal\n * Handles dimension-specific extraction and skipping logic\n */\nexport function forEachDensityValue(\n  valueText: string,\n  cssProperty: string,\n  callback: (parsedDimension: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(\n    valueText, \n    (node) => extractDimensionValue(node, cssProperty), \n    shouldSkipDimensionNode, \n    callback\n  );\n}\n\n/**\n * Extract font-related values from CSS AST node\n * Handles font-size and font-weight values\n */\nfunction extractFontValue(node: any): ParsedUnitValue | null {\n  if (!node) return null;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Font-size: 16px, 1rem, etc.\n      const numValue = Number(node.value);\n      if (numValue <= 0) return null; // Skip zero/negative values\n      \n      const unit = node.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null;\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Font-weight: 400, 700, etc.\n      const numberValue = Number(node.value);\n      if (numberValue <= 0) {\n        return null; // Skip zero/negative values\n      }\n      \n      // Only accept known font-weight values for unitless numbers\n      if (!isKnownFontWeight(numberValue)) {\n        return null; // Skip values that aren't valid font-weights\n      }\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Identifier':\n      // Font-weight keywords: normal, bold, etc.\n      const namedValue = node.name.toLowerCase();\n      \n      // Only accept known font-weight keywords\n      if (!isKnownFontWeight(namedValue)) {\n        return null;\n      }\n      \n      // Convert known keywords to numeric values\n      if (namedValue === 'normal') {\n        return { number: 400, unit: null };\n      }\n      \n      // For other keywords (bolder, lighter), we can't determine exact numeric value\n      // but we know they're valid font-weight values\n      return { number: namedValue, unit: null };\n      \n    case 'Percentage':\n      // Percentage values for font-size\n      const percentValue = Number(node.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return node.children?.[0] ? extractFontValue(node.children[0]) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Check if font node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipFontNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Specialized font value traversal\n * Handles font-specific extraction and skipping logic\n */\nexport function forEachFontValue(\n  valueText: string,\n  callback: (fontValue: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);\n}\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/color-lib-utils.ts\nimport { ValueToStylingHooksMapping, ValueToStylingHookEntry } from '@salesforce-ux/sds-metadata';\nimport chroma from 'chroma-js';\nimport { generate } from '@eslint/css-tree';\nimport { isCssColorFunction } from './css-functions';\n\nconst LAB_THRESHOLD = 25; // Adjust this to set how strict the matching should be\n\nconst isHardCodedColor = (color: string): boolean => {\n  const colorRegex =\n    /\\b(rgb|rgba)\\((\\s*\\d{1,3}\\s*,\\s*){2,3}\\s*(0|1|0?\\.\\d+)\\s*\\)|#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})\\b|[a-zA-Z]+/g;\n  return colorRegex.test(color);\n};\n\nconst isHexCode = (color: string): boolean => {\n  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/; // Pattern for #RGB or #RRGGBB\n  return hexPattern.test(color);\n};\n\n// Convert a named color or hex code into a hex format using chroma-js\nconst convertToHex = (color: string): string | null => {\n  try {\n    // Try converting the color using chroma-js, which handles both named and hex colors\n    return chroma(color).hex();\n  } catch (e) {\n    // If chroma can't process the color, it's likely invalid\n    return null;\n  }\n};\n\n// Find the closest color hook using LAB distance\nconst findClosestColorHook = (\n  color: string,\n  supportedColors:ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] => {\n  const returnStylingHooks: string[] = [];\n  const closestHooksWithSameProperty: { name: string; distance: number }[] = [];\n  const closestHooksWithoutSameProperty: { name: string; distance: number }[] =\n    [];\n  const closestHooksWithAllProperty: { name: string; distance: number }[] =\n    [];\n  const labColor = chroma(color).lab();\n\n  Object.entries(supportedColors).forEach(([sldsValue, data]) => {\n    if (sldsValue && isHexCode(sldsValue)) {\n      const hooks = data as ValueToStylingHookEntry[]; // Get the hooks for the sldsValue\n\n      hooks.forEach((hook) => {\n        const labSupportedColor = chroma(sldsValue).lab();\n        const distance = (JSON.stringify(labColor) === JSON.stringify(labSupportedColor)) ? 0\n            : chroma.distance(chroma.lab(...labColor), chroma.lab(...labSupportedColor), \"lab\");\n        // Check if the hook has the same property\n        if (hook.properties.includes(cssProperty)) {\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithSameProperty.push({ name: hook.name, distance });\n          }\n        } \n        // Check for the universal selector\n        else if ( hook.properties.includes(\"*\") ){\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithAllProperty.push({ name: hook.name, distance });\n          }\n        }\n        else {\n          // Add to different property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithoutSameProperty.push({ name: hook.name, distance });\n          }\n        }\n      });\n    }\n  });\n\n// Group hooks by their priority\nconst closesthookGroups = [\n  { hooks: closestHooksWithSameProperty, distance: 0 },\n  { hooks: closestHooksWithAllProperty, distance: 0 },\n  { hooks: closestHooksWithSameProperty, distance: Infinity },  // For hooks with distance > 0\n  { hooks: closestHooksWithAllProperty, distance: Infinity },\n  { hooks: closestHooksWithoutSameProperty, distance: Infinity },\n];\n\nfor (const group of closesthookGroups) {\n  // Filter hooks based on the distance condition\n  const filteredHooks = group.hooks.filter(h => \n    group.distance === 0 ? h.distance === 0 : h.distance > 0\n  );\n\n  if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {\n    filteredHooks.sort((a, b) => a.distance - b.distance);\n    returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));\n  }\n}\n\n\n  return Array.from(new Set(returnStylingHooks));\n};\n\n/**\n * This method is usefull to identify all possible css color values.\n *  - names colors\n *  - 6,8 digit hex\n *  - rgb and rgba\n *  - hsl and hsla\n */\nconst isValidColor = (val:string):boolean => chroma.valid(val);\n\n/**\n * Extract color value from CSS AST node\n */\nconst extractColorValue = (node: any): string | null => {\n  let colorValue: string | null = null;\n  \n  switch (node.type) {\n    case 'Hash':\n      colorValue = `#${node.value}`;\n      break;\n    case 'Identifier':\n      colorValue = node.name;\n      break;\n    case 'Function':\n      // Only extract color functions\n      if (isCssColorFunction(node.name)) {\n        colorValue = generate(node);\n      }\n      break;\n  }\n  \n  return colorValue && isValidColor(colorValue) ? colorValue : null;\n};\n\nexport { findClosestColorHook, convertToHex, isHexCode, isHardCodedColor, isValidColor, extractColorValue };\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/css-functions.ts\n/**\n * Complete list of CSS functions that should be preserved/recognized\n */\nconst CSS_FUNCTIONS = [\n    'attr',\n    'calc',\n    'color-mix',\n    'conic-gradient',\n    'counter',\n    'cubic-bezier',\n    'linear-gradient',\n    'max',\n    'min',\n    'radial-gradient',\n    'repeating-conic-gradient',\n    'repeating-linear-gradient',\n    'repeating-radial-gradient',\n    'var'\n  ];\n  \n  \n  const CSS_MATH_FUNCTIONS = ['calc', 'min', 'max'];\n  \n  \n  const RGB_COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla'];\n  \n  /**\n   * Regex for matching any CSS function (for general detection)\n   * Matches function names within other text\n   */\n  const cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join('|')})`);\n  \n  \n  const cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join('|')})$`);\n  \n  \n  const cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join('|')})$`);\n  \n  export function containsCssFunction(value: string): boolean {\n    return cssFunctionsRegex.test(value);\n  }\n  \n  /**\n   * Check if a value is exactly a CSS function name\n   */\n  export function isCssFunction(value: string): boolean {\n    return cssFunctionsExactRegex.test(value);\n  }\n  \n  export function isCssMathFunction(value: string): boolean {\n    return cssMathFunctionsRegex.test(value);\n  }\n  \n  export function isCssColorFunction(value: string): boolean {\n    return RGB_COLOR_FUNCTIONS.includes(value);\n  }", "import { \n  forEachValue, \n  type PositionInfo \n} from './hardcoded-shared-utils';\n\n/**\n * Check if a CSS property should be targeted for linting based on prefixes or explicit targets\n * @param property - The CSS property name to check\n * @param propertyTargets - Array of specific properties to target (empty means target all)\n * @returns true if the property should be targeted\n */\nexport function isTargetProperty(property: string, propertyTargets: string[] = []): boolean {\n  if (typeof property !== 'string') return false;\n  return property.startsWith('--sds-')\n    || property.startsWith('--slds-')\n    || property.startsWith('--lwc-')\n    || propertyTargets.length === 0\n    || propertyTargets.includes(property);\n}\n\n/**\n * CSS Variable information for SLDS variable detection\n */\nexport interface CssVariableInfo {\n  name: string;           // Variable name: --slds-g-color-surface-1\n  hasFallback: boolean;   // Whether var() already has a fallback\n}\n\n/**\n * Extract CSS variable information from var() function nodes\n * Used specifically for SLDS variable fallback detection\n */\nfunction extractSldsVariable(node: any): CssVariableInfo | null {\n  if (!node || node.type !== 'Function' || node.name !== 'var') {\n    return null;\n  }\n\n  if (!node.children) {\n    return null;\n  }\n\n  // Convert children to array and get the first child (variable name)\n  const childrenArray = Array.from(node.children);\n  if (childrenArray.length === 0) {\n    return null;\n  }\n  \n  const firstChild = childrenArray[0] as any;\n  if (!firstChild || firstChild.type !== 'Identifier') {\n    return null;\n  }\n\n  const variableName = firstChild.name;\n  if (!variableName || !variableName.startsWith('--slds-')) {\n    return null;\n  }\n\n  // Check if there's a fallback (comma separator)\n  const hasFallback = childrenArray.some((child: any) => \n    child.type === 'Operator' && child.value === ','\n  );\n\n  return {\n    name: variableName,\n    hasFallback\n  };\n}\n\n/**\n * Specialized CSS variable traversal for SLDS variables\n * Finds var(--slds-*) functions and reports their fallback status\n */\nexport function forEachSldsVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractSldsVariable, () => false, callback);\n}\n\n/**\n * Format multiple hook suggestions for better readability\n * @param hooks - Array of hook names to format\n * @returns Formatted string with hooks\n */\nexport function formatSuggestionHooks(hooks: string[]): string {\n  if (hooks.length === 1) {\n    return `${hooks[0]}`;\n  }\n\n  // Loop through hooks and append each as a numbered list item with line breaks\n  return '\\n' + hooks.map((hook, index) => `${index + 1}. ${hook}`).join('\\n');\n}"],
+  "mappings": "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",
   "names": ["import_css_tree"]
 }

package/build/rules/v9/no-hardcoded-values/handlers/fontHandler.js

@@ -34,9 +34,12 @@ __export(fontHandler_exports, {
 module.exports = __toCommonJS(fontHandler_exports);
 
 // src/utils/value-utils.ts
+var ALLOWED_UNITS = ["px", "em", "rem", "%", "ch"];
 function parseUnitValue(value) {
   if (!value) return null;
-  const match = value.match(/^(-?\d*\.?\d+)(px|rem|%)?$/);
+  const unitsPattern = ALLOWED_UNITS.join("|");
+  const regex = new RegExp(`^(-?\\d*\\.?\\d+)(${unitsPattern})?$`);
+  const match = value.match(regex);
   if (!match) return null;
   const number = parseFloat(match[1]);
   const unit = match[2] ? match[2] : null;
@@ -270,7 +273,7 @@ function extractFontValue(node) {
       const numValue = Number(node.value);
       if (numValue <= 0) return null;
       const unit = node.unit.toLowerCase();
-      if (unit !== "px" && unit !== "rem" && unit !== "%") return null;
+      if (!ALLOWED_UNITS.includes(unit)) return null;
       return {
         number: numValue,
         unit
@@ -315,6 +318,14 @@ function forEachFontValue(valueText, callback) {
   forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);
 }
 
+// src/utils/css-utils.ts
+function formatSuggestionHooks(hooks) {
+  if (hooks.length === 1) {
+    return `${hooks[0]}`;
+  }
+  return "\n" + hooks.map((hook, index) => `${index + 1}. ${hook}`).join("\n");
+}
+
 // src/rules/v9/no-hardcoded-values/handlers/fontHandler.ts
 var handleFontDeclaration = (node, context) => {
   const cssProperty = node.property.toLowerCase();
@@ -368,7 +379,7 @@ function createFontReplacement(fontValue, cssProperty, context, positionInfo) {
       start,
       end,
       replacement: rawValue,
-      displayValue: closestHooks.join(", "),
+      displayValue: formatSuggestionHooks(closestHooks),
       hasHook: true
     };
   } else {

package/build/rules/v9/no-hardcoded-values/handlers/fontHandler.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/rules/v9/no-hardcoded-values/handlers/fontHandler.ts", "../../../../../src/utils/value-utils.ts", "../../../../../src/utils/styling-hook-utils.ts", "../../../../../src/utils/property-matcher.ts", "../../../../../src/utils/hardcoded-shared-utils.ts", "../../../../../src/utils/color-lib-utils.ts", "../../../../../src/utils/css-functions.ts"],
-  "sourcesContent": ["import { getStylingHooksForDensityValue } from '../../../../utils/styling-hook-utils';\nimport { resolvePropertyToMatch } from '../../../../utils/property-matcher';\nimport type { ParsedUnitValue } from '../../../../utils/value-utils';\nimport type { HandlerContext, DeclarationHandler } from '../../../../types';\n\n// Import shared utilities for common logic\nimport { \n  handleShorthandAutoFix, \n  forEachFontValue,\n  isKnownFontWeight,\n  type ReplacementInfo,\n  type PositionInfo\n} from '../../../../utils/hardcoded-shared-utils';\n\n/**\n * Handle font declarations including shorthand property\n * Uses css-tree for reliable AST-based parsing\n */\nexport const handleFontDeclaration: DeclarationHandler = (node: any, context: HandlerContext) => {\n  const cssProperty = node.property.toLowerCase();\n  const valueText = context.sourceCode.getText(node.value);\n  const replacements: ReplacementInfo[] = [];\n  \n  forEachFontValue(valueText, (fontValue, positionInfo) => {\n    if (fontValue && isValidFontValue(fontValue, cssProperty)) {\n      const replacement = createFontReplacement(fontValue, cssProperty, context, positionInfo);\n      if (replacement) {\n        replacements.push(replacement);\n      }\n    }\n  });\n  \n  // Apply shorthand auto-fix once all values are processed\n  handleShorthandAutoFix(node, context, valueText, replacements);\n};\n\n/**\n * Validate font value based on property type or value characteristics for shorthand\n * Only accepts what we explicitly handle in createFontReplacement\n */\nfunction isValidFontValue(fontValue: ParsedUnitValue, cssProperty: string): boolean {\n  if (cssProperty === 'font-size') {\n    // Font-size: must have units (unitless font-size values are generally invalid in CSS)\n    return !!fontValue.unit;\n  } else if (cssProperty === 'font-weight') {\n    // Font-weight: must be unitless and a known font-weight value\n    return !fontValue.unit && isKnownFontWeight(fontValue.number);\n  } else if (cssProperty === 'font') {\n    // Font shorthand: determine validation based on value characteristics\n    if (!fontValue.unit && isKnownFontWeight(fontValue.number)) {\n      // This is a font-weight value\n      return true;\n    } else if (fontValue.unit) {\n      // font-size\n      return true;\n    } else {\n      // Unitless value that's not a known font-weight - invalid\n      return false;\n    }\n  }\n  \n  // For other font properties, reject extracted values\n  return false;\n}\n\nfunction createFontReplacement(\n  fontValue: ParsedUnitValue,\n  cssProperty: string,\n  context: HandlerContext,\n  positionInfo: PositionInfo\n): ReplacementInfo | null {\n  if (!positionInfo?.start) {\n    return null;\n  }\n\n  const rawValue = fontValue.unit \n    ? `${fontValue.number}${fontValue.unit}`\n    : fontValue.number.toString();\n\n  // Font-specific property resolution\n  // Font-weight: unitless known font-weight values, otherwise font-size\n  const propToMatch = (!fontValue.unit && isKnownFontWeight(fontValue.number)) \n    ? resolvePropertyToMatch('font-weight')\n    : resolvePropertyToMatch('font-size');\n\n  const closestHooks = getStylingHooksForDensityValue(fontValue, context.valueToStylinghook, propToMatch);\n\n  // Use position information directly from CSS tree (already 0-based offsets)\n  const start = positionInfo.start.offset;\n  const end = positionInfo.end.offset;\n\n  if (closestHooks.length === 1) {\n    // Has a single hook replacement - should provide autofix\n    return {\n      start,\n      end,\n      replacement: `var(${closestHooks[0]}, ${rawValue})`,\n      displayValue: closestHooks[0],\n      hasHook: true\n    };\n  } else if (closestHooks.length > 1) {\n    // Multiple hooks - still has hooks, but no auto-fix\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: closestHooks.join(', '),\n      hasHook: true\n    };\n  } else {\n    // No hooks - keep original value\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: rawValue,\n      hasHook: false\n    };\n  }\n}\n\n", "// Simplified value parsing\n\n/**\n * Checks if a value is a CSS global value.\n *\n * CSS global values are special keywords that can be used for any CSS property and have a universal meaning:\n * - initial: Resets the property to its initial value as defined by the CSS specification.\n * - inherit: Inherits the value from the parent element.\n * - unset: Acts as inherit if the property is inheritable, otherwise acts as initial.\n * - revert: Rolls back the property to the value established by the user-agent or user styles.\n * - revert-layer: Rolls back the property to the value established by the previous cascade layer.\n *\n * All CSS properties accept these global values, including but not limited to:\n *   - color\n *   - background\n *   - font-size\n *   - margin\n *   - padding\n *   - border\n *   - display\n *   - position\n *   - z-index\n *   - and many more\n *\n * These values are part of the CSS standard and are not considered violations, even if a rule would otherwise flag a value as invalid or non-design-token. They are always allowed for any property.\n *\n * @param value The CSS value to check.\n * @returns True if the value is a CSS global value, false otherwise.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/initial\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inherit\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/unset\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert-layer\n */\nexport function isGlobalValue(value: string): boolean {\n    return value === 'initial' || value === 'inherit' || value === 'unset' || value === 'revert' || value === 'revert-layer';\n  }\n\nexport type ParsedUnitValue = {\n  unit: 'px' | 'rem' | '%' | null;\n  number: number;\n} | null;\n\nexport function parseUnitValue(value: string): ParsedUnitValue {\n  if (!value) return null;\n  \n  // Simple regex to parse number and unit\n  const match = value.match(/^(-?\\d*\\.?\\d+)(px|rem|%)?$/);\n  if (!match) return null;\n  \n  const number = parseFloat(match[1]);\n  const unit = match[2] ? (match[2] as 'px' | 'rem' | '%') : null; // Keep unitless values as null\n  \n  if (isNaN(number)) return null;\n  \n  return { number, unit };\n}\n\nexport function toAlternateUnitValue(numberVal: number, unitType: 'px' | 'rem' | '%' | null): ParsedUnitValue {\n    if (unitType === 'px') {\n      let floatValue = parseFloat(`${numberVal / 16}`);\n      if (!isNaN(floatValue)) {\n        return {\n          unit: 'rem',\n          number: parseFloat(floatValue.toFixed(4))\n        }\n      }\n    } else if (unitType === 'rem') {\n      const intValue = parseInt(`${numberVal * 16}`);\n      if (!isNaN(intValue)) {\n        return {\n          unit: 'px',\n          number: intValue\n        }\n      }\n    }\n    // For unitless values (font-weight, etc.), no alternate unit conversion\n    return null;\n}", "import type { ValueToStylingHookEntry, ValueToStylingHooksMapping } from '@salesforce-ux/sds-metadata/next';\nimport { ParsedUnitValue, parseUnitValue, toAlternateUnitValue } from './value-utils';\n\nfunction isValueMatch(valueToMatch: ParsedUnitValue, sldsValue: ParsedUnitValue): boolean {\n  if (!valueToMatch || !sldsValue) {\n    return false;\n  }\n  return valueToMatch.unit == sldsValue.unit && valueToMatch.number === sldsValue.number;\n}\n\n/**\n * Get styling hooks for a density value using structured data from CSS AST\n * Eliminates regex parsing by accepting pre-parsed dimension data\n */\nexport function getStylingHooksForDensityValue(\n  parsedValue: ParsedUnitValue,\n  supportedStylinghooks: ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] {\n  if (!parsedValue) return [];\n  \n  const alternateValue = toAlternateUnitValue(parsedValue.number, parsedValue.unit);\n  const matchedHooks = [];\n\n  for (const [sldsValue, hooks] of Object.entries(supportedStylinghooks)) {\n    // parsing SLDS metadata values\n    const parsedSldsValue = parseUnitValue(sldsValue);\n    if (isValueMatch(parsedValue, parsedSldsValue) || (alternateValue && isValueMatch(alternateValue, parsedSldsValue))) {\n      hooks\n        .filter((hook: ValueToStylingHookEntry) => hook.properties.includes(cssProperty))\n        .forEach((hook) => matchedHooks.push(hook.name));\n    }\n  }\n  return matchedHooks;\n}", "///stylelint-sds/packages/stylelint-plugin-slds/src/utils/property-matcher.ts\n/**\n * Check if any of the hook properties match the provided cssProperty using wildcard matching.\n * @param hookProperties - Array of property patterns (can contain wildcards like `*`)\n * @param cssProperty - The CSS property to be checked\n * @returns true if a match is found, otherwise false\n */\nexport function matchesCssProperty(\n  hookProperties: string[],\n  cssProperty: string\n): boolean {\n  return hookProperties.some((propertyPattern: string) => {\n    const regexPattern = new RegExp(\n      '^' + propertyPattern.replace(/\\*/g, '.*') + '$'\n    );\n    return regexPattern.test(cssProperty);\n  });\n}\n\n// Directions & Corners\nconst DIRECTION_VALUES = '(?:top|right|bottom|left|inline|block|inline-start|inline-end|start|end|block-start|block-end)';\nconst CORNER_VALUES = '(?:top-left|top-right|bottom-right|bottom-left|start-start|start-end|end-start|end-end)';\nconst INSET_VALUES = '(?:inline|block|inline-start|inline-end|block-start|block-end)';\n\n\n// Pre-compiled regex patterns for better performance\nconst BORDER_COLOR_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-color$`);\nconst BORDER_WIDTH_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-width$`);\nconst MARGIN_REGEX = new RegExp(`^margin(?:-${DIRECTION_VALUES})?$`);\nconst PADDING_REGEX = new RegExp(`^padding(?:-${DIRECTION_VALUES})?$`);\nconst BORDER_RADIUS_REGEX = new RegExp(`^border(?:-${CORNER_VALUES})?-radius$`);\nconst INSET_REGEX = new RegExp(`^inset(?:-${INSET_VALUES})?$`);\n\nexport function isBorderColorProperty(cssProperty: string): boolean {\n  return BORDER_COLOR_REGEX.test(cssProperty);\n}\n\nexport function isBorderWidthProperty(cssProperty: string): boolean {\n  return BORDER_WIDTH_REGEX.test(cssProperty);\n}\n\nexport function isMarginProperty(cssProperty: string): boolean {\n  return MARGIN_REGEX.test(cssProperty);\n}\n\nexport function isPaddingProperty(cssProperty: string): boolean {\n  return PADDING_REGEX.test(cssProperty);\n}\n\nexport function isBorderRadius(cssProperty: string): boolean {\n  return BORDER_RADIUS_REGEX.test(cssProperty);\n}\n\nexport function isDimensionProperty(cssProperty: string): boolean {\n  return ['width', 'height', 'min-width', 'max-width', 'min-height', 'max-height'].includes(cssProperty);\n}\n\nexport function isInsetProperty(cssProperty: string): boolean {\n  return INSET_REGEX.test(cssProperty);\n}\n\nexport const fontProperties = [\n  'font',\n  'font-size', \n  'font-weight'\n];\n\nexport const colorProperties = [\n  'color',\n  'fill',\n  'background',\n  'background-color',\n  'stroke',\n  'border',\n  'border*',\n  'border*-color',\n  'outline',\n  'outline-color',\n];\n\nexport const densificationProperties = [\n  'border*',\n  'margin*',\n  'padding*',\n  'width',\n  'height',\n  'min-width',\n  'max-width',\n  'min-height',\n  'max-height',\n  'inset',\n  'top',\n  'right',\n  'left',\n  'bottom',\n  'outline',\n  'outline-width',\n  'line-height'\n]; \n\n/**\n * Convert property patterns to CSS AST selector patterns\n * Handles wildcards (*) and creates proper ESLint CSS selector syntax\n */\nexport function toSelector(properties: string[]): string {\n  const selectorParts = properties.map(prop => {\n    if (prop.includes('*')) {\n      // Convert wildcards to regex patterns for CSS AST selectors\n      const regexPattern = prop.replace(/\\*/g, '.*');\n      return `Declaration[property=/${regexPattern}$/]`;\n    } else {\n      // Exact property match\n      return `Declaration[property='${prop}']`;\n    }\n  });\n  \n  return selectorParts.join(', ');\n}\n\nexport function resolvePropertyToMatch(cssProperty:string){\n  const propertyToMatch = cssProperty.toLowerCase();\n  if(propertyToMatch === 'outline' || propertyToMatch === 'outline-width' || isBorderWidthProperty(propertyToMatch)){\n    return 'border-width';\n  } else if(isMarginProperty(propertyToMatch)){\n    return 'margin';\n  } else if(isPaddingProperty(propertyToMatch)){\n    return 'padding';\n  } else if(isBorderRadius(propertyToMatch)){\n    return 'border-radius';\n  } else if(isDimensionProperty(propertyToMatch)){\n    // Stylinghooks includes only width as property to match, for all other dimensions we need to match width\n    return 'width';\n  } else if(isInsetProperty(propertyToMatch)){\n    // Stylinghooks includes only top/left/right/bottom as property to match, for all other insets we need to match top\n    return 'top';\n  } else if(cssProperty === 'background' || cssProperty === 'background-color'){\n    return 'background-color';\n  } else if(cssProperty === 'outline' || cssProperty === 'outline-color' || isBorderColorProperty(cssProperty)){\n    return 'border-color';\n  }\n  return propertyToMatch;\n}", "import { parse, walk } from '@eslint/css-tree';\nimport type { HandlerContext } from '../types';\nimport type { ParsedUnitValue } from './value-utils';\nimport { extractColorValue } from './color-lib-utils';\nimport { isCssFunction } from './css-functions';\n\n/**\n * Common replacement data structure used by both color and density handlers\n */\nexport interface ReplacementInfo {\n  start: number;\n  end: number;\n  replacement: string;        // Full CSS var: var(--hook, fallback)\n  displayValue: string;       // Just the hook: --hook\n  hasHook: boolean;\n}\n\n/**\n * Position information from CSS tree parsing\n */\nexport interface PositionInfo {\n  start?: { offset: number; line: number; column: number };\n  end?: { offset: number; line: number; column: number };\n}\n\n/**\n * Generic callback for processing values with position information\n */\nexport type ValueCallback<T> = (value: T, positionInfo?: PositionInfo) => void;\n\n/**\n * Known valid font-weight values\n */\nconst FONT_WEIGHTS = [\n  'normal',\n  'bold', \n  'bolder',\n  'lighter',\n  '100',\n  '200', \n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900'\n];\n\n/**\n * Check if a value is a known font-weight\n */\nexport function isKnownFontWeight(value: string | number): boolean {\n  const stringValue = value.toString();\n  return FONT_WEIGHTS.includes(stringValue.toLowerCase());\n}\n\n/**\n * Generic shorthand auto-fix handler\n * Handles the common logic for reconstructing shorthand values with replacements\n */\nexport function handleShorthandAutoFix(\n  declarationNode: any,\n  context: HandlerContext,\n  valueText: string,\n  replacements: ReplacementInfo[]\n) {\n  // Sort replacements by position for proper reconstruction\n  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);\n  \n  // Check if we can apply auto-fix (at least one value has a hook)\n  const hasAnyHooks = sortedReplacements.some(r => r.hasHook);\n  const canAutoFix = hasAnyHooks;\n\n  // Report each individual value\n  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {\n    const originalValue = valueText.substring(start, end);\n    const valueStartColumn = declarationNode.value.loc.start.column;\n    const valueColumn = valueStartColumn + start;\n    \n    // Create precise error location for this value\n    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;\n    const reportNode = {\n      ...declarationNode.value,\n      loc: {\n        ...declarationNode.value.loc,\n        start: {\n          ...locStart,\n          column: valueColumn\n        },\n        end: {\n          ...locEnd,\n          column: valueColumn + originalValue.length\n        }\n      }\n    };\n\n    if (hasHook) {\n      // Create auto-fix for the entire shorthand value\n      const fix = canAutoFix ? (fixer: any) => {\n        // Reconstruct the entire value with all replacements\n        let newValue = valueText;\n        \n        // Apply replacements from right to left to maintain string positions\n        for (let i = sortedReplacements.length - 1; i >= 0; i--) {\n          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];\n          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);\n        }\n        \n        return fixer.replaceText(declarationNode.value, newValue);\n      } : undefined;\n\n      context.context.report({\n        node: reportNode,\n        messageId: 'hardcodedValue',\n        data: {\n          oldValue: originalValue,\n          newValue: displayValue\n        },\n        fix\n      });\n    } else {\n      // No hook available\n      context.context.report({\n        node: reportNode,\n        messageId: 'noReplacement',\n        data: {\n          oldValue: originalValue\n        }\n      });\n    }\n  });\n}\n\n/**\n * Generic CSS tree traversal with position tracking\n * Always provides position information since both handlers need it\n */\nexport function forEachValue<T>(\n  valueText: string,\n  extractValue: (node: any) => T | null,\n  shouldSkipNode: (node: any) => boolean,\n  callback: (value: T, positionInfo: PositionInfo) => void\n): void {\n  if (!valueText || typeof valueText !== 'string') {\n    return;\n  }\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const, positions: true });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nodes efficiently using this.skip\n        if (shouldSkipNode(node)) {\n          return this.skip;\n        }\n        \n        const value = extractValue(node);\n        if (value !== null) {\n          const positionInfo: PositionInfo = {\n            start: node.loc?.start,\n            end: node.loc?.end\n          };\n          callback(value, positionInfo);\n        }\n      }\n    });\n  } catch (error) {\n    // Silently handle parse errors\n    return;\n  }\n}\n\n/**\n * Check if color node should be skipped during traversal\n */\nfunction shouldSkipColorNode(node: any): boolean {\n  return node.type === 'Function' && isCssFunction(node.name);\n}\n\n/**\n * Check if dimension node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipDimensionNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Extract dimension value from CSS AST node\n * Returns structured data with number and unit to eliminate regex parsing\n */\nfunction extractDimensionValue(valueNode: any, cssProperty?: string): ParsedUnitValue | null {\n  if (!valueNode) return null;\n  \n  switch (valueNode.type) {\n    case 'Dimension':\n      // Dimensions: 16px, 1rem -> extract value and unit directly from AST\n      const numValue = Number(valueNode.value);\n      if (numValue === 0) return null; // Skip zero values\n      \n      const unit = valueNode.unit.toLowerCase();\n      if (unit !== 'px' && unit !== 'rem' && unit !== '%') return null; // Support px, rem, and % units\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%'\n      };\n      \n    case 'Number':\n      // Numbers: 400, 1.5 -> treat as unitless (font-weight, line-height, etc.)\n      const numberValue = Number(valueNode.value);\n      if (numberValue === 0) return null; // Skip zero values\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Percentage':\n      // Percentage values: 100%, 50% -> extract value and add % unit\n      const percentValue = Number(valueNode.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Specialized color value traversal\n * Handles color-specific extraction and skipping logic\n */\nexport function forEachColorValue(\n  valueText: string,\n  callback: (colorValue: string, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);\n}\n\n/**\n * Specialized density value traversal\n * Handles dimension-specific extraction and skipping logic\n */\nexport function forEachDensityValue(\n  valueText: string,\n  cssProperty: string,\n  callback: (parsedDimension: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(\n    valueText, \n    (node) => extractDimensionValue(node, cssProperty), \n    shouldSkipDimensionNode, \n    callback\n  );\n}\n\n/**\n * Extract font-related values from CSS AST node\n * Handles font-size and font-weight values\n */\nfunction extractFontValue(node: any): ParsedUnitValue | null {\n  if (!node) return null;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Font-size: 16px, 1rem, etc.\n      const numValue = Number(node.value);\n      if (numValue <= 0) return null; // Skip zero/negative values\n      \n      const unit = node.unit.toLowerCase();\n      if (unit !== 'px' && unit !== 'rem' && unit !== '%') return null;\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%'\n      };\n      \n    case 'Number':\n      // Font-weight: 400, 700, etc.\n      const numberValue = Number(node.value);\n      if (numberValue <= 0) {\n        return null; // Skip zero/negative values\n      }\n      \n      // Only accept known font-weight values for unitless numbers\n      if (!isKnownFontWeight(numberValue)) {\n        return null; // Skip values that aren't valid font-weights\n      }\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Identifier':\n      // Font-weight keywords: normal, bold, etc.\n      const namedValue = node.name.toLowerCase();\n      \n      // Only accept known font-weight keywords\n      if (!isKnownFontWeight(namedValue)) {\n        return null;\n      }\n      \n      // Convert known keywords to numeric values\n      if (namedValue === 'normal') {\n        return { number: 400, unit: null };\n      }\n      \n      // For other keywords (bolder, lighter), we can't determine exact numeric value\n      // but we know they're valid font-weight values\n      return { number: namedValue, unit: null };\n      \n    case 'Percentage':\n      // Percentage values for font-size\n      const percentValue = Number(node.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return node.children?.[0] ? extractFontValue(node.children[0]) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Check if font node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipFontNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Specialized font value traversal\n * Handles font-specific extraction and skipping logic\n */\nexport function forEachFontValue(\n  valueText: string,\n  callback: (fontValue: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);\n}\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/color-lib-utils.ts\nimport { ValueToStylingHooksMapping, ValueToStylingHookEntry } from '@salesforce-ux/sds-metadata/next';\nimport chroma from 'chroma-js';\nimport { generate } from '@eslint/css-tree';\nimport { isCssColorFunction } from './css-functions';\n\nconst LAB_THRESHOLD = 25; // Adjust this to set how strict the matching should be\n\nconst isHardCodedColor = (color: string): boolean => {\n  const colorRegex =\n    /\\b(rgb|rgba)\\((\\s*\\d{1,3}\\s*,\\s*){2,3}\\s*(0|1|0?\\.\\d+)\\s*\\)|#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})\\b|[a-zA-Z]+/g;\n  return colorRegex.test(color);\n};\n\nconst isHexCode = (color: string): boolean => {\n  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/; // Pattern for #RGB or #RRGGBB\n  return hexPattern.test(color);\n};\n\n// Convert a named color or hex code into a hex format using chroma-js\nconst convertToHex = (color: string): string | null => {\n  try {\n    // Try converting the color using chroma-js, which handles both named and hex colors\n    return chroma(color).hex();\n  } catch (e) {\n    // If chroma can't process the color, it's likely invalid\n    return null;\n  }\n};\n\n// Find the closest color hook using LAB distance\nconst findClosestColorHook = (\n  color: string,\n  supportedColors:ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] => {\n  const returnStylingHooks: string[] = [];\n  const closestHooksWithSameProperty: { name: string; distance: number }[] = [];\n  const closestHooksWithoutSameProperty: { name: string; distance: number }[] =\n    [];\n  const closestHooksWithAllProperty: { name: string; distance: number }[] =\n    [];\n  const labColor = chroma(color).lab();\n\n  Object.entries(supportedColors).forEach(([sldsValue, data]) => {\n    if (sldsValue && isHexCode(sldsValue)) {\n      const hooks = data as ValueToStylingHookEntry[]; // Get the hooks for the sldsValue\n\n      hooks.forEach((hook) => {\n        const labSupportedColor = chroma(sldsValue).lab();\n        const distance = (JSON.stringify(labColor) === JSON.stringify(labSupportedColor)) ? 0\n            : chroma.distance(chroma.lab(...labColor), chroma.lab(...labSupportedColor), \"lab\");\n        // Check if the hook has the same property\n        if (hook.properties.includes(cssProperty)) {\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithSameProperty.push({ name: hook.name, distance });\n          }\n        } \n        // Check for the universal selector\n        else if ( hook.properties.includes(\"*\") ){\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithAllProperty.push({ name: hook.name, distance });\n          }\n        }\n        else {\n          // Add to different property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithoutSameProperty.push({ name: hook.name, distance });\n          }\n        }\n      });\n    }\n  });\n\n// Group hooks by their priority\nconst closesthookGroups = [\n  { hooks: closestHooksWithSameProperty, distance: 0 },\n  { hooks: closestHooksWithAllProperty, distance: 0 },\n  { hooks: closestHooksWithSameProperty, distance: Infinity },  // For hooks with distance > 0\n  { hooks: closestHooksWithAllProperty, distance: Infinity },\n  { hooks: closestHooksWithoutSameProperty, distance: Infinity },\n];\n\nfor (const group of closesthookGroups) {\n  // Filter hooks based on the distance condition\n  const filteredHooks = group.hooks.filter(h => \n    group.distance === 0 ? h.distance === 0 : h.distance > 0\n  );\n\n  if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {\n    filteredHooks.sort((a, b) => a.distance - b.distance);\n    returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));\n  }\n}\n\n\n  return Array.from(new Set(returnStylingHooks));\n};\n\n/**\n * This method is usefull to identify all possible css color values.\n *  - names colors\n *  - 6,8 digit hex\n *  - rgb and rgba\n *  - hsl and hsla\n */\nconst isValidColor = (val:string):boolean => chroma.valid(val);\n\n/**\n * Extract color value from CSS AST node\n */\nconst extractColorValue = (node: any): string | null => {\n  let colorValue: string | null = null;\n  \n  switch (node.type) {\n    case 'Hash':\n      colorValue = `#${node.value}`;\n      break;\n    case 'Identifier':\n      colorValue = node.name;\n      break;\n    case 'Function':\n      // Only extract color functions\n      if (isCssColorFunction(node.name)) {\n        colorValue = generate(node);\n      }\n      break;\n  }\n  \n  return colorValue && isValidColor(colorValue) ? colorValue : null;\n};\n\nexport { findClosestColorHook, convertToHex, isHexCode, isHardCodedColor, isValidColor, extractColorValue };\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/css-functions.ts\n/**\n * Complete list of CSS functions that should be preserved/recognized\n */\nconst CSS_FUNCTIONS = [\n    'attr',\n    'calc',\n    'color-mix',\n    'conic-gradient',\n    'counter',\n    'cubic-bezier',\n    'linear-gradient',\n    'max',\n    'min',\n    'radial-gradient',\n    'repeating-conic-gradient',\n    'repeating-linear-gradient',\n    'repeating-radial-gradient',\n    'var'\n  ];\n  \n  \n  const CSS_MATH_FUNCTIONS = ['calc', 'min', 'max'];\n  \n  \n  const RGB_COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla'];\n  \n  /**\n   * Regex for matching any CSS function (for general detection)\n   * Matches function names within other text\n   */\n  const cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join('|')})`);\n  \n  \n  const cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join('|')})$`);\n  \n  \n  const cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join('|')})$`);\n  \n  export function containsCssFunction(value: string): boolean {\n    return cssFunctionsRegex.test(value);\n  }\n  \n  /**\n   * Check if a value is exactly a CSS function name\n   */\n  export function isCssFunction(value: string): boolean {\n    return cssFunctionsExactRegex.test(value);\n  }\n  \n  export function isCssMathFunction(value: string): boolean {\n    return cssMathFunctionsRegex.test(value);\n  }\n  \n  export function isCssColorFunction(value: string): boolean {\n    return RGB_COLOR_FUNCTIONS.includes(value);\n  }"],
-  "mappings": "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",
+  "sources": ["../../../../../src/rules/v9/no-hardcoded-values/handlers/fontHandler.ts", "../../../../../src/utils/value-utils.ts", "../../../../../src/utils/styling-hook-utils.ts", "../../../../../src/utils/property-matcher.ts", "../../../../../src/utils/hardcoded-shared-utils.ts", "../../../../../src/utils/color-lib-utils.ts", "../../../../../src/utils/css-functions.ts", "../../../../../src/utils/css-utils.ts"],
+  "sourcesContent": ["import { getStylingHooksForDensityValue } from '../../../../utils/styling-hook-utils';\nimport { resolvePropertyToMatch } from '../../../../utils/property-matcher';\nimport { formatSuggestionHooks } from '../../../../utils/css-utils';\nimport type { ParsedUnitValue } from '../../../../utils/value-utils';\nimport type { HandlerContext, DeclarationHandler } from '../../../../types';\n\n// Import shared utilities for common logic\nimport { \n  handleShorthandAutoFix, \n  forEachFontValue,\n  isKnownFontWeight,\n  type ReplacementInfo,\n  type PositionInfo\n} from '../../../../utils/hardcoded-shared-utils';\n\n/**\n * Handle font declarations including shorthand property\n * Uses css-tree for reliable AST-based parsing\n */\nexport const handleFontDeclaration: DeclarationHandler = (node: any, context: HandlerContext) => {\n  const cssProperty = node.property.toLowerCase();\n  const valueText = context.sourceCode.getText(node.value);\n  const replacements: ReplacementInfo[] = [];\n  \n  forEachFontValue(valueText, (fontValue, positionInfo) => {\n    if (fontValue && isValidFontValue(fontValue, cssProperty)) {\n      const replacement = createFontReplacement(fontValue, cssProperty, context, positionInfo);\n      if (replacement) {\n        replacements.push(replacement);\n      }\n    }\n  });\n  \n  // Apply shorthand auto-fix once all values are processed\n  handleShorthandAutoFix(node, context, valueText, replacements);\n};\n\n/**\n * Validate font value based on property type or value characteristics for shorthand\n * Only accepts what we explicitly handle in createFontReplacement\n */\nfunction isValidFontValue(fontValue: ParsedUnitValue, cssProperty: string): boolean {\n  if (cssProperty === 'font-size') {\n    // Font-size: must have units (unitless font-size values are generally invalid in CSS)\n    return !!fontValue.unit;\n  } else if (cssProperty === 'font-weight') {\n    // Font-weight: must be unitless and a known font-weight value\n    return !fontValue.unit && isKnownFontWeight(fontValue.number);\n  } else if (cssProperty === 'font') {\n    // Font shorthand: determine validation based on value characteristics\n    if (!fontValue.unit && isKnownFontWeight(fontValue.number)) {\n      // This is a font-weight value\n      return true;\n    } else if (fontValue.unit) {\n      // font-size\n      return true;\n    } else {\n      // Unitless value that's not a known font-weight - invalid\n      return false;\n    }\n  }\n  \n  // For other font properties, reject extracted values\n  return false;\n}\n\nfunction createFontReplacement(\n  fontValue: ParsedUnitValue,\n  cssProperty: string,\n  context: HandlerContext,\n  positionInfo: PositionInfo\n): ReplacementInfo | null {\n  if (!positionInfo?.start) {\n    return null;\n  }\n\n  const rawValue = fontValue.unit \n    ? `${fontValue.number}${fontValue.unit}`\n    : fontValue.number.toString();\n\n  // Font-specific property resolution\n  // Font-weight: unitless known font-weight values, otherwise font-size\n  const propToMatch = (!fontValue.unit && isKnownFontWeight(fontValue.number)) \n    ? resolvePropertyToMatch('font-weight')\n    : resolvePropertyToMatch('font-size');\n\n  const closestHooks = getStylingHooksForDensityValue(fontValue, context.valueToStylinghook, propToMatch);\n\n  // Use position information directly from CSS tree (already 0-based offsets)\n  const start = positionInfo.start.offset;\n  const end = positionInfo.end.offset;\n\n  if (closestHooks.length === 1) {\n    // Has a single hook replacement - should provide autofix\n    return {\n      start,\n      end,\n      replacement: `var(${closestHooks[0]}, ${rawValue})`,\n      displayValue: closestHooks[0],\n      hasHook: true\n    };\n  } else if (closestHooks.length > 1) {\n    // Multiple hooks - still has hooks, but no auto-fix\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: formatSuggestionHooks(closestHooks),\n      hasHook: true\n    };\n  } else {\n    // No hooks - keep original value\n    return {\n      start,\n      end,\n      replacement: rawValue,\n      displayValue: rawValue,\n      hasHook: false\n    };\n  }\n}\n\n", "// Simplified value parsing\n\n/**\n * Checks if a value is a CSS global value.\n *\n * CSS global values are special keywords that can be used for any CSS property and have a universal meaning:\n * - initial: Resets the property to its initial value as defined by the CSS specification.\n * - inherit: Inherits the value from the parent element.\n * - unset: Acts as inherit if the property is inheritable, otherwise acts as initial.\n * - revert: Rolls back the property to the value established by the user-agent or user styles.\n * - revert-layer: Rolls back the property to the value established by the previous cascade layer.\n *\n * All CSS properties accept these global values, including but not limited to:\n *   - color\n *   - background\n *   - font-size\n *   - margin\n *   - padding\n *   - border\n *   - display\n *   - position\n *   - z-index\n *   - and many more\n *\n * These values are part of the CSS standard and are not considered violations, even if a rule would otherwise flag a value as invalid or non-design-token. They are always allowed for any property.\n *\n * @param value The CSS value to check.\n * @returns True if the value is a CSS global value, false otherwise.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/initial\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inherit\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/unset\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/revert-layer\n */\nexport function isGlobalValue(value: string): boolean {\n    return value === 'initial' || value === 'inherit' || value === 'unset' || value === 'revert' || value === 'revert-layer';\n  }\n\n// Configurable list of allowed CSS units\nexport const ALLOWED_UNITS = ['px', 'em', 'rem', '%', 'ch'];\n\nexport type ParsedUnitValue = {\n  unit: 'px' | 'rem' | '%' | 'em' | 'ch' | null;\n  number: number;\n} | null;\n\nexport function parseUnitValue(value: string): ParsedUnitValue {\n  if (!value) return null;\n  \n  // Create regex pattern from allowed units\n  const unitsPattern = ALLOWED_UNITS.join('|');\n  const regex = new RegExp(`^(-?\\\\d*\\\\.?\\\\d+)(${unitsPattern})?$`);\n  const match = value.match(regex);\n  if (!match) return null;\n  \n  const number = parseFloat(match[1]);\n  const unit = match[2] ? (match[2] as 'px' | 'rem' | '%' | 'em' | 'ch') : null; // Keep unitless values as null\n  \n  if (isNaN(number)) return null;\n  \n  return { number, unit };\n}\n\nexport function toAlternateUnitValue(numberVal: number, unitType: 'px' | 'rem' | '%' | 'em' | 'ch' | null): ParsedUnitValue {\n    if (unitType === 'px') {\n      let floatValue = parseFloat(`${numberVal / 16}`);\n      if (!isNaN(floatValue)) {\n        return {\n          unit: 'rem',\n          number: parseFloat(floatValue.toFixed(4))\n        }\n      }\n    } else if (unitType === 'rem') {\n      const intValue = parseInt(`${numberVal * 16}`);\n      if (!isNaN(intValue)) {\n        return {\n          unit: 'px',\n          number: intValue\n        }\n      }\n    }\n    // For other units (%, em, ch) and unitless values, no alternate unit conversion available\n    // These units are context-dependent and don't have standard conversion ratios\n    return null;\n}", "import type { ValueToStylingHookEntry, ValueToStylingHooksMapping } from '@salesforce-ux/sds-metadata';\nimport { ParsedUnitValue, parseUnitValue, toAlternateUnitValue } from './value-utils';\n\nfunction isValueMatch(valueToMatch: ParsedUnitValue, sldsValue: ParsedUnitValue): boolean {\n  if (!valueToMatch || !sldsValue) {\n    return false;\n  }\n  return valueToMatch.unit == sldsValue.unit && valueToMatch.number === sldsValue.number;\n}\n\n/**\n * Get styling hooks for a density value using structured data from CSS AST\n * Eliminates regex parsing by accepting pre-parsed dimension data\n */\nexport function getStylingHooksForDensityValue(\n  parsedValue: ParsedUnitValue,\n  supportedStylinghooks: ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] {\n  if (!parsedValue) return [];\n  \n  const alternateValue = toAlternateUnitValue(parsedValue.number, parsedValue.unit);\n  const matchedHooks = [];\n\n  for (const [sldsValue, hooks] of Object.entries(supportedStylinghooks)) {\n    // parsing SLDS metadata values\n    const parsedSldsValue = parseUnitValue(sldsValue);\n    if (isValueMatch(parsedValue, parsedSldsValue) || (alternateValue && isValueMatch(alternateValue, parsedSldsValue))) {\n      hooks\n        .filter((hook: ValueToStylingHookEntry) => hook.properties.includes(cssProperty))\n        .forEach((hook) => matchedHooks.push(hook.name));\n    }\n  }\n  return matchedHooks;\n}", "///stylelint-sds/packages/stylelint-plugin-slds/src/utils/property-matcher.ts\n/**\n * Check if any of the hook properties match the provided cssProperty using wildcard matching.\n * @param hookProperties - Array of property patterns (can contain wildcards like `*`)\n * @param cssProperty - The CSS property to be checked\n * @returns true if a match is found, otherwise false\n */\nexport function matchesCssProperty(\n  hookProperties: string[],\n  cssProperty: string\n): boolean {\n  return hookProperties.some((propertyPattern: string) => {\n    const regexPattern = new RegExp(\n      '^' + propertyPattern.replace(/\\*/g, '.*') + '$'\n    );\n    return regexPattern.test(cssProperty);\n  });\n}\n\n// Directions & Corners\nconst DIRECTION_VALUES = '(?:top|right|bottom|left|inline|block|inline-start|inline-end|start|end|block-start|block-end)';\nconst CORNER_VALUES = '(?:top-left|top-right|bottom-right|bottom-left|start-start|start-end|end-start|end-end)';\nconst INSET_VALUES = '(?:inline|block|inline-start|inline-end|block-start|block-end)';\n\n\n// Pre-compiled regex patterns for better performance\nconst BORDER_COLOR_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-color$`);\nconst BORDER_WIDTH_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-width$`);\nconst MARGIN_REGEX = new RegExp(`^margin(?:-${DIRECTION_VALUES})?$`);\nconst PADDING_REGEX = new RegExp(`^padding(?:-${DIRECTION_VALUES})?$`);\nconst BORDER_RADIUS_REGEX = new RegExp(`^border(?:-${CORNER_VALUES})?-radius$`);\nconst INSET_REGEX = new RegExp(`^inset(?:-${INSET_VALUES})?$`);\n\nexport function isBorderColorProperty(cssProperty: string): boolean {\n  return BORDER_COLOR_REGEX.test(cssProperty);\n}\n\nexport function isBorderWidthProperty(cssProperty: string): boolean {\n  return BORDER_WIDTH_REGEX.test(cssProperty);\n}\n\nexport function isMarginProperty(cssProperty: string): boolean {\n  return MARGIN_REGEX.test(cssProperty);\n}\n\nexport function isPaddingProperty(cssProperty: string): boolean {\n  return PADDING_REGEX.test(cssProperty);\n}\n\nexport function isBorderRadius(cssProperty: string): boolean {\n  return BORDER_RADIUS_REGEX.test(cssProperty);\n}\n\nexport function isDimensionProperty(cssProperty: string): boolean {\n  return ['width', 'height', 'min-width', 'max-width', 'min-height', 'max-height'].includes(cssProperty);\n}\n\nexport function isInsetProperty(cssProperty: string): boolean {\n  return INSET_REGEX.test(cssProperty);\n}\n\nexport const fontProperties = [\n  'font',\n  'font-size', \n  'font-weight'\n];\n\nexport const colorProperties = [\n  'color',\n  'fill',\n  'background',\n  'background-color',\n  'stroke',\n  'border',\n  'border*',\n  'border*-color',\n  'outline',\n  'outline-color',\n];\n\nexport const densificationProperties = [\n  'border*',\n  'margin*',\n  'padding*',\n  'width',\n  'height',\n  'min-width',\n  'max-width',\n  'min-height',\n  'max-height',\n  'inset',\n  'top',\n  'right',\n  'left',\n  'bottom',\n  'outline',\n  'outline-width',\n  'line-height'\n]; \n\n/**\n * Convert property patterns to CSS AST selector patterns\n * Handles wildcards (*) and creates proper ESLint CSS selector syntax\n */\nexport function toSelector(properties: string[]): string {\n  const selectorParts = properties.map(prop => {\n    if (prop.includes('*')) {\n      // Convert wildcards to regex patterns for CSS AST selectors\n      // Anchor to start of string to prevent matching CSS custom properties\n      const regexPattern = prop.replace(/\\*/g, '.*');\n      return `Declaration[property=/^${regexPattern}$/]`;\n    } else {\n      // Exact property match\n      return `Declaration[property='${prop}']`;\n    }\n  });\n  \n  return selectorParts.join(', ');\n}\n\nexport function resolvePropertyToMatch(cssProperty:string){\n  const propertyToMatch = cssProperty.toLowerCase();\n  if(propertyToMatch === 'outline' || propertyToMatch === 'outline-width' || isBorderWidthProperty(propertyToMatch)){\n    return 'border-width';\n  } else if(isMarginProperty(propertyToMatch)){\n    return 'margin';\n  } else if(isPaddingProperty(propertyToMatch)){\n    return 'padding';\n  } else if(isBorderRadius(propertyToMatch)){\n    return 'border-radius';\n  } else if(isDimensionProperty(propertyToMatch)){\n    // Stylinghooks includes only width as property to match, for all other dimensions we need to match width\n    return 'width';\n  } else if(isInsetProperty(propertyToMatch)){\n    // Stylinghooks includes only top/left/right/bottom as property to match, for all other insets we need to match top\n    return 'top';\n  } else if(cssProperty === 'background' || cssProperty === 'background-color'){\n    return 'background-color';\n  } else if(cssProperty === 'outline' || cssProperty === 'outline-color' || isBorderColorProperty(cssProperty)){\n    return 'border-color';\n  }\n  return propertyToMatch;\n}", "import { parse, walk } from '@eslint/css-tree';\nimport type { HandlerContext } from '../types';\nimport type { ParsedUnitValue } from './value-utils';\nimport { ALLOWED_UNITS } from './value-utils';\nimport { extractColorValue } from './color-lib-utils';\nimport { isCssFunction } from './css-functions';\n\n/**\n * Common replacement data structure used by both color and density handlers\n */\nexport interface ReplacementInfo {\n  start: number;\n  end: number;\n  replacement: string;        // Full CSS var: var(--hook, fallback)\n  displayValue: string;       // Just the hook: --hook\n  hasHook: boolean;\n}\n\n/**\n * Position information from CSS tree parsing\n */\nexport interface PositionInfo {\n  start?: { offset: number; line: number; column: number };\n  end?: { offset: number; line: number; column: number };\n}\n\n/**\n * Generic callback for processing values with position information\n */\nexport type ValueCallback<T> = (value: T, positionInfo?: PositionInfo) => void;\n\n/**\n * Known valid font-weight values\n */\nconst FONT_WEIGHTS = [\n  'normal',\n  'bold', \n  'bolder',\n  'lighter',\n  '100',\n  '200', \n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900'\n];\n\n/**\n * Check if a value is a known font-weight\n */\nexport function isKnownFontWeight(value: string | number): boolean {\n  const stringValue = value.toString();\n  return FONT_WEIGHTS.includes(stringValue.toLowerCase());\n}\n\n/**\n * Generic shorthand auto-fix handler\n * Handles the common logic for reconstructing shorthand values with replacements\n */\nexport function handleShorthandAutoFix(\n  declarationNode: any,\n  context: HandlerContext,\n  valueText: string,\n  replacements: ReplacementInfo[]\n) {\n  // Sort replacements by position for proper reconstruction\n  const sortedReplacements = replacements.sort((a, b) => a.start - b.start);\n  \n  // Check if we can apply auto-fix (at least one value has a hook)\n  const hasAnyHooks = sortedReplacements.some(r => r.hasHook);\n  const canAutoFix = hasAnyHooks;\n\n  // Report each individual value\n  sortedReplacements.forEach(({ start, end, replacement, displayValue, hasHook }) => {\n    const originalValue = valueText.substring(start, end);\n    const valueStartColumn = declarationNode.value.loc.start.column;\n    const valueColumn = valueStartColumn + start;\n    \n    // Create precise error location for this value\n    const { loc: { start: locStart, end: locEnd } } = declarationNode.value;\n    const reportNode = {\n      ...declarationNode.value,\n      loc: {\n        ...declarationNode.value.loc,\n        start: {\n          ...locStart,\n          column: valueColumn\n        },\n        end: {\n          ...locEnd,\n          column: valueColumn + originalValue.length\n        }\n      }\n    };\n\n    if (hasHook) {\n      // Create auto-fix for the entire shorthand value\n      const fix = canAutoFix ? (fixer: any) => {\n        // Reconstruct the entire value with all replacements\n        let newValue = valueText;\n        \n        // Apply replacements from right to left to maintain string positions\n        for (let i = sortedReplacements.length - 1; i >= 0; i--) {\n          const { start: rStart, end: rEnd, replacement: rReplacement } = sortedReplacements[i];\n          newValue = newValue.substring(0, rStart) + rReplacement + newValue.substring(rEnd);\n        }\n        \n        return fixer.replaceText(declarationNode.value, newValue);\n      } : undefined;\n\n      context.context.report({\n        node: reportNode,\n        messageId: 'hardcodedValue',\n        data: {\n          oldValue: originalValue,\n          newValue: displayValue\n        },\n        fix\n      });\n    } else {\n      // No hook available\n      context.context.report({\n        node: reportNode,\n        messageId: 'noReplacement',\n        data: {\n          oldValue: originalValue\n        }\n      });\n    }\n  });\n}\n\n/**\n * Generic CSS tree traversal with position tracking\n * Always provides position information since both handlers need it\n */\nexport function forEachValue<T>(\n  valueText: string,\n  extractValue: (node: any) => T | null,\n  shouldSkipNode: (node: any) => boolean,\n  callback: (value: T, positionInfo: PositionInfo) => void\n): void {\n  if (!valueText || typeof valueText !== 'string') {\n    return;\n  }\n\n  try {\n    const ast = parse(valueText, { context: 'value' as const, positions: true });\n    \n    walk(ast, {\n      enter(node: any) {\n        // Skip nodes efficiently using this.skip\n        if (shouldSkipNode(node)) {\n          return this.skip;\n        }\n        \n        const value = extractValue(node);\n        if (value !== null) {\n          const positionInfo: PositionInfo = {\n            start: node.loc?.start,\n            end: node.loc?.end\n          };\n          callback(value, positionInfo);\n        }\n      }\n    });\n  } catch (error) {\n    // Silently handle parse errors\n    return;\n  }\n}\n\n/**\n * Check if color node should be skipped during traversal\n */\nfunction shouldSkipColorNode(node: any): boolean {\n  return node.type === 'Function' && isCssFunction(node.name);\n}\n\n/**\n * Check if dimension node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipDimensionNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Extract dimension value from CSS AST node\n * Returns structured data with number and unit to eliminate regex parsing\n */\nfunction extractDimensionValue(valueNode: any, cssProperty?: string): ParsedUnitValue | null {\n  if (!valueNode) return null;\n  \n  switch (valueNode.type) {\n    case 'Dimension':\n      // Dimensions: 16px, 1rem -> extract value and unit directly from AST\n      const numValue = Number(valueNode.value);\n      if (numValue === 0) return null; // Skip zero values\n      \n      const unit = valueNode.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null; // Support only allowed units\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Numbers: 400, 1.5 -> treat as unitless (font-weight, line-height, etc.)\n      const numberValue = Number(valueNode.value);\n      if (numberValue === 0) return null; // Skip zero values\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Percentage':\n      // Percentage values: 100%, 50% -> extract value and add % unit\n      const percentValue = Number(valueNode.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return valueNode.children?.[0] ? extractDimensionValue(valueNode.children[0], cssProperty) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Specialized color value traversal\n * Handles color-specific extraction and skipping logic\n */\nexport function forEachColorValue(\n  valueText: string,\n  callback: (colorValue: string, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractColorValue, shouldSkipColorNode, callback);\n}\n\n/**\n * Specialized density value traversal\n * Handles dimension-specific extraction and skipping logic\n */\nexport function forEachDensityValue(\n  valueText: string,\n  cssProperty: string,\n  callback: (parsedDimension: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(\n    valueText, \n    (node) => extractDimensionValue(node, cssProperty), \n    shouldSkipDimensionNode, \n    callback\n  );\n}\n\n/**\n * Extract font-related values from CSS AST node\n * Handles font-size and font-weight values\n */\nfunction extractFontValue(node: any): ParsedUnitValue | null {\n  if (!node) return null;\n  \n  switch (node.type) {\n    case 'Dimension':\n      // Font-size: 16px, 1rem, etc.\n      const numValue = Number(node.value);\n      if (numValue <= 0) return null; // Skip zero/negative values\n      \n      const unit = node.unit.toLowerCase();\n      if (!ALLOWED_UNITS.includes(unit)) return null;\n      \n      return {\n        number: numValue,\n        unit: unit as 'px' | 'rem' | '%' | 'em' | 'ch'\n      };\n      \n    case 'Number':\n      // Font-weight: 400, 700, etc.\n      const numberValue = Number(node.value);\n      if (numberValue <= 0) {\n        return null; // Skip zero/negative values\n      }\n      \n      // Only accept known font-weight values for unitless numbers\n      if (!isKnownFontWeight(numberValue)) {\n        return null; // Skip values that aren't valid font-weights\n      }\n      \n      return {\n        number: numberValue,\n        unit: null\n      };\n      \n    case 'Identifier':\n      // Font-weight keywords: normal, bold, etc.\n      const namedValue = node.name.toLowerCase();\n      \n      // Only accept known font-weight keywords\n      if (!isKnownFontWeight(namedValue)) {\n        return null;\n      }\n      \n      // Convert known keywords to numeric values\n      if (namedValue === 'normal') {\n        return { number: 400, unit: null };\n      }\n      \n      // For other keywords (bolder, lighter), we can't determine exact numeric value\n      // but we know they're valid font-weight values\n      return { number: namedValue, unit: null };\n      \n    case 'Percentage':\n      // Percentage values for font-size\n      const percentValue = Number(node.value);\n      if (percentValue === 0) return null; // Skip zero values\n      \n      return {\n        number: percentValue,\n        unit: '%'\n      };\n      \n    case 'Value':\n      // Value wrapper - extract from first child\n      return node.children?.[0] ? extractFontValue(node.children[0]) : null;\n  }\n  \n  return null;\n}\n\n/**\n * Check if font node should be skipped during traversal\n * Skip all function nodes by default\n */\nfunction shouldSkipFontNode(node: any): boolean {\n  return node.type === 'Function';\n}\n\n/**\n * Specialized font value traversal\n * Handles font-specific extraction and skipping logic\n */\nexport function forEachFontValue(\n  valueText: string,\n  callback: (fontValue: ParsedUnitValue, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractFontValue, shouldSkipFontNode, callback);\n}\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/color-lib-utils.ts\nimport { ValueToStylingHooksMapping, ValueToStylingHookEntry } from '@salesforce-ux/sds-metadata';\nimport chroma from 'chroma-js';\nimport { generate } from '@eslint/css-tree';\nimport { isCssColorFunction } from './css-functions';\n\nconst LAB_THRESHOLD = 25; // Adjust this to set how strict the matching should be\n\nconst isHardCodedColor = (color: string): boolean => {\n  const colorRegex =\n    /\\b(rgb|rgba)\\((\\s*\\d{1,3}\\s*,\\s*){2,3}\\s*(0|1|0?\\.\\d+)\\s*\\)|#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})\\b|[a-zA-Z]+/g;\n  return colorRegex.test(color);\n};\n\nconst isHexCode = (color: string): boolean => {\n  const hexPattern = /^#(?:[0-9a-fA-F]{3}){1,2}$/; // Pattern for #RGB or #RRGGBB\n  return hexPattern.test(color);\n};\n\n// Convert a named color or hex code into a hex format using chroma-js\nconst convertToHex = (color: string): string | null => {\n  try {\n    // Try converting the color using chroma-js, which handles both named and hex colors\n    return chroma(color).hex();\n  } catch (e) {\n    // If chroma can't process the color, it's likely invalid\n    return null;\n  }\n};\n\n// Find the closest color hook using LAB distance\nconst findClosestColorHook = (\n  color: string,\n  supportedColors:ValueToStylingHooksMapping,\n  cssProperty: string\n): string[] => {\n  const returnStylingHooks: string[] = [];\n  const closestHooksWithSameProperty: { name: string; distance: number }[] = [];\n  const closestHooksWithoutSameProperty: { name: string; distance: number }[] =\n    [];\n  const closestHooksWithAllProperty: { name: string; distance: number }[] =\n    [];\n  const labColor = chroma(color).lab();\n\n  Object.entries(supportedColors).forEach(([sldsValue, data]) => {\n    if (sldsValue && isHexCode(sldsValue)) {\n      const hooks = data as ValueToStylingHookEntry[]; // Get the hooks for the sldsValue\n\n      hooks.forEach((hook) => {\n        const labSupportedColor = chroma(sldsValue).lab();\n        const distance = (JSON.stringify(labColor) === JSON.stringify(labSupportedColor)) ? 0\n            : chroma.distance(chroma.lab(...labColor), chroma.lab(...labSupportedColor), \"lab\");\n        // Check if the hook has the same property\n        if (hook.properties.includes(cssProperty)) {\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithSameProperty.push({ name: hook.name, distance });\n          }\n        } \n        // Check for the universal selector\n        else if ( hook.properties.includes(\"*\") ){\n          // Add to same property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithAllProperty.push({ name: hook.name, distance });\n          }\n        }\n        else {\n          // Add to different property hooks if within threshold\n          if (distance <= LAB_THRESHOLD) {\n            closestHooksWithoutSameProperty.push({ name: hook.name, distance });\n          }\n        }\n      });\n    }\n  });\n\n// Group hooks by their priority\nconst closesthookGroups = [\n  { hooks: closestHooksWithSameProperty, distance: 0 },\n  { hooks: closestHooksWithAllProperty, distance: 0 },\n  { hooks: closestHooksWithSameProperty, distance: Infinity },  // For hooks with distance > 0\n  { hooks: closestHooksWithAllProperty, distance: Infinity },\n  { hooks: closestHooksWithoutSameProperty, distance: Infinity },\n];\n\nfor (const group of closesthookGroups) {\n  // Filter hooks based on the distance condition\n  const filteredHooks = group.hooks.filter(h => \n    group.distance === 0 ? h.distance === 0 : h.distance > 0\n  );\n\n  if (returnStylingHooks.length < 1 && filteredHooks.length > 0) {\n    filteredHooks.sort((a, b) => a.distance - b.distance);\n    returnStylingHooks.push(...filteredHooks.slice(0, 5).map((h) => h.name));\n  }\n}\n\n\n  return Array.from(new Set(returnStylingHooks));\n};\n\n/**\n * This method is usefull to identify all possible css color values.\n *  - names colors\n *  - 6,8 digit hex\n *  - rgb and rgba\n *  - hsl and hsla\n */\nconst isValidColor = (val:string):boolean => chroma.valid(val);\n\n/**\n * Extract color value from CSS AST node\n */\nconst extractColorValue = (node: any): string | null => {\n  let colorValue: string | null = null;\n  \n  switch (node.type) {\n    case 'Hash':\n      colorValue = `#${node.value}`;\n      break;\n    case 'Identifier':\n      colorValue = node.name;\n      break;\n    case 'Function':\n      // Only extract color functions\n      if (isCssColorFunction(node.name)) {\n        colorValue = generate(node);\n      }\n      break;\n  }\n  \n  return colorValue && isValidColor(colorValue) ? colorValue : null;\n};\n\nexport { findClosestColorHook, convertToHex, isHexCode, isHardCodedColor, isValidColor, extractColorValue };\n", "//stylelint-sds/packages/stylelint-plugin-slds/src/utils/css-functions.ts\n/**\n * Complete list of CSS functions that should be preserved/recognized\n */\nconst CSS_FUNCTIONS = [\n    'attr',\n    'calc',\n    'color-mix',\n    'conic-gradient',\n    'counter',\n    'cubic-bezier',\n    'linear-gradient',\n    'max',\n    'min',\n    'radial-gradient',\n    'repeating-conic-gradient',\n    'repeating-linear-gradient',\n    'repeating-radial-gradient',\n    'var'\n  ];\n  \n  \n  const CSS_MATH_FUNCTIONS = ['calc', 'min', 'max'];\n  \n  \n  const RGB_COLOR_FUNCTIONS = ['rgb', 'rgba', 'hsl', 'hsla'];\n  \n  /**\n   * Regex for matching any CSS function (for general detection)\n   * Matches function names within other text\n   */\n  const cssFunctionsRegex = new RegExp(`(?:${CSS_FUNCTIONS.join('|')})`);\n  \n  \n  const cssFunctionsExactRegex = new RegExp(`^(?:${CSS_FUNCTIONS.join('|')})$`);\n  \n  \n  const cssMathFunctionsRegex = new RegExp(`^(?:${CSS_MATH_FUNCTIONS.join('|')})$`);\n  \n  export function containsCssFunction(value: string): boolean {\n    return cssFunctionsRegex.test(value);\n  }\n  \n  /**\n   * Check if a value is exactly a CSS function name\n   */\n  export function isCssFunction(value: string): boolean {\n    return cssFunctionsExactRegex.test(value);\n  }\n  \n  export function isCssMathFunction(value: string): boolean {\n    return cssMathFunctionsRegex.test(value);\n  }\n  \n  export function isCssColorFunction(value: string): boolean {\n    return RGB_COLOR_FUNCTIONS.includes(value);\n  }", "import { \n  forEachValue, \n  type PositionInfo \n} from './hardcoded-shared-utils';\n\n/**\n * Check if a CSS property should be targeted for linting based on prefixes or explicit targets\n * @param property - The CSS property name to check\n * @param propertyTargets - Array of specific properties to target (empty means target all)\n * @returns true if the property should be targeted\n */\nexport function isTargetProperty(property: string, propertyTargets: string[] = []): boolean {\n  if (typeof property !== 'string') return false;\n  return property.startsWith('--sds-')\n    || property.startsWith('--slds-')\n    || property.startsWith('--lwc-')\n    || propertyTargets.length === 0\n    || propertyTargets.includes(property);\n}\n\n/**\n * CSS Variable information for SLDS variable detection\n */\nexport interface CssVariableInfo {\n  name: string;           // Variable name: --slds-g-color-surface-1\n  hasFallback: boolean;   // Whether var() already has a fallback\n}\n\n/**\n * Extract CSS variable information from var() function nodes\n * Used specifically for SLDS variable fallback detection\n */\nfunction extractSldsVariable(node: any): CssVariableInfo | null {\n  if (!node || node.type !== 'Function' || node.name !== 'var') {\n    return null;\n  }\n\n  if (!node.children) {\n    return null;\n  }\n\n  // Convert children to array and get the first child (variable name)\n  const childrenArray = Array.from(node.children);\n  if (childrenArray.length === 0) {\n    return null;\n  }\n  \n  const firstChild = childrenArray[0] as any;\n  if (!firstChild || firstChild.type !== 'Identifier') {\n    return null;\n  }\n\n  const variableName = firstChild.name;\n  if (!variableName || !variableName.startsWith('--slds-')) {\n    return null;\n  }\n\n  // Check if there's a fallback (comma separator)\n  const hasFallback = childrenArray.some((child: any) => \n    child.type === 'Operator' && child.value === ','\n  );\n\n  return {\n    name: variableName,\n    hasFallback\n  };\n}\n\n/**\n * Specialized CSS variable traversal for SLDS variables\n * Finds var(--slds-*) functions and reports their fallback status\n */\nexport function forEachSldsVariable(\n  valueText: string,\n  callback: (variableInfo: CssVariableInfo, positionInfo: PositionInfo) => void\n): void {\n  forEachValue(valueText, extractSldsVariable, () => false, callback);\n}\n\n/**\n * Format multiple hook suggestions for better readability\n * @param hooks - Array of hook names to format\n * @returns Formatted string with hooks\n */\nexport function formatSuggestionHooks(hooks: string[]): string {\n  if (hooks.length === 1) {\n    return `${hooks[0]}`;\n  }\n\n  // Loop through hooks and append each as a numbered list item with line breaks\n  return '\\n' + hooks.map((hook, index) => `${index + 1}. ${hook}`).join('\\n');\n}"],
+  "mappings": "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",
   "names": ["import_css_tree"]
 }