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

package/build/utils/node.js

@@ -0,0 +1,158 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/node.ts
+var node_exports = {};
+__export(node_exports, {
+  codeToLines: () => codeToLines,
+  findAttr: () => findAttr,
+  getLocBetween: () => getLocBetween,
+  getTemplateTokens: () => getTemplateTokens,
+  isAttributesEmpty: () => isAttributesEmpty,
+  isComment: () => isComment,
+  isExpressionInTemplate: () => isExpressionInTemplate,
+  isNodeTokensOnSameLine: () => isNodeTokensOnSameLine,
+  isOverlapWithTemplates: () => isOverlapWithTemplates,
+  isRangesOverlap: () => isRangesOverlap,
+  isTag: () => isTag,
+  isText: () => isText,
+  splitToLineNodes: () => splitToLineNodes
+});
+module.exports = __toCommonJS(node_exports);
+var import_parser = require("@html-eslint/parser");
+function findAttr(node, key) {
+  return node.attributes.find(
+    (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()
+  );
+}
+function isAttributesEmpty(node) {
+  return !node.attributes || node.attributes.length <= 0;
+}
+function isNodeTokensOnSameLine(node) {
+  return node.loc.start.line === node.loc.end.line;
+}
+function isRangesOverlap(rangeA, rangeB) {
+  return rangeA[0] < rangeB[1] && rangeB[0] < rangeA[1];
+}
+function isOverlapWithTemplates(templates, range) {
+  return templates.filter((template) => template.isTemplate).some((template) => isRangesOverlap(template.range, range));
+}
+function splitToLineNodes(node) {
+  let start = node.range[0];
+  let line = node.loc.start.line;
+  const startCol = node.loc.start.column;
+  const lineNodes = [];
+  const templates = node.templates || [];
+  function shouldSkipIndentCheck(range) {
+    const overlappedTemplates = templates.filter(
+      (template) => template.isTemplate && isRangesOverlap(template.range, range)
+    );
+    const isLineInTemplate = overlappedTemplates.some((template) => {
+      return template.range[0] <= range[0] && template.range[1] >= range[1];
+    });
+    if (isLineInTemplate) {
+      return true;
+    }
+    const isLineBeforeTemplate = overlappedTemplates.some((template) => {
+      return template.range[0] <= range[0] && template.range[1] <= range[1];
+    });
+    if (isLineBeforeTemplate) {
+      return true;
+    }
+    const isLineAfterTemplate = overlappedTemplates.some((template) => {
+      return template.range[1] <= range[0];
+    });
+    if (isLineAfterTemplate) {
+      return true;
+    }
+    return false;
+  }
+  node.value.split("\n").forEach((value, index) => {
+    const columnStart = index === 0 ? startCol : 0;
+    const range = [start, start + value.length];
+    const loc = {
+      start: {
+        line,
+        column: columnStart
+      },
+      end: {
+        line,
+        column: columnStart + value.length
+      }
+    };
+    const lineNode = {
+      type: "Line",
+      value,
+      range,
+      loc,
+      skipIndentCheck: shouldSkipIndentCheck(range)
+    };
+    start += value.length + 1;
+    line += 1;
+    lineNodes.push(lineNode);
+  });
+  return lineNodes;
+}
+function getLocBetween(before, after) {
+  return {
+    start: before.loc.end,
+    end: after.loc.start
+  };
+}
+function isExpressionInTemplate(node) {
+  if (node.type === import_parser.NODE_TYPES.AttributeValue) {
+    return node.value.indexOf("${") === 0;
+  }
+  return false;
+}
+function isTag(node) {
+  return node.type === import_parser.NODE_TYPES.Tag;
+}
+function isComment(node) {
+  return node.type === import_parser.NODE_TYPES.Comment;
+}
+function isText(node) {
+  return node.type === import_parser.NODE_TYPES.Text;
+}
+var lineBreakPattern = /\r\n|[\r\n\u2028\u2029]/u;
+var lineEndingPattern = new RegExp(lineBreakPattern.source, "gu");
+function codeToLines(source) {
+  return source.split(lineEndingPattern);
+}
+function getTemplateTokens(tokens) {
+  return [].concat(
+    ...tokens.map((token) => token["templates"] || [])
+  ).filter((token) => token.isTemplate);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  codeToLines,
+  findAttr,
+  getLocBetween,
+  getTemplateTokens,
+  isAttributesEmpty,
+  isComment,
+  isExpressionInTemplate,
+  isNodeTokensOnSameLine,
+  isOverlapWithTemplates,
+  isRangesOverlap,
+  isTag,
+  isText,
+  splitToLineNodes
+});
+//# sourceMappingURL=node.js.map

