@atlaskit/eslint-plugin-design-system/dist/cjs/rules/no-html-code/index.js

The essential plugin for use with the Atlassian Design System.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _createLintRule = require("../utils/create-lint-rule");
var _jsxElement = require("./node-types/jsx-element");
var _styledComponent = require("./node-types/styled-component");
var rule = (0, _createLintRule.createLintRule)({
  meta: {
    name: 'no-html-code',
    type: 'suggestion',
    hasSuggestions: true,
    docs: {
      description: 'Discourage direct usage of HTML code elements in favor of the Atlassian Design System code component.',
      recommended: true,
      severity: 'warn'
    },
    messages: {
      noHtmlCode: "This <{{ name }}> should be replaced with the code component from the Atlassian Design System. The ADS code component ensures accessible implementations and consistent ADS styling."
    }
  },
  create: function create(context) {
    return {
      // transforms styled.<anchor>(...) usages
      CallExpression: function CallExpression(node) {
        _styledComponent.StyledComponent.lint(node, {
          context: context
        });
      },
      // transforms <anchor css={...}> usages
      JSXElement: function JSXElement(node) {
        _jsxElement.JSXElement.lint(node, {
          context: context
        });
      }
    };
  }
});
var _default = exports.default = rule;