@atlaskit/eslint-plugin-design-system/dist/cjs/rules/no-html-text-input/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 rule = (0, _createLintRule.createLintRule)({
  meta: {
    name: 'no-html-text-input',
    type: 'suggestion',
    hasSuggestions: true,
    docs: {
      description: 'Discourage direct usage of HTML text input elements in favor of the Atlassian Design System textfield component.',
      recommended: true,
      severity: 'warn'
    },
    messages: {
      noHtmlTextInput: "This <{{ name }}> should be replaced with a textfield component from the Atlassian Design System. ADS components include event tracking, ensure accessible implementations, and provide access to ADS styling features like design tokens."
    }
  },
  create: function create(context) {
    return {
      // transforms <input type="range" css={...}> usages
      JSXElement: function JSXElement(node) {
        _jsxElement.JSXElement.lint(node, {
          context: context
        });
      }
    };
  }
});
var _default = exports.default = rule;