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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/build/config/rule-messages.d.ts +2 -0
  2. package/build/config/rule-messages.js +197 -0
  3. package/build/config/rule-messages.js.map +7 -0
  4. package/build/index.js +40 -2471
  5. package/build/index.js.map +4 -4
  6. package/build/rules/enforce-bem-usage.js +16 -232
  7. package/build/rules/enforce-bem-usage.js.map +4 -4
  8. package/build/rules/modal-close-button-issue.js +11 -183
  9. package/build/rules/modal-close-button-issue.js.map +4 -4
  10. package/build/rules/no-deprecated-classes-slds2.js +4 -176
  11. package/build/rules/no-deprecated-classes-slds2.js.map +4 -4
  12. package/build/rules/v9/enforce-bem-usage.js +1 -161
  13. package/build/rules/v9/enforce-bem-usage.js.map +4 -4
  14. package/build/rules/v9/enforce-component-hook-naming-convention.js +1 -161
  15. package/build/rules/v9/enforce-component-hook-naming-convention.js.map +4 -4
  16. package/build/rules/v9/enforce-sds-to-slds-hooks.js +1 -161
  17. package/build/rules/v9/enforce-sds-to-slds-hooks.js.map +4 -4
  18. package/build/rules/v9/lwc-token-to-slds-hook.js +4 -262
  19. package/build/rules/v9/lwc-token-to-slds-hook.js.map +4 -4
  20. package/build/rules/v9/no-deprecated-slds-classes.js +1 -161
  21. package/build/rules/v9/no-deprecated-slds-classes.js.map +4 -4
  22. package/build/rules/v9/no-deprecated-tokens-slds1.js +29 -168
  23. package/build/rules/v9/no-deprecated-tokens-slds1.js.map +4 -4
  24. package/build/rules/v9/no-hardcoded-values/handlers/boxShadowHandler.js +9 -289
  25. package/build/rules/v9/no-hardcoded-values/handlers/boxShadowHandler.js.map +4 -4
  26. package/build/rules/v9/no-hardcoded-values/handlers/colorHandler.js +13 -283
  27. package/build/rules/v9/no-hardcoded-values/handlers/colorHandler.js.map +4 -4
  28. package/build/rules/v9/no-hardcoded-values/handlers/densityHandler.js +12 -328
  29. package/build/rules/v9/no-hardcoded-values/handlers/densityHandler.js.map +4 -4
  30. package/build/rules/v9/no-hardcoded-values/handlers/fontHandler.js +13 -309
  31. package/build/rules/v9/no-hardcoded-values/handlers/fontHandler.js.map +4 -4
  32. package/build/rules/v9/no-hardcoded-values/handlers/index.js +8 -875
  33. package/build/rules/v9/no-hardcoded-values/handlers/index.js.map +4 -4
  34. package/build/rules/v9/no-hardcoded-values/no-hardcoded-values-slds1.js +3 -1208
  35. package/build/rules/v9/no-hardcoded-values/no-hardcoded-values-slds1.js.map +4 -4
  36. package/build/rules/v9/no-hardcoded-values/no-hardcoded-values-slds2.js +3 -1208
  37. package/build/rules/v9/no-hardcoded-values/no-hardcoded-values-slds2.js.map +4 -4
  38. package/build/rules/v9/no-hardcoded-values/noHardcodedValueRule.js +22 -993
  39. package/build/rules/v9/no-hardcoded-values/noHardcodedValueRule.js.map +4 -4
  40. package/build/rules/v9/no-slds-class-overrides.js +1 -161
  41. package/build/rules/v9/no-slds-class-overrides.js.map +4 -4
  42. package/build/rules/v9/no-slds-namespace-for-custom-hooks.js +3 -252
  43. package/build/rules/v9/no-slds-namespace-for-custom-hooks.js.map +4 -4
  44. package/build/rules/v9/no-slds-private-var.js +1 -161
  45. package/build/rules/v9/no-slds-private-var.js.map +4 -4
  46. package/build/rules/v9/no-slds-var-without-fallback.js +3 -255
  47. package/build/rules/v9/no-slds-var-without-fallback.js.map +4 -4
  48. package/build/rules/v9/no-sldshook-fallback-for-lwctoken.js +1 -161
  49. package/build/rules/v9/no-sldshook-fallback-for-lwctoken.js.map +4 -4
  50. package/build/rules/v9/no-unsupported-hooks-slds2.js +1 -161
  51. package/build/rules/v9/no-unsupported-hooks-slds2.js.map +4 -4
  52. package/build/rules/v9/reduce-annotations.js +1 -161
  53. package/build/rules/v9/reduce-annotations.js.map +4 -4
  54. package/build/{src/utils → utils}/boxShadowValueParser.d.ts +1 -1
  55. package/build/utils/boxShadowValueParser.js +63 -93
  56. package/build/utils/boxShadowValueParser.js.map +4 -4
  57. package/build/utils/color-lib-utils.js +2 -29
  58. package/build/utils/color-lib-utils.js.map +3 -3
  59. package/build/{src/utils → utils}/css-utils.d.ts +7 -0
  60. package/build/utils/css-utils.js +10 -71
  61. package/build/utils/css-utils.js.map +4 -4
  62. package/build/utils/hardcoded-shared-utils.js +17 -82
  63. package/build/utils/hardcoded-shared-utils.js.map +4 -4
  64. package/build/utils/property-matcher.js +2 -2
  65. package/build/utils/property-matcher.js.map +2 -2
  66. package/build/utils/styling-hook-utils.js +16 -39
  67. package/build/utils/styling-hook-utils.js.map +3 -3
  68. package/build/{src/utils → utils}/value-utils.d.ts +2 -2
  69. package/build/utils/value-utils.js +8 -8
  70. package/build/utils/value-utils.js.map +2 -2
  71. package/package.json +5 -10
  72. package/src/config/rule-messages.yml +0 -143
  73. /package/build/{src/index.d.ts → index.d.ts} +0 -0
  74. /package/build/{src/rules → rules}/enforce-bem-usage.d.ts +0 -0
  75. /package/build/{src/rules → rules}/modal-close-button-issue.d.ts +0 -0
  76. /package/build/{src/rules → rules}/no-deprecated-classes-slds2.d.ts +0 -0
  77. /package/build/{src/rules → rules}/v9/enforce-bem-usage.d.ts +0 -0
  78. /package/build/{src/rules → rules}/v9/enforce-component-hook-naming-convention.d.ts +0 -0
  79. /package/build/{src/rules → rules}/v9/enforce-sds-to-slds-hooks.d.ts +0 -0
  80. /package/build/{src/rules → rules}/v9/lwc-token-to-slds-hook.d.ts +0 -0
  81. /package/build/{src/rules → rules}/v9/no-deprecated-slds-classes.d.ts +0 -0
  82. /package/build/{src/rules → rules}/v9/no-deprecated-tokens-slds1.d.ts +0 -0
  83. /package/build/{src/rules → rules}/v9/no-hardcoded-values/handlers/boxShadowHandler.d.ts +0 -0
  84. /package/build/{src/rules → rules}/v9/no-hardcoded-values/handlers/colorHandler.d.ts +0 -0
  85. /package/build/{src/rules → rules}/v9/no-hardcoded-values/handlers/densityHandler.d.ts +0 -0
  86. /package/build/{src/rules → rules}/v9/no-hardcoded-values/handlers/fontHandler.d.ts +0 -0
  87. /package/build/{src/rules → rules}/v9/no-hardcoded-values/handlers/index.d.ts +0 -0
  88. /package/build/{src/rules → rules}/v9/no-hardcoded-values/no-hardcoded-values-slds1.d.ts +0 -0
  89. /package/build/{src/rules → rules}/v9/no-hardcoded-values/no-hardcoded-values-slds2.d.ts +0 -0
  90. /package/build/{src/rules → rules}/v9/no-hardcoded-values/noHardcodedValueRule.d.ts +0 -0
  91. /package/build/{src/rules → rules}/v9/no-hardcoded-values/ruleOptionsSchema.d.ts +0 -0
  92. /package/build/{src/rules → rules}/v9/no-slds-class-overrides.d.ts +0 -0
  93. /package/build/{src/rules → rules}/v9/no-slds-namespace-for-custom-hooks.d.ts +0 -0
  94. /package/build/{src/rules → rules}/v9/no-slds-private-var.d.ts +0 -0
  95. /package/build/{src/rules → rules}/v9/no-slds-var-without-fallback.d.ts +0 -0
  96. /package/build/{src/rules → rules}/v9/no-sldshook-fallback-for-lwctoken.d.ts +0 -0
  97. /package/build/{src/rules → rules}/v9/no-unsupported-hooks-slds2.d.ts +0 -0
  98. /package/build/{src/rules → rules}/v9/reduce-annotations.d.ts +0 -0
  99. /package/build/{src/types → types}/index.d.ts +0 -0
  100. /package/build/{src/utils → utils}/color-lib-utils.d.ts +0 -0
  101. /package/build/{src/utils → utils}/css-functions.d.ts +0 -0
  102. /package/build/{src/utils → utils}/custom-mapping-utils.d.ts +0 -0
  103. /package/build/{src/utils → utils}/hardcoded-shared-utils.d.ts +0 -0
  104. /package/build/{src/utils → utils}/node.d.ts +0 -0
  105. /package/build/{src/utils → utils}/property-matcher.d.ts +0 -0
  106. /package/build/{src/utils → utils}/rule-utils.d.ts +0 -0
  107. /package/build/{src/utils → utils}/styling-hook-utils.d.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["yaml-file:rule-messages.yml", "../../src/utils/node.ts", "../../src/rules/modal-close-button-issue.ts"],