package/build/{rules/utils → utils}/node.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/rules/utils/node.ts"],
-  "sourcesContent": ["// THIS IS TAKEN FROM html-eslint\n\nimport { NODE_TYPES } from \"@html-eslint/parser\";\n\n\n/**\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @param {string} key\n * @returns {AttributeNode | undefined}\n */\nfunction findAttr(node, key) {\n  return node.attributes.find(\n    (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()\n  );\n}\n\n/**\n * Checks whether a node's attributes is empty or not.\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @returns {boolean}\n */\nfunction isAttributesEmpty(node) {\n  return !node.attributes || node.attributes.length <= 0;\n}\n\n/**\n * Checks whether a node's all tokens are on the same line or not.\n * @param {AnyNode} node A node to check\n * @returns {boolean} `true` if a node's tokens are on the same line, otherwise `false`.\n */\nfunction isNodeTokensOnSameLine(node) {\n  return node.loc.start.line === node.loc.end.line;\n}\n\n/**\n *\n * @param {Range} rangeA\n * @param {Range} rangeB\n * @returns {boolean}\n */\nfunction isRangesOverlap(rangeA, rangeB) {\n  return rangeA[0] < rangeB[1] && rangeB[0] < rangeA[1];\n}\n\n/**\n * @param {(TextNode | CommentContentNode)['templates']} templates\n * @param {Range} range\n * @returns {boolean}\n */\nfunction isOverlapWithTemplates(templates, range) {\n  return templates\n    .filter((template) => template.isTemplate)\n    .some((template) => isRangesOverlap(template.range, range));\n}\n\n/**\n *\n * @param {TextNode | CommentContentNode} node\n * @returns {LineNode[]}\n */\nfunction splitToLineNodes(node) {\n  let start = node.range[0];\n  let line = node.loc.start.line;\n  const startCol = node.loc.start.column;\n  /**\n   * @type {LineNode[]}\n   */\n  const lineNodes = [];\n  const templates = node.templates || [];\n  /**\n   *\n   * @param {import(\"../../types\").Range} range\n   */\n  function shouldSkipIndentCheck(range) {\n    const overlappedTemplates = templates.filter(\n      (template) =>\n        template.isTemplate && isRangesOverlap(template.range, range)\n    );\n\n    const isLineInTemplate = overlappedTemplates.some((template) => {\n      return template.range[0] <= range[0] && template.range[1] >= range[1];\n    });\n    if (isLineInTemplate) {\n      return true;\n    }\n    const isLineBeforeTemplate = overlappedTemplates.some((template) => {\n      return template.range[0] <= range[0] && template.range[1] <= range[1];\n    });\n    if (isLineBeforeTemplate) {\n      return true;\n    }\n    const isLineAfterTemplate = overlappedTemplates.some((template) => {\n      return template.range[1] <= range[0];\n    });\n    if (isLineAfterTemplate) {\n      return true;\n    }\n    return false;\n  }\n\n  node.value.split(\"\\n\").forEach((value, index) => {\n    const columnStart = index === 0 ? startCol : 0;\n    /**\n     * @type {import(\"../../types\").Range}\n     */\n    const range = [start, start + value.length];\n    const loc = {\n      start: {\n        line,\n        column: columnStart,\n      },\n      end: {\n        line,\n        column: columnStart + value.length,\n      },\n    };\n    /**\n     * @type {LineNode}\n     */\n    const lineNode = {\n      type: \"Line\",\n      value,\n      range,\n      loc,\n      skipIndentCheck: shouldSkipIndentCheck(range),\n    };\n\n    start += value.length + 1;\n    line += 1;\n\n    lineNodes.push(lineNode);\n  });\n\n  return lineNodes;\n}\n\n/**\n * Get location between two nodes.\n * @param {BaseNode} before A node placed in before\n * @param {BaseNode} after A node placed in after\n * @returns {Location} location between two nodes.\n */\nfunction getLocBetween(before, after) {\n  return {\n    start: before.loc.end,\n    end: after.loc.start,\n  };\n}\n\n/**\n * @param {AttributeValueNode} node\n * @return {boolean}\n */\nfunction isExpressionInTemplate(node) {\n  if (node.type === NODE_TYPES.AttributeValue) {\n    return node.value.indexOf(\"${\") === 0;\n  }\n  return false;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TagNode}\n */\nfunction isTag(node) {\n  return node.type === NODE_TYPES.Tag;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is CommentNode}\n */\nfunction isComment(node) {\n  return node.type === NODE_TYPES.Comment;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TextNode}\n */\nfunction isText(node) {\n  return node.type === NODE_TYPES.Text;\n}\n\nconst lineBreakPattern = /\\r\\n|[\\r\\n\\u2028\\u2029]/u;\nconst lineEndingPattern = new RegExp(lineBreakPattern.source, \"gu\");\n/**\n * @param {string} source\n * @returns {string[]}\n */\nfunction codeToLines(source) {\n  return source.split(lineEndingPattern);\n}\n\n/**\n *\n * @param {AnyToken[]} tokens\n * @returns {((CommentContentNode | TextNode)['templates'][number])[]}\n */\nfunction getTemplateTokens(tokens) {\n  return (\n    []\n      .concat(\n        ...tokens\n          // @ts-ignore\n          .map((token) => token[\"templates\"] || [])\n      )\n      // @ts-ignore\n      .filter((token) => token.isTemplate)\n  );\n}\n\nexport {\n  findAttr,\n  isAttributesEmpty,\n  isNodeTokensOnSameLine,\n  splitToLineNodes,\n  getLocBetween,\n  isExpressionInTemplate,\n  isTag,\n  isComment,\n  isText,\n  isOverlapWithTemplates,\n  codeToLines,\n  isRangesOverlap,\n  getTemplateTokens,\n};\n"],
+  "sources": ["../../src/utils/node.ts"],
+  "sourcesContent": ["// THIS IS TAKEN FROM html-eslint\n\nimport { NODE_TYPES } from \"@html-eslint/parser\";\n\n\n/**\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @param {string} key\n * @returns {AttributeNode | undefined}\n */\nfunction findAttr(node, key) {\n  return node.attributes.find(\n    (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()\n  );\n}\n\n/**\n * Checks whether a node's attributes is empty or not.\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @returns {boolean}\n */\nfunction isAttributesEmpty(node) {\n  return !node.attributes || node.attributes.length <= 0;\n}\n\n/**\n * Checks whether a node's all tokens are on the same line or not.\n * @param {AnyNode} node A node to check\n * @returns {boolean} `true` if a node's tokens are on the same line, otherwise `false`.\n */\nfunction isNodeTokensOnSameLine(node) {\n  return node.loc.start.line === node.loc.end.line;\n}\n\n/**\n *\n * @param {Range} rangeA\n * @param {Range} rangeB\n * @returns {boolean}\n */\nfunction isRangesOverlap(rangeA, rangeB) {\n  return rangeA[0] < rangeB[1] && rangeB[0] < rangeA[1];\n}\n\n/**\n * @param {(TextNode | CommentContentNode)['templates']} templates\n * @param {Range} range\n * @returns {boolean}\n */\nfunction isOverlapWithTemplates(templates, range) {\n  return templates\n    .filter((template) => template.isTemplate)\n    .some((template) => isRangesOverlap(template.range, range));\n}\n\n/**\n *\n * @param {TextNode | CommentContentNode} node\n * @returns {LineNode[]}\n */\nfunction splitToLineNodes(node) {\n  let start = node.range[0];\n  let line = node.loc.start.line;\n  const startCol = node.loc.start.column;\n  /**\n   * @type {LineNode[]}\n   */\n  const lineNodes = [];\n  const templates = node.templates || [];\n  /**\n   *\n   * @param {import(\"../../types\").Range} range\n   */\n  function shouldSkipIndentCheck(range) {\n    const overlappedTemplates = templates.filter(\n      (template) =>\n        template.isTemplate && isRangesOverlap(template.range, range)\n    );\n\n    const isLineInTemplate = overlappedTemplates.some((template) => {\n      return template.range[0] <= range[0] && template.range[1] >= range[1];\n    });\n    if (isLineInTemplate) {\n      return true;\n    }\n    const isLineBeforeTemplate = overlappedTemplates.some((template) => {\n      return template.range[0] <= range[0] && template.range[1] <= range[1];\n    });\n    if (isLineBeforeTemplate) {\n      return true;\n    }\n    const isLineAfterTemplate = overlappedTemplates.some((template) => {\n      return template.range[1] <= range[0];\n    });\n    if (isLineAfterTemplate) {\n      return true;\n    }\n    return false;\n  }\n\n  node.value.split(\"\\n\").forEach((value, index) => {\n    const columnStart = index === 0 ? startCol : 0;\n    /**\n     * @type {import(\"../../types\").Range}\n     */\n    const range = [start, start + value.length];\n    const loc = {\n      start: {\n        line,\n        column: columnStart,\n      },\n      end: {\n        line,\n        column: columnStart + value.length,\n      },\n    };\n    /**\n     * @type {LineNode}\n     */\n    const lineNode = {\n      type: \"Line\",\n      value,\n      range,\n      loc,\n      skipIndentCheck: shouldSkipIndentCheck(range),\n    };\n\n    start += value.length + 1;\n    line += 1;\n\n    lineNodes.push(lineNode);\n  });\n\n  return lineNodes;\n}\n\n/**\n * Get location between two nodes.\n * @param {BaseNode} before A node placed in before\n * @param {BaseNode} after A node placed in after\n * @returns {Location} location between two nodes.\n */\nfunction getLocBetween(before, after) {\n  return {\n    start: before.loc.end,\n    end: after.loc.start,\n  };\n}\n\n/**\n * @param {AttributeValueNode} node\n * @return {boolean}\n */\nfunction isExpressionInTemplate(node) {\n  if (node.type === NODE_TYPES.AttributeValue) {\n    return node.value.indexOf(\"${\") === 0;\n  }\n  return false;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TagNode}\n */\nfunction isTag(node) {\n  return node.type === NODE_TYPES.Tag;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is CommentNode}\n */\nfunction isComment(node) {\n  return node.type === NODE_TYPES.Comment;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TextNode}\n */\nfunction isText(node) {\n  return node.type === NODE_TYPES.Text;\n}\n\nconst lineBreakPattern = /\\r\\n|[\\r\\n\\u2028\\u2029]/u;\nconst lineEndingPattern = new RegExp(lineBreakPattern.source, \"gu\");\n/**\n * @param {string} source\n * @returns {string[]}\n */\nfunction codeToLines(source) {\n  return source.split(lineEndingPattern);\n}\n\n/**\n *\n * @param {AnyToken[]} tokens\n * @returns {((CommentContentNode | TextNode)['templates'][number])[]}\n */\nfunction getTemplateTokens(tokens) {\n  return (\n    []\n      .concat(\n        ...tokens\n          // @ts-ignore\n          .map((token) => token[\"templates\"] || [])\n      )\n      // @ts-ignore\n      .filter((token) => token.isTemplate)\n  );\n}\n\nexport {\n  findAttr,\n  isAttributesEmpty,\n  isNodeTokensOnSameLine,\n  splitToLineNodes,\n  getLocBetween,\n  isExpressionInTemplate,\n  isTag,\n  isComment,\n  isText,\n  isOverlapWithTemplates,\n  codeToLines,\n  isRangesOverlap,\n  getTemplateTokens,\n};"],
   "mappings": "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",
   "names": []
 }