4
- "sourcesContent": ["module.exports = {\n \"no-slds-class-overrides\": {\n \"description\": \"Create new custom CSS classes instead of overriding SLDS selectors\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides\",\n \"type\": \"problem\",\n \"messages\": {\n \"sldsClassOverride\": \"Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button.\"\n }\n },\n \"no-deprecated-slds-classes\": {\n \"description\": \"Please replace the deprecated classes with a modern equivalent\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecatedClass\": \"The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class.\"\n }\n },\n \"no-deprecated-tokens-slds1\": {\n \"description\": \"Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecatedToken\": \"Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.\",\n \"noReplacement\": \"Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.\"\n }\n },\n \"enforce-sds-to-slds-hooks\": {\n \"description\": \"Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks\",\n \"type\": \"problem\",\n \"messages\": {\n \"replaceSdsWithSlds\": \"Replace {{oldValue}} with {{suggestedMatch}} styling hook.\"\n }\n },\n \"enforce-bem-usage\": {\n \"description\": \"Replace BEM double-dash syntax in class names with single underscore syntax\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage\",\n \"type\": \"problem\",\n \"messages\": {\n \"bemDoubleDash\": \"{{actual}} has been retired. Update it to the new name {{newValue}}.\",\n \"fixBemNaming\": \"Update to correct BEM naming convention\"\n }\n },\n \"modal-close-button-issue\": {\n \"description\": \"Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue\",\n \"type\": \"problem\",\n \"messages\": {\n \"modalCloseButtonIssue\": \"Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.\",\n \"removeClass\": \"Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.\",\n \"changeVariant\": \"Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.\",\n \"removeVariant\": \"Remove the variant attribute from the <lightning-icon> component inside the <button> element.\",\n \"ensureButtonClasses\": \"Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.\",\n \"ensureSizeAttribute\": \"To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components.\"\n }\n },\n \"no-deprecated-classes-slds2\": {\n \"description\": \"Replace classes that aren't available with SLDS 2 classes\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecatedClass\": \"The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.\",\n \"updateToModernClass\": \"Replace deprecated class with modern equivalent\",\n \"checkDocumentation\": \"See lightningdesignsystem.com for SLDS 2 class alternatives\"\n }\n },\n \"lwc-token-to-slds-hook\": {\n \"description\": \"Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook\",\n \"type\": \"problem\",\n \"messages\": {\n \"errorWithReplacement\": \"The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.\",\n \"errorWithStyleHooks\": \"The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.\",\n \"errorWithNoRecommendation\": \"The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com.\"\n }\n },\n \"no-sldshook-fallback-for-lwctoken\": {\n \"description\": \"Avoid using --slds styling hooks as fallback values for --lwc tokens.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken\",\n \"type\": \"problem\",\n \"messages\": {\n \"unsupportedFallback\": \"Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}.\"\n }\n },\n \"no-unsupported-hooks-slds2\": {\n \"description\": \"Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecated\": \"The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect.\"\n }\n },\n \"no-slds-var-without-fallback\": {\n \"description\": \"Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback\",\n \"type\": \"problem\",\n \"messages\": {\n \"varWithoutFallback\": \"Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com.\"\n }\n },\n \"no-slds-namespace-for-custom-hooks\": {\n \"description\": \"To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks\",\n \"type\": \"problem\",\n \"messages\": {\n \"customHookNamespace\": \"Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}\"\n }\n },\n \"no-slds-private-var\": {\n \"description\": \"Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var\",\n \"type\": \"problem\",\n \"messages\": {\n \"privateVar\": \"This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com.\"\n }\n },\n \"enforce-component-hook-naming-convention\": {\n \"description\": \"Replace component styling hooks that use a deprecated naming convention.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention\",\n \"type\": \"problem\",\n \"messages\": {\n \"replace\": \"Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}.\"\n }\n },\n \"no-hardcoded-values-slds1\": {\n \"description\": \"Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value\",\n \"type\": \"suggestion\",\n \"messages\": {\n \"hardcodedValue\": \"Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.\",\n \"noReplacement\": \"There's no replacement styling hook for the {{oldValue}} static value. Remove the static value.\"\n }\n },\n \"no-hardcoded-values-slds2\": {\n \"description\": \"Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-values-slds2\",\n \"type\": \"suggestion\",\n \"messages\": {\n \"hardcodedValue\": \"Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.\",\n \"noReplacement\": \"There's no replacement styling hook for the {{oldValue}} static value. Remove the static value.\"\n }\n },\n \"reduce-annotations\": {\n \"description\": \"Remove your annotations and update your code.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations\",\n \"type\": \"problem\",\n \"messages\": {\n \"removeAnnotation\": \"Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/\"\n }\n }\n};", "// THIS IS TAKEN FROM html-eslint\n\nimport { NODE_TYPES } from \"@html-eslint/parser\";\n\n\n/**\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @param {string} key\n * @returns {AttributeNode | undefined}\n */\nfunction findAttr(node, key) {\n return node.attributes.find(\n (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()\n );\n}\n\n/**\n * Checks whether a node's attributes is empty or not.\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @returns {boolean}\n */\nfunction isAttributesEmpty(node) {\n return !node.attributes || node.attributes.length <= 0;\n}\n\n/**\n * Checks whether a node's all tokens are on the same line or not.\n * @param {AnyNode} node A node to check\n * @returns {boolean} `true` if a node's tokens are on the same line, otherwise `false`.\n */\nfunction isNodeTokensOnSameLine(node) {\n return node.loc.start.line === node.loc.end.line;\n}\n\n/**\n *\n * @param {Range} rangeA\n * @param {Range} rangeB\n * @returns {boolean}\n */\nfunction isRangesOverlap(rangeA, rangeB) {\n return rangeA[0] < rangeB[1] && rangeB[0] < rangeA[1];\n}\n\n/**\n * @param {(TextNode | CommentContentNode)['templates']} templates\n * @param {Range} range\n * @returns {boolean}\n */\nfunction isOverlapWithTemplates(templates, range) {\n return templates\n .filter((template) => template.isTemplate)\n .some((template) => isRangesOverlap(template.range, range));\n}\n\n/**\n *\n * @param {TextNode | CommentContentNode} node\n * @returns {LineNode[]}\n */\nfunction splitToLineNodes(node) {\n let start = node.range[0];\n let line = node.loc.start.line;\n const startCol = node.loc.start.column;\n /**\n * @type {LineNode[]}\n */\n const lineNodes = [];\n const templates = node.templates || [];\n /**\n *\n * @param {import(\"../../types\").Range} range\n */\n function shouldSkipIndentCheck(range) {\n const overlappedTemplates = templates.filter(\n (template) =>\n template.isTemplate && isRangesOverlap(template.range, range)\n );\n\n const isLineInTemplate = overlappedTemplates.some((template) => {\n return template.range[0] <= range[0] && template.range[1] >= range[1];\n });\n if (isLineInTemplate) {\n return true;\n }\n const isLineBeforeTemplate = overlappedTemplates.some((template) => {\n return template.range[0] <= range[0] && template.range[1] <= range[1];\n });\n if (isLineBeforeTemplate) {\n return true;\n }\n const isLineAfterTemplate = overlappedTemplates.some((template) => {\n return template.range[1] <= range[0];\n });\n if (isLineAfterTemplate) {\n return true;\n }\n return false;\n }\n\n node.value.split(\"\\n\").forEach((value, index) => {\n const columnStart = index === 0 ? startCol : 0;\n /**\n * @type {import(\"../../types\").Range}\n */\n const range = [start, start + value.length];\n const loc = {\n start: {\n line,\n column: columnStart,\n },\n end: {\n line,\n column: columnStart + value.length,\n },\n };\n /**\n * @type {LineNode}\n */\n const lineNode = {\n type: \"Line\",\n value,\n range,\n loc,\n skipIndentCheck: shouldSkipIndentCheck(range),\n };\n\n start += value.length + 1;\n line += 1;\n\n lineNodes.push(lineNode);\n });\n\n return lineNodes;\n}\n\n/**\n * Get location between two nodes.\n * @param {BaseNode} before A node placed in before\n * @param {BaseNode} after A node placed in after\n * @returns {Location} location between two nodes.\n */\nfunction getLocBetween(before, after) {\n return {\n start: before.loc.end,\n end: after.loc.start,\n };\n}\n\n/**\n * @param {AttributeValueNode} node\n * @return {boolean}\n */\nfunction isExpressionInTemplate(node) {\n if (node.type === NODE_TYPES.AttributeValue) {\n return node.value.indexOf(\"${\") === 0;\n }\n return false;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TagNode}\n */\nfunction isTag(node) {\n return node.type === NODE_TYPES.Tag;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is CommentNode}\n */\nfunction isComment(node) {\n return node.type === NODE_TYPES.Comment;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TextNode}\n */\nfunction isText(node) {\n return node.type === NODE_TYPES.Text;\n}\n\nconst lineBreakPattern = /\\r\\n|[\\r\\n\\u2028\\u2029]/u;\nconst lineEndingPattern = new RegExp(lineBreakPattern.source, \"gu\");\n/**\n * @param {string} source\n * @returns {string[]}\n */\nfunction codeToLines(source) {\n return source.split(lineEndingPattern);\n}\n\n/**\n *\n * @param {AnyToken[]} tokens\n * @returns {((CommentContentNode | TextNode)['templates'][number])[]}\n */\nfunction getTemplateTokens(tokens) {\n return (\n []\n .concat(\n ...tokens\n // @ts-ignore\n .map((token) => token[\"templates\"] || [])\n )\n // @ts-ignore\n .filter((token) => token.isTemplate)\n );\n}\n\nexport {\n findAttr,\n isAttributesEmpty,\n isNodeTokensOnSameLine,\n splitToLineNodes,\n getLocBetween,\n isExpressionInTemplate,\n isTag,\n isComment,\n isText,\n isOverlapWithTemplates,\n codeToLines,\n isRangesOverlap,\n getTemplateTokens,\n};", "import { Rule } from 'eslint';\nimport { findAttr, isAttributesEmpty } from \"../utils/node\";\nimport ruleMessages from '../config/rule-messages.yml';\n\nconst ruleConfig = ruleMessages['modal-close-button-issue'];\n\n// This rule specific to CVS, find more details here https://issues.salesforce.com/issue/a028c00000zh1iqAAA/modal-close-button-is-not-visible-with-the-new-white-background-after-winter-25-release\nexport = {\n meta: {\n type: ruleConfig.type,\n docs: {\n category: \"Best Practices\",\n recommended: true,\n description: ruleConfig.description,\n url: ruleConfig.url\n },\n fixable: \"code\",\n schema: [],\n messages: ruleConfig.messages,\n },\n\n create(context) {\n function check(node) {\n if (isAttributesEmpty(node)) {\n return;\n }\n\n const tagName = node.name;\n\n // \u2705 Scenario 1: Remove 'slds-button_icon-inverse' from <button> \n // (optional) when the parent of the button has class name `slds-modal`\n // and also button should have class `slds-modal__close`\n if (tagName === \"button\") {\n const classAttr = findAttr(node, \"class\");\n if (classAttr && classAttr.value) {\n const classList = classAttr.value.value.split(/\\s+/);\n\n // \u2705 Ensure button has \"slds-modal__close\" before proceeding\n if (!classList.includes(\"slds-modal__close\")) {\n return; // Stop execution if the class is missing\n }\n\n if (classList.includes(\"slds-button_icon-inverse\") || classList.includes(\"slds-button--icon-inverse\")) {\n const newClassList = classList\n .filter((cls) => (cls !== \"slds-button_icon-inverse\" && cls !== \"slds-button--icon-inverse\"))\n .join(\" \");\n context.report({\n node,\n loc: classAttr.loc,\n messageId: \"removeClass\",\n fix(fixer) { \n return fixer.replaceText(classAttr, // Replace the full attribute\n `class=\"${newClassList}\"` // Updated class list\n );\n },\n });\n }\n }\n }\n\n // \u2705 Scenario 2: Fix <lightning-button-icon> and this should have class `slds-modal__close`\n if (tagName === \"lightning-button-icon\" || tagName === \"lightning:buttonIcon\") {\n const variantAttr = findAttr(node, \"variant\");\n const sizeAttr = findAttr(node, \"size\");\n const classAttr = findAttr(node, \"class\");\n const iconClassAttr = findAttr(node, \"icon-class\"); // \uD83D\uDD0D Check for icon-class attribute\n \n function validateClassAttr(attribute, attrName) {\n if (attribute && attribute.value) {\n const classList = attribute.value.value.split(/\\s+/);\n\n // Irrespective of whether we are checking for class or icon-class we need to check whether the attribute is present or not.\n // \u2705 Ensure \"slds-modal__close\" exists before proceeding\n if(!classAttr?.value?.value?.includes(\"slds-modal__close\"))\n {\n return;\n }\n \n // \u2705 Ensure \"slds-modal__close\" exists before proceeding\n // if (!classList.includes(\"slds-modal__close\")) {\n // return; // Stop execution if the class is missing\n // }\n \n // Remove inverse classes\n if (classList.includes(\"slds-button_icon-inverse\") || classList.includes(\"slds-button--icon-inverse\")) {\n const newClassList = classList\n .filter((cls) => cls !== \"slds-button_icon-inverse\" && cls !== \"slds-button--icon-inverse\")\n .join(\" \");\n context.report({\n node,\n loc: attribute.loc,\n messageId: \"removeClass\",\n fix(fixer) {\n return fixer.replaceText(attribute, // Replace the full attribute\n `${attrName}=\"${newClassList}\"` // Correctly modifies the respective attribute\n );\n },\n });\n }\n \n // Ensure 'slds-button' and 'slds-button_icon' exist\n if (!classList.includes(\"slds-button\") || !classList.includes(\"slds-button_icon\")) {\n let newClassList;\n if(attrName === 'icon-class'){\n newClassList = [\n ...classList.filter((cls) => cls !== \"slds-button_icon-inverse\"),\n ].join(\" \");\n }else{\n newClassList = [\n \"slds-button\",\n \"slds-button_icon\",\n ...classList.filter((cls) => cls !== \"slds-button_icon-inverse\"),\n ].join(\" \");\n }\n context.report({\n node: attribute,\n loc: attribute.value.loc,\n messageId: \"ensureButtonClasses\",\n fix(fixer) {\n return fixer.replaceText(attribute.value, `${newClassList}`);\n },\n });}\n \n // Fix variant=\"bare-inverse\" to \"bare\"\n if (variantAttr && variantAttr.value && variantAttr.value.value === \"bare-inverse\") {\n context.report({\n node: variantAttr,\n messageId: \"changeVariant\",\n loc: variantAttr.value.loc,\n fix(fixer) {\n return fixer.replaceText(variantAttr.value, `bare`);\n },\n });\n }\n \n // Ensure size=\"large\" exists\n // if (!sizeAttr) {\n // context.report({\n // node,\n // message: messages[\"ensureSizeAttribute\"],\n // fix(fixer) {\n // if (variantAttr) {\n // return fixer.insertTextAfterRange([variantAttr.range[1], variantAttr.range[1]], ' size=\"large\"');\n // }\n // },\n // });\n // }\n }\n }\n \n // \u2705 Validate `class` and `icon-class` separately, maintaining their own attribute names\n validateClassAttr(classAttr, \"class\");\n validateClassAttr(iconClassAttr, \"icon-class\");\n }\n\n // \u2705 Scenario 3: Fix <lightning-icon> inside <button> & the class name of the parent name as button and it should have `slds-modal__close`\n if ((tagName === \"lightning-icon\" || tagName === \"lightning:icon\") && node.parent?.name === \"button\") {\n const parentClassAttr = findAttr(node.parent, \"class\");\n if (parentClassAttr && parentClassAttr.value) {\n const parentClassList = parentClassAttr.value.value.split(/\\s+/);\n\n // \u2705 Ensure the parent <button> has \"slds-modal__close\" before proceeding\n if (!parentClassList.includes(\"slds-modal__close\")) {\n return; // Stop execution if the class is missing\n }\n const variantAttr = findAttr(node, \"variant\");\n const sizeAttr = findAttr(node, \"size\");\n\n // Fix variant=\"bare-inverse\" to \"bare\"\n if (variantAttr && variantAttr.value && variantAttr.value.value === \"bare-inverse\") {\n context.report({\n node: variantAttr,\n messageId: \"changeVariant\",\n loc: variantAttr.value.loc,\n fix(fixer) {\n return fixer.replaceText(variantAttr.value, `bare`);\n },\n });\n }\n\n // // Remove variant attribute completely\n // if (variantAttr) {\n // context.report({\n // node: variantAttr,\n // messageId: \"removeVariant\",\n // fix(fixer) {\n // return fixer.remove(variantAttr);\n // },\n // });\n // }\n\n //Ensure size=\"large\" is set\n // if (!sizeAttr) {\n // context.report({\n // node,\n // message: messages[\"ensureSizeAttribute\"],\n // fix(fixer) {\n // //return fixer.insertTextAfter(node, ' size=\"large\"');\n // if(variantAttr)\n // {\n // return fixer.insertTextAfterRange([variantAttr.range[1], variantAttr.range[1]], ' size=\"large\"')\n // }\n // },\n // });\n // }\n }\n }\n }\n return {\n Tag: check,\n };\n },\n};"],
5
- "mappings": "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",
6
- "names": ["exports", "module", "ruleMessages"]
3
+ "sources": ["../../src/rules/modal-close-button-issue.ts"],
4
+ "sourcesContent": ["import { Rule } from 'eslint';\nimport { findAttr, isAttributesEmpty } from \"../utils/node\";\nimport ruleMessages from '../config/rule-messages';\n\nconst ruleConfig = ruleMessages['modal-close-button-issue'];\n\n// This rule specific to CVS, find more details here https://issues.salesforce.com/issue/a028c00000zh1iqAAA/modal-close-button-is-not-visible-with-the-new-white-background-after-winter-25-release\nexport = {\n meta: {\n type: ruleConfig.type,\n docs: {\n category: \"Best Practices\",\n recommended: true,\n description: ruleConfig.description,\n url: ruleConfig.url\n },\n fixable: \"code\",\n schema: [],\n messages: ruleConfig.messages,\n },\n\n create(context) {\n function check(node) {\n if (isAttributesEmpty(node)) {\n return;\n }\n\n const tagName = node.name;\n\n // \u2705 Scenario 1: Remove 'slds-button_icon-inverse' from <button> \n // (optional) when the parent of the button has class name `slds-modal`\n // and also button should have class `slds-modal__close`\n if (tagName === \"button\") {\n const classAttr = findAttr(node, \"class\");\n if (classAttr && classAttr.value) {\n const classList = classAttr.value.value.split(/\\s+/);\n\n // \u2705 Ensure button has \"slds-modal__close\" before proceeding\n if (!classList.includes(\"slds-modal__close\")) {\n return; // Stop execution if the class is missing\n }\n\n if (classList.includes(\"slds-button_icon-inverse\") || classList.includes(\"slds-button--icon-inverse\")) {\n const newClassList = classList\n .filter((cls) => (cls !== \"slds-button_icon-inverse\" && cls !== \"slds-button--icon-inverse\"))\n .join(\" \");\n context.report({\n node,\n loc: classAttr.loc,\n messageId: \"removeClass\",\n fix(fixer) { \n return fixer.replaceText(classAttr, // Replace the full attribute\n `class=\"${newClassList}\"` // Updated class list\n );\n },\n });\n }\n }\n }\n\n // \u2705 Scenario 2: Fix <lightning-button-icon> and this should have class `slds-modal__close`\n if (tagName === \"lightning-button-icon\" || tagName === \"lightning:buttonIcon\") {\n const variantAttr = findAttr(node, \"variant\");\n const sizeAttr = findAttr(node, \"size\");\n const classAttr = findAttr(node, \"class\");\n const iconClassAttr = findAttr(node, \"icon-class\"); // \uD83D\uDD0D Check for icon-class attribute\n \n function validateClassAttr(attribute, attrName) {\n if (attribute && attribute.value) {\n const classList = attribute.value.value.split(/\\s+/);\n\n // Irrespective of whether we are checking for class or icon-class we need to check whether the attribute is present or not.\n // \u2705 Ensure \"slds-modal__close\" exists before proceeding\n if(!classAttr?.value?.value?.includes(\"slds-modal__close\"))\n {\n return;\n }\n \n // \u2705 Ensure \"slds-modal__close\" exists before proceeding\n // if (!classList.includes(\"slds-modal__close\")) {\n // return; // Stop execution if the class is missing\n // }\n \n // Remove inverse classes\n if (classList.includes(\"slds-button_icon-inverse\") || classList.includes(\"slds-button--icon-inverse\")) {\n const newClassList = classList\n .filter((cls) => cls !== \"slds-button_icon-inverse\" && cls !== \"slds-button--icon-inverse\")\n .join(\" \");\n context.report({\n node,\n loc: attribute.loc,\n messageId: \"removeClass\",\n fix(fixer) {\n return fixer.replaceText(attribute, // Replace the full attribute\n `${attrName}=\"${newClassList}\"` // Correctly modifies the respective attribute\n );\n },\n });\n }\n \n // Ensure 'slds-button' and 'slds-button_icon' exist\n if (!classList.includes(\"slds-button\") || !classList.includes(\"slds-button_icon\")) {\n let newClassList;\n if(attrName === 'icon-class'){\n newClassList = [\n ...classList.filter((cls) => cls !== \"slds-button_icon-inverse\"),\n ].join(\" \");\n }else{\n newClassList = [\n \"slds-button\",\n \"slds-button_icon\",\n ...classList.filter((cls) => cls !== \"slds-button_icon-inverse\"),\n ].join(\" \");\n }\n context.report({\n node: attribute,\n loc: attribute.value.loc,\n messageId: \"ensureButtonClasses\",\n fix(fixer) {\n return fixer.replaceText(attribute.value, `${newClassList}`);\n },\n });}\n \n // Fix variant=\"bare-inverse\" to \"bare\"\n if (variantAttr && variantAttr.value && variantAttr.value.value === \"bare-inverse\") {\n context.report({\n node: variantAttr,\n messageId: \"changeVariant\",\n loc: variantAttr.value.loc,\n fix(fixer) {\n return fixer.replaceText(variantAttr.value, `bare`);\n },\n });\n }\n \n // Ensure size=\"large\" exists\n // if (!sizeAttr) {\n // context.report({\n // node,\n // message: messages[\"ensureSizeAttribute\"],\n // fix(fixer) {\n // if (variantAttr) {\n // return fixer.insertTextAfterRange([variantAttr.range[1], variantAttr.range[1]], ' size=\"large\"');\n // }\n // },\n // });\n // }\n }\n }\n \n // \u2705 Validate `class` and `icon-class` separately, maintaining their own attribute names\n validateClassAttr(classAttr, \"class\");\n validateClassAttr(iconClassAttr, \"icon-class\");\n }\n\n // \u2705 Scenario 3: Fix <lightning-icon> inside <button> & the class name of the parent name as button and it should have `slds-modal__close`\n if ((tagName === \"lightning-icon\" || tagName === \"lightning:icon\") && node.parent?.name === \"button\") {\n const parentClassAttr = findAttr(node.parent, \"class\");\n if (parentClassAttr && parentClassAttr.value) {\n const parentClassList = parentClassAttr.value.value.split(/\\s+/);\n\n // \u2705 Ensure the parent <button> has \"slds-modal__close\" before proceeding\n if (!parentClassList.includes(\"slds-modal__close\")) {\n return; // Stop execution if the class is missing\n }\n const variantAttr = findAttr(node, \"variant\");\n const sizeAttr = findAttr(node, \"size\");\n\n // Fix variant=\"bare-inverse\" to \"bare\"\n if (variantAttr && variantAttr.value && variantAttr.value.value === \"bare-inverse\") {\n context.report({\n node: variantAttr,\n messageId: \"changeVariant\",\n loc: variantAttr.value.loc,\n fix(fixer) {\n return fixer.replaceText(variantAttr.value, `bare`);\n },\n });\n }\n\n // // Remove variant attribute completely\n // if (variantAttr) {\n // context.report({\n // node: variantAttr,\n // messageId: \"removeVariant\",\n // fix(fixer) {\n // return fixer.remove(variantAttr);\n // },\n // });\n // }\n\n //Ensure size=\"large\" is set\n // if (!sizeAttr) {\n // context.report({\n // node,\n // message: messages[\"ensureSizeAttribute\"],\n // fix(fixer) {\n // //return fixer.insertTextAfter(node, ' size=\"large\"');\n // if(variantAttr)\n // {\n // return fixer.insertTextAfterRange([variantAttr.range[1], variantAttr.range[1]], ' size=\"large\"')\n // }\n // },\n // });\n // }\n }\n }\n }\n return {\n Tag: check,\n };\n },\n};"],
5
+ "mappings": "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",
6
+ "names": ["ruleMessages"]
7
7
  }