package/build/utils/property-matcher.js

@@ -0,0 +1,159 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/property-matcher.ts
+var property_matcher_exports = {};
+__export(property_matcher_exports, {
+  colorProperties: () => colorProperties,
+  densificationProperties: () => densificationProperties,
+  fontProperties: () => fontProperties,
+  isBorderColorProperty: () => isBorderColorProperty,
+  isBorderRadius: () => isBorderRadius,
+  isBorderWidthProperty: () => isBorderWidthProperty,
+  isDimensionProperty: () => isDimensionProperty,
+  isInsetProperty: () => isInsetProperty,
+  isMarginProperty: () => isMarginProperty,
+  isPaddingProperty: () => isPaddingProperty,
+  matchesCssProperty: () => matchesCssProperty,
+  resolvePropertyToMatch: () => resolvePropertyToMatch,
+  toSelector: () => toSelector
+});
+module.exports = __toCommonJS(property_matcher_exports);
+function matchesCssProperty(hookProperties, cssProperty) {
+  return hookProperties.some((propertyPattern) => {
+    const regexPattern = new RegExp(
+      "^" + propertyPattern.replace(/\*/g, ".*") + "$"
+    );
+    return regexPattern.test(cssProperty);
+  });
+}
+var DIRECTION_VALUES = "(?:top|right|bottom|left|inline|block|inline-start|inline-end|start|end|block-start|block-end)";
+var CORNER_VALUES = "(?:top-left|top-right|bottom-right|bottom-left|start-start|start-end|end-start|end-end)";
+var INSET_VALUES = "(?:inline|block|inline-start|inline-end|block-start|block-end)";
+var BORDER_COLOR_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-color$`);
+var BORDER_WIDTH_REGEX = new RegExp(`^border(?:-${DIRECTION_VALUES})?-width$`);
+var MARGIN_REGEX = new RegExp(`^margin(?:-${DIRECTION_VALUES})?$`);
+var PADDING_REGEX = new RegExp(`^padding(?:-${DIRECTION_VALUES})?$`);
+var BORDER_RADIUS_REGEX = new RegExp(`^border(?:-${CORNER_VALUES})?-radius$`);
+var INSET_REGEX = new RegExp(`^inset(?:-${INSET_VALUES})?$`);
+function isBorderColorProperty(cssProperty) {
+  return BORDER_COLOR_REGEX.test(cssProperty);
+}
+function isBorderWidthProperty(cssProperty) {
+  return BORDER_WIDTH_REGEX.test(cssProperty);
+}
+function isMarginProperty(cssProperty) {
+  return MARGIN_REGEX.test(cssProperty);
+}
+function isPaddingProperty(cssProperty) {
+  return PADDING_REGEX.test(cssProperty);
+}
+function isBorderRadius(cssProperty) {
+  return BORDER_RADIUS_REGEX.test(cssProperty);
+}
+function isDimensionProperty(cssProperty) {
+  return ["width", "height", "min-width", "max-width", "min-height", "max-height"].includes(cssProperty);
+}
+function isInsetProperty(cssProperty) {
+  return INSET_REGEX.test(cssProperty);
+}
+var fontProperties = [
+  "font",
+  "font-size",
+  "font-weight"
+];
+var colorProperties = [
+  "color",
+  "fill",
+  "background",
+  "background-color",
+  "stroke",
+  "border",
+  "border*",
+  "border*-color",
+  "outline",
+  "outline-color"
+];
+var densificationProperties = [
+  "border*",
+  "margin*",
+  "padding*",
+  "width",
+  "height",
+  "min-width",
+  "max-width",
+  "min-height",
+  "max-height",
+  "inset",
+  "top",
+  "right",
+  "left",
+  "bottom",
+  "outline",
+  "outline-width",
+  "line-height"
+];
+function toSelector(properties) {
+  const selectorParts = properties.map((prop) => {
+    if (prop.includes("*")) {
+      const regexPattern = prop.replace(/\*/g, ".*");
+      return `Declaration[property=/${regexPattern}$/]`;
+    } else {
+      return `Declaration[property='${prop}']`;
+    }
+  });
+  return selectorParts.join(", ");
+}
+function resolvePropertyToMatch(cssProperty) {
+  const propertyToMatch = cssProperty.toLowerCase();
+  if (propertyToMatch === "outline" || propertyToMatch === "outline-width" || isBorderWidthProperty(propertyToMatch)) {
+    return "border-width";
+  } else if (isMarginProperty(propertyToMatch)) {
+    return "margin";
+  } else if (isPaddingProperty(propertyToMatch)) {
+    return "padding";
+  } else if (isBorderRadius(propertyToMatch)) {
+    return "border-radius";
+  } else if (isDimensionProperty(propertyToMatch)) {
+    return "width";
+  } else if (isInsetProperty(propertyToMatch)) {
+    return "top";
+  } else if (cssProperty === "background" || cssProperty === "background-color") {
+    return "background-color";
+  } else if (cssProperty === "outline" || cssProperty === "outline-color" || isBorderColorProperty(cssProperty)) {
+    return "border-color";
+  }
+  return propertyToMatch;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colorProperties,
+  densificationProperties,
+  fontProperties,
+  isBorderColorProperty,
+  isBorderRadius,
+  isBorderWidthProperty,
+  isDimensionProperty,
+  isInsetProperty,
+  isMarginProperty,
+  isPaddingProperty,
+  matchesCssProperty,
+  resolvePropertyToMatch,
+  toSelector
+});
+//# sourceMappingURL=property-matcher.js.map

package/build/utils/property-matcher.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/property-matcher.ts"],
+  "sourcesContent": ["///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}"],
+  "mappings": "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",
+  "names": []
+}

package/build/utils/styling-hook-utils.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/styling-hook-utils.ts
+var styling_hook_utils_exports = {};
+__export(styling_hook_utils_exports, {
+  getStylingHooksForDensityValue: () => getStylingHooksForDensityValue
+});
+module.exports = __toCommonJS(styling_hook_utils_exports);
+
+// src/utils/value-utils.ts
+function parseUnitValue(value) {
+  if (!value) return null;
+  const match = value.match(/^(-?\d*\.?\d+)(px|rem|%)?$/);
+  if (!match) return null;
+  const number = parseFloat(match[1]);
+  const unit = match[2] ? match[2] : null;
+  if (isNaN(number)) return null;
+  return { number, unit };
+}
+function toAlternateUnitValue(numberVal, unitType) {
+  if (unitType === "px") {
+    let floatValue = parseFloat(`${numberVal / 16}`);
+    if (!isNaN(floatValue)) {
+      return {
+        unit: "rem",
+        number: parseFloat(floatValue.toFixed(4))
+      };
+    }
+  } else if (unitType === "rem") {
+    const intValue = parseInt(`${numberVal * 16}`);
+    if (!isNaN(intValue)) {
+      return {
+        unit: "px",
+        number: intValue
+      };
+    }
+  }
+  return null;
+}
+
+// src/utils/styling-hook-utils.ts
+function isValueMatch(valueToMatch, sldsValue) {
+  if (!valueToMatch || !sldsValue) {
+    return false;
+  }
+  return valueToMatch.unit == sldsValue.unit && valueToMatch.number === sldsValue.number;
+}
+function getStylingHooksForDensityValue(parsedValue, supportedStylinghooks, cssProperty) {
+  if (!parsedValue) return [];
+  const alternateValue = toAlternateUnitValue(parsedValue.number, parsedValue.unit);
+  const matchedHooks = [];
+  for (const [sldsValue, hooks] of Object.entries(supportedStylinghooks)) {
+    const parsedSldsValue = parseUnitValue(sldsValue);
+    if (isValueMatch(parsedValue, parsedSldsValue) || alternateValue && isValueMatch(alternateValue, parsedSldsValue)) {
+      hooks.filter((hook) => hook.properties.includes(cssProperty)).forEach((hook) => matchedHooks.push(hook.name));
+    }
+  }
+  return matchedHooks;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStylingHooksForDensityValue
+});
+//# sourceMappingURL=styling-hook-utils.js.map

package/build/utils/styling-hook-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/styling-hook-utils.ts", "../../src/utils/value-utils.ts"],
+  "sourcesContent": ["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}", "// 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}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC4CO,SAAS,eAAe,OAAgC;AAC7D,MAAI,CAAC,MAAO,QAAO;AAGnB,QAAM,QAAQ,MAAM,MAAM,4BAA4B;AACtD,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,SAAS,WAAW,MAAM,CAAC,CAAC;AAClC,QAAM,OAAO,MAAM,CAAC,IAAK,MAAM,CAAC,IAA2B;AAE3D,MAAI,MAAM,MAAM,EAAG,QAAO;AAE1B,SAAO,EAAE,QAAQ,KAAK;AACxB;AAEO,SAAS,qBAAqB,WAAmB,UAAsD;AAC1G,MAAI,aAAa,MAAM;AACrB,QAAI,aAAa,WAAW,GAAG,YAAY,EAAE,EAAE;AAC/C,QAAI,CAAC,MAAM,UAAU,GAAG;AACtB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,QAAQ,WAAW,WAAW,QAAQ,CAAC,CAAC;AAAA,MAC1C;AAAA,IACF;AAAA,EACF,WAAW,aAAa,OAAO;AAC7B,UAAM,WAAW,SAAS,GAAG,YAAY,EAAE,EAAE;AAC7C,QAAI,CAAC,MAAM,QAAQ,GAAG;AACpB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACX;;;AD5EA,SAAS,aAAa,cAA+B,WAAqC;AACxF,MAAI,CAAC,gBAAgB,CAAC,WAAW;AAC/B,WAAO;AAAA,EACT;AACA,SAAO,aAAa,QAAQ,UAAU,QAAQ,aAAa,WAAW,UAAU;AAClF;AAMO,SAAS,+BACd,aACA,uBACA,aACU;AACV,MAAI,CAAC,YAAa,QAAO,CAAC;AAE1B,QAAM,iBAAiB,qBAAqB,YAAY,QAAQ,YAAY,IAAI;AAChF,QAAM,eAAe,CAAC;AAEtB,aAAW,CAAC,WAAW,KAAK,KAAK,OAAO,QAAQ,qBAAqB,GAAG;AAEtE,UAAM,kBAAkB,eAAe,SAAS;AAChD,QAAI,aAAa,aAAa,eAAe,KAAM,kBAAkB,aAAa,gBAAgB,eAAe,GAAI;AACnH,YACG,OAAO,CAAC,SAAkC,KAAK,WAAW,SAAS,WAAW,CAAC,EAC/E,QAAQ,CAAC,SAAS,aAAa,KAAK,KAAK,IAAI,CAAC;AAAA,IACnD;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/build/utils/value-utils.js

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/value-utils.ts
+var value_utils_exports = {};
+__export(value_utils_exports, {
+  isGlobalValue: () => isGlobalValue,
+  parseUnitValue: () => parseUnitValue,
+  toAlternateUnitValue: () => toAlternateUnitValue
+});
+module.exports = __toCommonJS(value_utils_exports);
+function isGlobalValue(value) {
+  return value === "initial" || value === "inherit" || value === "unset" || value === "revert" || value === "revert-layer";
+}
+function parseUnitValue(value) {
+  if (!value) return null;
+  const match = value.match(/^(-?\d*\.?\d+)(px|rem|%)?$/);
+  if (!match) return null;
+  const number = parseFloat(match[1]);
+  const unit = match[2] ? match[2] : null;
+  if (isNaN(number)) return null;
+  return { number, unit };
+}
+function toAlternateUnitValue(numberVal, unitType) {
+  if (unitType === "px") {
+    let floatValue = parseFloat(`${numberVal / 16}`);
+    if (!isNaN(floatValue)) {
+      return {
+        unit: "rem",
+        number: parseFloat(floatValue.toFixed(4))
+      };
+    }
+  } else if (unitType === "rem") {
+    const intValue = parseInt(`${numberVal * 16}`);
+    if (!isNaN(intValue)) {
+      return {
+        unit: "px",
+        number: intValue
+      };
+    }
+  }
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isGlobalValue,
+  parseUnitValue,
+  toAlternateUnitValue
+});
+//# sourceMappingURL=value-utils.js.map

package/build/utils/value-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/value-utils.ts"],
+  "sourcesContent": ["// 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}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCO,SAAS,cAAc,OAAwB;AAClD,SAAO,UAAU,aAAa,UAAU,aAAa,UAAU,WAAW,UAAU,YAAY,UAAU;AAC5G;AAOK,SAAS,eAAe,OAAgC;AAC7D,MAAI,CAAC,MAAO,QAAO;AAGnB,QAAM,QAAQ,MAAM,MAAM,4BAA4B;AACtD,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,SAAS,WAAW,MAAM,CAAC,CAAC;AAClC,QAAM,OAAO,MAAM,CAAC,IAAK,MAAM,CAAC,IAA2B;AAE3D,MAAI,MAAM,MAAM,EAAG,QAAO;AAE1B,SAAO,EAAE,QAAQ,KAAK;AACxB;AAEO,SAAS,qBAAqB,WAAmB,UAAsD;AAC1G,MAAI,aAAa,MAAM;AACrB,QAAI,aAAa,WAAW,GAAG,YAAY,EAAE,EAAE;AAC/C,QAAI,CAAC,MAAM,UAAU,GAAG;AACtB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,QAAQ,WAAW,WAAW,QAAQ,CAAC,CAAC;AAAA,MAC1C;AAAA,IACF;AAAA,EACF,WAAW,aAAa,OAAO;AAC7B,UAAM,WAAW,SAAS,GAAG,YAAY,EAAE,EAAE;AAC7C,QAAI,CAAC,MAAM,QAAQ,GAAG;AACpB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACX;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce-ux/eslint-plugin-slds",
-  "version": "0.5.2",
+  "version": "1.0.0-internal-alpha.0",
   "main": "build/index.js",
   "exports": {
     ".": {
@@ -11,13 +11,15 @@
     "./config": {
       "import": "./eslint.config.mjs",
       "require": "./eslint.config.mjs"
-    }
+    },
+    "./rule-messages.yml": "./src/config/rule-messages.yml"
   },
   "files": [
     "build/**",
     "README.md",
     "RULES.md",
-    "eslint.config.mjs"
+    "eslint.config.mjs",
+    "src/config/rule-messages.yml"
   ],
   "engines": {
     "node": ">=18.18.0"
@@ -32,9 +34,12 @@
   "license": "ISC",
   "description": "ESLint plugin provides custom linting rules specifically built for Salesforce Lightning Design System 2 (SLDS 2 beta)",
   "dependencies": {
+    "@eslint/css": "^0.9.0",
+    "@eslint/css-tree": "^3.6.5",
     "@html-eslint/eslint-plugin": "^0.34.0",
     "@html-eslint/parser": "^0.34.0",
-    "@salesforce-ux/sds-metadata": "^0.3.3"
+    "@salesforce-ux/sds-metadata": "^0.3.3",
+    "chroma-js": "^3.1.2"
   },
   "peerDependencies": {
     "eslint": "^8.0.0 || ^9.0.0"