@@ -4,9 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __getProtoOf = Object.getPrototypeOf;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __commonJS = (cb, mod) => function __require() {
8
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9
- };
10
7
  var __copyProps = (to, from, except, desc) => {
11
8
  if (from && typeof from === "object" || typeof from === "function") {
12
9
  for (let key of __getOwnPropNames(from))
@@ -24,179 +21,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
21
  mod
25
22
  ));
26
23
 
27
- // yaml-file:rule-messages.yml
28
- var require_rule_messages = __commonJS({
29
- "yaml-file:rule-messages.yml"(exports2, module2) {
30
- module2.exports = {
31
- "no-slds-class-overrides": {
32
- "description": "Create new custom CSS classes instead of overriding SLDS selectors",
33
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides",
34
- "type": "problem",
35
- "messages": {
36
- "sldsClassOverride": "Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button."
37
- }
38
- },
39
- "no-deprecated-slds-classes": {
40
- "description": "Please replace the deprecated classes with a modern equivalent",
41
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes",
42
- "type": "problem",
43
- "messages": {
44
- "deprecatedClass": "The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class."
45
- }
46
- },
47
- "no-deprecated-tokens-slds1": {
48
- "description": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.",
49
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1",
50
- "type": "problem",
51
- "messages": {
52
- "deprecatedToken": "Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.",
53
- "noReplacement": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com."
54
- }
55
- },
56
- "enforce-sds-to-slds-hooks": {
57
- "description": "Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.",
58
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks",
59
- "type": "problem",
60
- "messages": {
61
- "replaceSdsWithSlds": "Replace {{oldValue}} with {{suggestedMatch}} styling hook."
62
- }
63
- },
64
- "enforce-bem-usage": {
65
- "description": "Replace BEM double-dash syntax in class names with single underscore syntax",
66
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage",
67
- "type": "problem",
68
- "messages": {
69
- "bemDoubleDash": "{{actual}} has been retired. Update it to the new name {{newValue}}.",
70
- "fixBemNaming": "Update to correct BEM naming convention"
71
- }
72
- },
73
- "modal-close-button-issue": {
74
- "description": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint",
75
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue",
76
- "type": "problem",
77
- "messages": {
78
- "modalCloseButtonIssue": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.",
79
- "removeClass": "Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.",
80
- "changeVariant": "Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.",
81
- "removeVariant": "Remove the variant attribute from the <lightning-icon> component inside the <button> element.",
82
- "ensureButtonClasses": "Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.",
83
- "ensureSizeAttribute": "To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components."
84
- }
85
- },
86
- "no-deprecated-classes-slds2": {
87
- "description": "Replace classes that aren't available with SLDS 2 classes",
88
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2",
89
- "type": "problem",
90
- "messages": {
91
- "deprecatedClass": "The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.",
92
- "updateToModernClass": "Replace deprecated class with modern equivalent",
93
- "checkDocumentation": "See lightningdesignsystem.com for SLDS 2 class alternatives"
94
- }
95
- },
96
- "lwc-token-to-slds-hook": {
97
- "description": "Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.",
98
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook",
99
- "type": "problem",
100
- "messages": {
101
- "errorWithReplacement": "The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
102
- "errorWithStyleHooks": "The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
103
- "errorWithNoRecommendation": "The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com."
104
- }
105
- },
106
- "no-sldshook-fallback-for-lwctoken": {
107
- "description": "Avoid using --slds styling hooks as fallback values for --lwc tokens.",
108
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken",
109
- "type": "problem",
110
- "messages": {
111
- "unsupportedFallback": "Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}."
112
- }
113
- },
114
- "no-unsupported-hooks-slds2": {
115
- "description": "Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.",
116
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2",
117
- "type": "problem",
118
- "messages": {
119
- "deprecated": "The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect."
120
- }
121
- },
122
- "no-slds-var-without-fallback": {
123
- "description": "Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.",
124
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback",
125
- "type": "problem",
126
- "messages": {
127
- "varWithoutFallback": "Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com."
128
- }
129
- },
130
- "no-slds-namespace-for-custom-hooks": {
131
- "description": "To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.",
132
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks",
133
- "type": "problem",
134
- "messages": {
135
- "customHookNamespace": "Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}"
136
- }
137
- },
138
- "no-slds-private-var": {
139
- "description": "Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.",
140
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var",
141
- "type": "problem",
142
- "messages": {
143
- "privateVar": "This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com."
144
- }
145
- },
146
- "enforce-component-hook-naming-convention": {
147
- "description": "Replace component styling hooks that use a deprecated naming convention.",
148
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention",
149
- "type": "problem",
150
- "messages": {
151
- "replace": "Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}."
152
- }
153
- },
154
- "no-hardcoded-values-slds1": {
155
- "description": "Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.",
156
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value",
157
- "type": "suggestion",
158
- "messages": {
159
- "hardcodedValue": "Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.",
160
- "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
161
- }
162
- },
163
- "no-hardcoded-values-slds2": {
164
- "description": "Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.",
165
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-values-slds2",
166
- "type": "suggestion",
167
- "messages": {
168
- "hardcodedValue": "Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.",
169
- "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
170
- }
171
- },
172
- "reduce-annotations": {
173
- "description": "Remove your annotations and update your code.",
174
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations",
175
- "type": "problem",
176
- "messages": {
177
- "removeAnnotation": "Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/"
178
- }
179
- }
180
- };
181
- }
182
- });
183
-
184
- // src/utils/node.ts
185
- var import_parser = require("@html-eslint/parser");
186
- function findAttr(node, key) {
187
- return node.attributes.find(
188
- (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()
189
- );
190
- }
191
- function isAttributesEmpty(node) {
192
- return !node.attributes || node.attributes.length <= 0;
193
- }
194
- var lineBreakPattern = /\r\n|[\r\n\u2028\u2029]/u;
195
- var lineEndingPattern = new RegExp(lineBreakPattern.source, "gu");
196
-
197
24
  // src/rules/no-deprecated-classes-slds2.ts
25
+ var import_node = require("../utils/node");
198
26
  var import_next = __toESM(require("@salesforce-ux/sds-metadata/next"));
199
- var import_rule_messages = __toESM(require_rule_messages());
27
+ var import_rule_messages = __toESM(require("../config/rule-messages"));
200
28
  var deprecatedClasses = import_next.default.deprecatedClasses;
201
29
  var ruleConfig = import_rule_messages.default["no-deprecated-classes-slds2"];
202
30
  module.exports = {
@@ -213,10 +41,10 @@ module.exports = {
213
41
  },
214
42
  create(context) {
215
43
  function check(node) {
216
- if (isAttributesEmpty(node)) {
44
+ if ((0, import_node.isAttributesEmpty)(node)) {
217
45
  return;
218
46
  }
219
- const classAttr = findAttr(node, "class");
47
+ const classAttr = (0, import_node.findAttr)(node, "class");
220
48
  if (classAttr && classAttr.value) {
221
49
  const classNames = classAttr.value.value.split(/\s+/);
222
50
  classNames.forEach((className) => {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["yaml-file:rule-messages.yml", "../../src/utils/node.ts", "../../src/rules/no-deprecated-classes-slds2.ts"],
4
- "sourcesContent": ["module.exports = {\n \"no-slds-class-overrides\": {\n \"description\": \"Create new custom CSS classes instead of overriding SLDS selectors\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides\",\n \"type\": \"problem\",\n \"messages\": {\n \"sldsClassOverride\": \"Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button.\"\n }\n },\n \"no-deprecated-slds-classes\": {\n \"description\": \"Please replace the deprecated classes with a modern equivalent\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecatedClass\": \"The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class.\"\n }\n },\n \"no-deprecated-tokens-slds1\": {\n \"description\": \"Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecatedToken\": \"Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.\",\n \"noReplacement\": \"Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.\"\n }\n },\n \"enforce-sds-to-slds-hooks\": {\n \"description\": \"Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks\",\n \"type\": \"problem\",\n \"messages\": {\n \"replaceSdsWithSlds\": \"Replace {{oldValue}} with {{suggestedMatch}} styling hook.\"\n }\n },\n \"enforce-bem-usage\": {\n \"description\": \"Replace BEM double-dash syntax in class names with single underscore syntax\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage\",\n \"type\": \"problem\",\n \"messages\": {\n \"bemDoubleDash\": \"{{actual}} has been retired. Update it to the new name {{newValue}}.\",\n \"fixBemNaming\": \"Update to correct BEM naming convention\"\n }\n },\n \"modal-close-button-issue\": {\n \"description\": \"Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue\",\n \"type\": \"problem\",\n \"messages\": {\n \"modalCloseButtonIssue\": \"Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.\",\n \"removeClass\": \"Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.\",\n \"changeVariant\": \"Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.\",\n \"removeVariant\": \"Remove the variant attribute from the <lightning-icon> component inside the <button> element.\",\n \"ensureButtonClasses\": \"Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.\",\n \"ensureSizeAttribute\": \"To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components.\"\n }\n },\n \"no-deprecated-classes-slds2\": {\n \"description\": \"Replace classes that aren't available with SLDS 2 classes\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecatedClass\": \"The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.\",\n \"updateToModernClass\": \"Replace deprecated class with modern equivalent\",\n \"checkDocumentation\": \"See lightningdesignsystem.com for SLDS 2 class alternatives\"\n }\n },\n \"lwc-token-to-slds-hook\": {\n \"description\": \"Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook\",\n \"type\": \"problem\",\n \"messages\": {\n \"errorWithReplacement\": \"The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.\",\n \"errorWithStyleHooks\": \"The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.\",\n \"errorWithNoRecommendation\": \"The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com.\"\n }\n },\n \"no-sldshook-fallback-for-lwctoken\": {\n \"description\": \"Avoid using --slds styling hooks as fallback values for --lwc tokens.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken\",\n \"type\": \"problem\",\n \"messages\": {\n \"unsupportedFallback\": \"Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}.\"\n }\n },\n \"no-unsupported-hooks-slds2\": {\n \"description\": \"Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2\",\n \"type\": \"problem\",\n \"messages\": {\n \"deprecated\": \"The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect.\"\n }\n },\n \"no-slds-var-without-fallback\": {\n \"description\": \"Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback\",\n \"type\": \"problem\",\n \"messages\": {\n \"varWithoutFallback\": \"Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com.\"\n }\n },\n \"no-slds-namespace-for-custom-hooks\": {\n \"description\": \"To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks\",\n \"type\": \"problem\",\n \"messages\": {\n \"customHookNamespace\": \"Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}\"\n }\n },\n \"no-slds-private-var\": {\n \"description\": \"Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var\",\n \"type\": \"problem\",\n \"messages\": {\n \"privateVar\": \"This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com.\"\n }\n },\n \"enforce-component-hook-naming-convention\": {\n \"description\": \"Replace component styling hooks that use a deprecated naming convention.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention\",\n \"type\": \"problem\",\n \"messages\": {\n \"replace\": \"Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}.\"\n }\n },\n \"no-hardcoded-values-slds1\": {\n \"description\": \"Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value\",\n \"type\": \"suggestion\",\n \"messages\": {\n \"hardcodedValue\": \"Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.\",\n \"noReplacement\": \"There's no replacement styling hook for the {{oldValue}} static value. Remove the static value.\"\n }\n },\n \"no-hardcoded-values-slds2\": {\n \"description\": \"Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-values-slds2\",\n \"type\": \"suggestion\",\n \"messages\": {\n \"hardcodedValue\": \"Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.\",\n \"noReplacement\": \"There's no replacement styling hook for the {{oldValue}} static value. Remove the static value.\"\n }\n },\n \"reduce-annotations\": {\n \"description\": \"Remove your annotations and update your code.\",\n \"url\": \"https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations\",\n \"type\": \"problem\",\n \"messages\": {\n \"removeAnnotation\": \"Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/\"\n }\n }\n};", "// THIS IS TAKEN FROM html-eslint\n\nimport { NODE_TYPES } from \"@html-eslint/parser\";\n\n\n/**\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @param {string} key\n * @returns {AttributeNode | undefined}\n */\nfunction findAttr(node, key) {\n return node.attributes.find(\n (attr) => attr.key && attr.key.value.toLowerCase() === key.toLowerCase()\n );\n}\n\n/**\n * Checks whether a node's attributes is empty or not.\n * @param {TagNode | ScriptTagNode | StyleTagNode} node\n * @returns {boolean}\n */\nfunction isAttributesEmpty(node) {\n return !node.attributes || node.attributes.length <= 0;\n}\n\n/**\n * Checks whether a node's all tokens are on the same line or not.\n * @param {AnyNode} node A node to check\n * @returns {boolean} `true` if a node's tokens are on the same line, otherwise `false`.\n */\nfunction isNodeTokensOnSameLine(node) {\n return node.loc.start.line === node.loc.end.line;\n}\n\n/**\n *\n * @param {Range} rangeA\n * @param {Range} rangeB\n * @returns {boolean}\n */\nfunction isRangesOverlap(rangeA, rangeB) {\n return rangeA[0] < rangeB[1] && rangeB[0] < rangeA[1];\n}\n\n/**\n * @param {(TextNode | CommentContentNode)['templates']} templates\n * @param {Range} range\n * @returns {boolean}\n */\nfunction isOverlapWithTemplates(templates, range) {\n return templates\n .filter((template) => template.isTemplate)\n .some((template) => isRangesOverlap(template.range, range));\n}\n\n/**\n *\n * @param {TextNode | CommentContentNode} node\n * @returns {LineNode[]}\n */\nfunction splitToLineNodes(node) {\n let start = node.range[0];\n let line = node.loc.start.line;\n const startCol = node.loc.start.column;\n /**\n * @type {LineNode[]}\n */\n const lineNodes = [];\n const templates = node.templates || [];\n /**\n *\n * @param {import(\"../../types\").Range} range\n */\n function shouldSkipIndentCheck(range) {\n const overlappedTemplates = templates.filter(\n (template) =>\n template.isTemplate && isRangesOverlap(template.range, range)\n );\n\n const isLineInTemplate = overlappedTemplates.some((template) => {\n return template.range[0] <= range[0] && template.range[1] >= range[1];\n });\n if (isLineInTemplate) {\n return true;\n }\n const isLineBeforeTemplate = overlappedTemplates.some((template) => {\n return template.range[0] <= range[0] && template.range[1] <= range[1];\n });\n if (isLineBeforeTemplate) {\n return true;\n }\n const isLineAfterTemplate = overlappedTemplates.some((template) => {\n return template.range[1] <= range[0];\n });\n if (isLineAfterTemplate) {\n return true;\n }\n return false;\n }\n\n node.value.split(\"\\n\").forEach((value, index) => {\n const columnStart = index === 0 ? startCol : 0;\n /**\n * @type {import(\"../../types\").Range}\n */\n const range = [start, start + value.length];\n const loc = {\n start: {\n line,\n column: columnStart,\n },\n end: {\n line,\n column: columnStart + value.length,\n },\n };\n /**\n * @type {LineNode}\n */\n const lineNode = {\n type: \"Line\",\n value,\n range,\n loc,\n skipIndentCheck: shouldSkipIndentCheck(range),\n };\n\n start += value.length + 1;\n line += 1;\n\n lineNodes.push(lineNode);\n });\n\n return lineNodes;\n}\n\n/**\n * Get location between two nodes.\n * @param {BaseNode} before A node placed in before\n * @param {BaseNode} after A node placed in after\n * @returns {Location} location between two nodes.\n */\nfunction getLocBetween(before, after) {\n return {\n start: before.loc.end,\n end: after.loc.start,\n };\n}\n\n/**\n * @param {AttributeValueNode} node\n * @return {boolean}\n */\nfunction isExpressionInTemplate(node) {\n if (node.type === NODE_TYPES.AttributeValue) {\n return node.value.indexOf(\"${\") === 0;\n }\n return false;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TagNode}\n */\nfunction isTag(node) {\n return node.type === NODE_TYPES.Tag;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is CommentNode}\n */\nfunction isComment(node) {\n return node.type === NODE_TYPES.Comment;\n}\n\n/**\n * @param {AnyNode} node\n * @returns {node is TextNode}\n */\nfunction isText(node) {\n return node.type === NODE_TYPES.Text;\n}\n\nconst lineBreakPattern = /\\r\\n|[\\r\\n\\u2028\\u2029]/u;\nconst lineEndingPattern = new RegExp(lineBreakPattern.source, \"gu\");\n/**\n * @param {string} source\n * @returns {string[]}\n */\nfunction codeToLines(source) {\n return source.split(lineEndingPattern);\n}\n\n/**\n *\n * @param {AnyToken[]} tokens\n * @returns {((CommentContentNode | TextNode)['templates'][number])[]}\n */\nfunction getTemplateTokens(tokens) {\n return (\n []\n .concat(\n ...tokens\n // @ts-ignore\n .map((token) => token[\"templates\"] || [])\n )\n // @ts-ignore\n .filter((token) => token.isTemplate)\n );\n}\n\nexport {\n findAttr,\n isAttributesEmpty,\n isNodeTokensOnSameLine,\n splitToLineNodes,\n getLocBetween,\n isExpressionInTemplate,\n isTag,\n isComment,\n isText,\n isOverlapWithTemplates,\n codeToLines,\n isRangesOverlap,\n getTemplateTokens,\n};", "import { Rule } from 'eslint';\nimport { findAttr, isAttributesEmpty } from \"../utils/node\";\nimport metadata from '@salesforce-ux/sds-metadata/next';\nimport ruleMessages from '../config/rule-messages.yml';\n\nconst deprecatedClasses = metadata.deprecatedClasses;\nconst ruleConfig = ruleMessages['no-deprecated-classes-slds2'];\n\nexport = {\n meta: {\n type: ruleConfig.type,\n docs: {\n category: \"Best Practices\",\n recommended: true,\n description: ruleConfig.description,\n url: ruleConfig.url\n },\n schema: [],\n messages: ruleConfig.messages,\n },\n\n create(context) {\n\n function check(node) {\n if (isAttributesEmpty(node)) {\n return;\n }\n\n const classAttr = findAttr(node, \"class\");\n if (classAttr && classAttr.value) {\n const classNames = classAttr.value.value.split(/\\s+/);\n classNames.forEach((className) => {\n if (className && deprecatedClasses.includes(className)) {\n // Find the exact location of the problematic class name\n const classNameStart = classAttr.value.value.indexOf(className) +7; // 7 here is for `class= \"`\n const classNameEnd = classNameStart + className.length;\n\n // Use the loc property to get line and column from the class attribute\n const startLoc = {\n line: classAttr.loc.start.line,\n column: classAttr.loc.start.column + classNameStart,\n };\n const endLoc = {\n line: classAttr.loc.start.line,\n column: classAttr.loc.start.column + classNameEnd,\n };\n \n \n context.report({\n node,\n loc: { start: startLoc, end: endLoc },\n messageId: 'deprecatedClass',\n data: {\n className,\n },\n });\n }\n });\n }\n }\n\n return {\n Tag: check,\n };\n },\n};"],
5
- "mappings": "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",
6
- "names": ["exports", "module", "metadata", "ruleMessages"]
3
+ "sources": ["../../src/rules/no-deprecated-classes-slds2.ts"],
4
+ "sourcesContent": ["import { Rule } from 'eslint';\nimport { findAttr, isAttributesEmpty } from \"../utils/node\";\nimport metadata from '@salesforce-ux/sds-metadata/next';\nimport ruleMessages from '../config/rule-messages';\n\nconst deprecatedClasses = metadata.deprecatedClasses;\nconst ruleConfig = ruleMessages['no-deprecated-classes-slds2'];\n\nexport = {\n meta: {\n type: ruleConfig.type,\n docs: {\n category: \"Best Practices\",\n recommended: true,\n description: ruleConfig.description,\n url: ruleConfig.url\n },\n schema: [],\n messages: ruleConfig.messages,\n },\n\n create(context) {\n\n function check(node) {\n if (isAttributesEmpty(node)) {\n return;\n }\n\n const classAttr = findAttr(node, \"class\");\n if (classAttr && classAttr.value) {\n const classNames = classAttr.value.value.split(/\\s+/);\n classNames.forEach((className) => {\n if (className && deprecatedClasses.includes(className)) {\n // Find the exact location of the problematic class name\n const classNameStart = classAttr.value.value.indexOf(className) +7; // 7 here is for `class= \"`\n const classNameEnd = classNameStart + className.length;\n\n // Use the loc property to get line and column from the class attribute\n const startLoc = {\n line: classAttr.loc.start.line,\n column: classAttr.loc.start.column + classNameStart,\n };\n const endLoc = {\n line: classAttr.loc.start.line,\n column: classAttr.loc.start.column + classNameEnd,\n };\n \n \n context.report({\n node,\n loc: { start: startLoc, end: endLoc },\n messageId: 'deprecatedClass',\n data: {\n className,\n },\n });\n }\n });\n }\n }\n\n return {\n Tag: check,\n };\n },\n};"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AACA,kBAA4C;AAC5C,kBAAqB;AACrB,2BAAyB;AAEzB,IAAM,oBAAoB,YAAAA,QAAS;AACnC,IAAM,aAAa,qBAAAC,QAAa,6BAA6B;AAE7D,iBAAS;AAAA,EACP,MAAM;AAAA,IACJ,MAAM,WAAW;AAAA,IACjB,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,aAAa;AAAA,MACb,aAAa,WAAW;AAAA,MACxB,KAAK,WAAW;AAAA,IAClB;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,UAAU,WAAW;AAAA,EACvB;AAAA,EAEA,OAAO,SAAS;AAEd,aAAS,MAAM,MAAM;AACnB,cAAI,+BAAkB,IAAI,GAAG;AAC3B;AAAA,MACF;AAEA,YAAM,gBAAY,sBAAS,MAAM,OAAO;AACxC,UAAI,aAAa,UAAU,OAAO;AAChC,cAAM,aAAa,UAAU,MAAM,MAAM,MAAM,KAAK;AACpD,mBAAW,QAAQ,CAAC,cAAc;AAChC,cAAI,aAAa,kBAAkB,SAAS,SAAS,GAAG;AAEtD,kBAAM,iBAAiB,UAAU,MAAM,MAAM,QAAQ,SAAS,IAAG;AACjE,kBAAM,eAAe,iBAAiB,UAAU;AAGhD,kBAAM,WAAW;AAAA,cACb,MAAM,UAAU,IAAI,MAAM;AAAA,cAC1B,QAAQ,UAAU,IAAI,MAAM,SAAS;AAAA,YACzC;AACA,kBAAM,SAAS;AAAA,cACX,MAAM,UAAU,IAAI,MAAM;AAAA,cAC1B,QAAQ,UAAU,IAAI,MAAM,SAAS;AAAA,YACzC;AAGA,oBAAQ,OAAO;AAAA,cACb;AAAA,cACA,KAAK,EAAE,OAAO,UAAU,KAAK,OAAO;AAAA,cACpC,WAAW;AAAA,cACX,MAAM;AAAA,gBACJ;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AACF;",
6
+ "names": ["metadata", "ruleMessages"]
7
7
  }
@@ -4,9 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __getProtoOf = Object.getPrototypeOf;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __commonJS = (cb, mod) => function __require() {
8
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9
- };
10
7
  var __export = (target, all) => {
11
8
  for (var name in all)
12
9
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -29,163 +26,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
29
26
  ));
30
27
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
28
 
32
- // yaml-file:rule-messages.yml
33
- var require_rule_messages = __commonJS({
34
- "yaml-file:rule-messages.yml"(exports2, module2) {
35
- module2.exports = {
36
- "no-slds-class-overrides": {
37
- "description": "Create new custom CSS classes instead of overriding SLDS selectors",
38
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-class-overrides",
39
- "type": "problem",
40
- "messages": {
41
- "sldsClassOverride": "Overriding .{{className}} isn't supported. To differentiate SLDS and custom classes, create a CSS class in your namespace. Examples: myapp-input, myapp-button."
42
- }
43
- },
44
- "no-deprecated-slds-classes": {
45
- "description": "Please replace the deprecated classes with a modern equivalent",
46
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-slds-classes",
47
- "type": "problem",
48
- "messages": {
49
- "deprecatedClass": "The class {{className}} is deprecated and not available in SLDS2. Please update to a supported class."
50
- }
51
- },
52
- "no-deprecated-tokens-slds1": {
53
- "description": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com.",
54
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-tokens-slds1",
55
- "type": "problem",
56
- "messages": {
57
- "deprecatedToken": "Consider removing {{oldValue}} or replacing it with {{newValue}}. Set the fallback to {{oldValue}}. For more info, see Styling Hooks on lightningdesignsystem.com.",
58
- "noReplacement": "Update outdated design tokens to SLDS 2 styling hooks with similar values. For more information, see Styling Hooks on lightningdesignsystem.com."
59
- }
60
- },
61
- "enforce-sds-to-slds-hooks": {
62
- "description": "Convert your existing --sds styling hooks to --slds styling hooks. See lightningdesignsystem.com for more info.",
63
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-sds-to-slds-hooks",
64
- "type": "problem",
65
- "messages": {
66
- "replaceSdsWithSlds": "Replace {{oldValue}} with {{suggestedMatch}} styling hook."
67
- }
68
- },
69
- "enforce-bem-usage": {
70
- "description": "Replace BEM double-dash syntax in class names with single underscore syntax",
71
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-bem-usage",
72
- "type": "problem",
73
- "messages": {
74
- "bemDoubleDash": "{{actual}} has been retired. Update it to the new name {{newValue}}.",
75
- "fixBemNaming": "Update to correct BEM naming convention"
76
- }
77
- },
78
- "modal-close-button-issue": {
79
- "description": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint",
80
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#modal-close-button-issue",
81
- "type": "problem",
82
- "messages": {
83
- "modalCloseButtonIssue": "Update component attributes or CSS classes for the modal close button to comply with the modal component blueprint.",
84
- "removeClass": "Remove the slds-button_icon-inverse class from the modal close button in components that use the SLDS modal blueprint.",
85
- "changeVariant": "Change the variant attribute value from bare-inverse to bare in <lightning-button-icon> or <lightning-icon>.",
86
- "removeVariant": "Remove the variant attribute from the <lightning-icon> component inside the <button> element.",
87
- "ensureButtonClasses": "Add or move slds-button and slds-button_icon to the class attribute of the <button> element or <lightning-button-icon> component.",
88
- "ensureSizeAttribute": "To size icons properly, set the size attribute \u200Cto large in the <lightning-icon> and <lightning-button-icon> components."
89
- }
90
- },
91
- "no-deprecated-classes-slds2": {
92
- "description": "Replace classes that aren't available with SLDS 2 classes",
93
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-deprecated-classes-slds2",
94
- "type": "problem",
95
- "messages": {
96
- "deprecatedClass": "The class {{className}} isn't available in SLDS 2. Update it to a class supported in SLDS 2. See lightningdesignsystem.com for more information.",
97
- "updateToModernClass": "Replace deprecated class with modern equivalent",
98
- "checkDocumentation": "See lightningdesignsystem.com for SLDS 2 class alternatives"
99
- }
100
- },
101
- "lwc-token-to-slds-hook": {
102
- "description": "Replace the deprecated --lwc tokens with the latest --slds tokens. See lightningdesignsystem.com for more info.",
103
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#lwc-token-to-slds-hook",
104
- "type": "problem",
105
- "messages": {
106
- "errorWithReplacement": "The '{{oldValue}}' design token is deprecated. Replace it with '{{newValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
107
- "errorWithStyleHooks": "The '{{oldValue}}' design token is deprecated. Replace it with the SLDS 2 '{{newValue}}' styling hook and set the fallback to '{{oldValue}}'. For more info, see Global Styling Hooks on lightningdesignsystem.com.",
108
- "errorWithNoRecommendation": "The '{{oldValue}}' design token is deprecated. For more info, see the New Global Styling Hook Guidance on lightningdesignsystem.com."
109
- }
110
- },
111
- "no-sldshook-fallback-for-lwctoken": {
112
- "description": "Avoid using --slds styling hooks as fallback values for --lwc tokens.",
113
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-sldshook-fallback-for-lwctoken",
114
- "type": "problem",
115
- "messages": {
116
- "unsupportedFallback": "Remove the {{sldsToken}} styling hook that is used as a fallback value for {{lwcToken}}."
117
- }
118
- },
119
- "no-unsupported-hooks-slds2": {
120
- "description": "Identifies styling hooks that aren't present in SLDS 2. They must be replaced with styling hooks that have a similar effect, or they must be removed.",
121
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-unsupported-hooks-slds2",
122
- "type": "problem",
123
- "messages": {
124
- "deprecated": "The {{token}} styling hook isn't present in SLDS 2 and there's no equivalent replacement. Remove it or replace it with a styling hook with a similar effect."
125
- }
126
- },
127
- "no-slds-var-without-fallback": {
128
- "description": "Add fallback values to SLDS styling hooks. The fallback values are used in Salesforce environments where styling hooks are unavailable.",
129
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-var-without-fallback",
130
- "type": "problem",
131
- "messages": {
132
- "varWithoutFallback": "Your code uses the {{cssVar}} styling hook without a fallback value. Styling hooks are unavailable in some Salesforce environments. To render your component correctly in all environments, add this fallback value: var({{cssVar}}, {{recommendation}}). To make this fallback value brand-aware, use a branded design token instead of a static value. See Design Tokens on v1.lightningdesignsystem.com."
133
- }
134
- },
135
- "no-slds-namespace-for-custom-hooks": {
136
- "description": "To differentiate custom styling hooks from SLDS styling hooks, create custom styling hooks in your namespace.",
137
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-namespace-for-custom-hooks",
138
- "type": "problem",
139
- "messages": {
140
- "customHookNamespace": "Using the --slds namespace for {{token}} isn't supported. Create the custom styling hook in your namespace. Example: --myapp-{{tokenWithoutNamespace}}"
141
- }
142
- },
143
- "no-slds-private-var": {
144
- "description": "Some SLDS styling hooks are private and reserved only for internal Salesforce use. Private SLDS styling hooks have prefixes --_slds- and --slds-s-. For more information, look up private CSS in lightningdesignsystem.com.",
145
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-slds-private-var",
146
- "type": "problem",
147
- "messages": {
148
- "privateVar": "This styling hook is reserved for internal Salesforce use. Remove the --_slds- or \u2013slds-s private variable within selector {{prop}}. For more information, look up private CSS in lightningdesignsystem.com."
149
- }
150
- },
151
- "enforce-component-hook-naming-convention": {
152
- "description": "Replace component styling hooks that use a deprecated naming convention.",
153
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#enforce-component-hook-naming-convention",
154
- "type": "problem",
155
- "messages": {
156
- "replace": "Replace the deprecated {{oldValue}} component styling hook with {{suggestedMatch}}."
157
- }
158
- },
159
- "no-hardcoded-values-slds1": {
160
- "description": "Replace static values with SLDS 1 design tokens. For more information, look up design tokens on lightningdesignsystem.com.",
161
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-value",
162
- "type": "suggestion",
163
- "messages": {
164
- "hardcodedValue": "Replace the {{oldValue}} static value with an SLDS 1 styling hook: {{newValue}}.",
165
- "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
166
- }
167
- },
168
- "no-hardcoded-values-slds2": {
169
- "description": "Replace static values with SLDS 2 styling hooks. For more information, look up design tokens on lightningdesignsystem.com.",
170
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#no-hardcoded-values-slds2",
171
- "type": "suggestion",
172
- "messages": {
173
- "hardcodedValue": "Consider replacing the {{oldValue}} static value with an SLDS 2 styling hook that has a similar value: {{newValue}}.",
174
- "noReplacement": "There's no replacement styling hook for the {{oldValue}} static value. Remove the static value."
175
- }
176
- },
177
- "reduce-annotations": {
178
- "description": "Remove your annotations and update your code.",
179
- "url": "https://developer.salesforce.com/docs/platform/slds-linter/guide/reference-rules.html#reduce-annotations",
180
- "type": "problem",
181
- "messages": {
182
- "removeAnnotation": "Remove this annotation and update the code to SLDS best practices. For help, file an issue at https://github.com/salesforce-ux/slds-linter/"
183
- }
184
- }
185
- };
186
- }
187
- });
188
-
189
29
  // src/rules/v9/enforce-bem-usage.ts
190
30
  var enforce_bem_usage_exports = {};
191
31
  __export(enforce_bem_usage_exports, {
@@ -193,7 +33,7 @@ __export(enforce_bem_usage_exports, {
193
33
  });
194
34
  module.exports = __toCommonJS(enforce_bem_usage_exports);
195
35
  var import_next = __toESM(require("@salesforce-ux/sds-metadata/next"));
196
- var import_rule_messages = __toESM(require_rule_messages());
36
+ var import_rule_messages = __toESM(require("../../config/rule-messages"));
197
37
  var { type, description, url, messages } = import_rule_messages.default["enforce-bem-usage"];
198
38
  var bemMapping = import_next.default.bemNaming;
199
39
  var enforce_bem_usage_default = {