@atlaskit/eslint-plugin-design-system 14.0.0 → 14.2.0

package/dist/cjs/rules/utils/{get-import-node-by-source.js → get-module-of-identifier.js}

@@ -3,23 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getModuleOfIdentifier = exports.getImportedNodeBySource = void 0;
+exports.getModuleOfIdentifier = void 0;
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/**
- * @param {SourceCode} source The eslint source
- * @param {string} path The path specified to find
- * @returns {ImportDeclaration}
- */
-var getImportedNodeBySource = exports.getImportedNodeBySource = function getImportedNodeBySource(source, path) {
-  return source.ast.body.filter(function (node) {
-    return node.type === 'ImportDeclaration';
-  }).find(function (node) {
-    return node.source.value === path;
-  });
-};
-
 /**
  * Returns the module name of an identifier, if one exists.
  *

package/dist/cjs/rules/utils/is-child-of-type.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isChildOfType = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var isChildOfType = exports.isChildOfType = function isChildOfType(node, type) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node.parent, type);
+};

package/dist/cjs/rules/utils/is-color.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.isCurrentSurfaceCustomPropertyName = exports.isColorCssPropertyName = exports.includesHardCodedColor = void 0;
-var _tokens = require("@atlaskit/tokens");
+exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.isColorCssPropertyName = exports.includesHardCodedColor = void 0;
 var namedColors = new Set(['black', 'silver', 'gray', 'white', 'maroon', 'red', 'purple', 'fuchsia', 'green', 'lime', 'olive', 'yellow', 'navy', 'blue', 'teal', 'aqua', 'orange', 'aliceblue', 'antiquewhite', 'aquamarine', 'azure', 'beige', 'bisque', 'blanchedalmond', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkgrey', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkslategrey', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dimgrey', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'greenyellow', 'grey', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray', 'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightslategrey', 'lightsteelblue', 'lightyellow', 'limegreen', 'linen', 'magenta', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'oldlace', 'olivedrab', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'skyblue', 'slateblue', 'slategray', 'slategrey', 'snow', 'springgreen', 'steelblue', 'tan', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'whitesmoke', 'yellowgreen', 'rebeccapurple']);
 var legacyColors = new Set(['R50', 'R75', 'R100', 'R200', 'R300', 'R400', 'R500', 'Y50', 'Y75', 'Y100', 'Y200', 'Y300', 'Y400', 'Y500', 'G50', 'G75', 'G100', 'G200', 'G300', 'G400', 'G500', 'B50', 'B75', 'B100', 'B200', 'B300', 'B400', 'B500', 'P50', 'P75', 'P100', 'P200', 'P300', 'P400', 'P500', 'T50', 'T75', 'T100', 'T200', 'T300', 'T400', 'T500', 'N0', 'N10', 'N20', 'N30', 'N40', 'N50', 'N60', 'N70', 'N80', 'N90', 'N100', 'N200', 'N300', 'N400', 'N500', 'N600', 'N700', 'N800', 'N900', 'N10A', 'N20A', 'N30A', 'N40A', 'N50A', 'N60A', 'N70A', 'N80A', 'N90A', 'N100A', 'N200A', 'N300A', 'N400A', 'N500A', 'N600A', 'N700A', 'N800A', 'DN900', 'DN800', 'DN700', 'DN600', 'DN500', 'DN400', 'DN300', 'DN200', 'DN100', 'DN90', 'DN80', 'DN70', 'DN60', 'DN50', 'DN40', 'DN30', 'DN20', 'DN10', 'DN0', 'DN800A', 'DN700A', 'DN600A', 'DN500A', 'DN400A', 'DN300A', 'DN200A', 'DN100A', 'DN90A', 'DN80A', 'DN70A', 'DN60A', 'DN50A', 'DN40A', 'DN30A', 'DN20A', 'DN10A',
 // Legacy Trello colors:
@@ -54,7 +53,4 @@ var kebabize = function kebabize(str) {
 };
 var isColorCssPropertyName = exports.isColorCssPropertyName = function isColorCssPropertyName(value) {
   return validColorPropertyNames.has(kebabize(value));
-};
-var isCurrentSurfaceCustomPropertyName = exports.isCurrentSurfaceCustomPropertyName = function isCurrentSurfaceCustomPropertyName(value) {
-  return value === 'CURRENT_SURFACE_CSS_VAR' || value === _tokens.CURRENT_SURFACE_CSS_VAR;
 };

package/dist/cjs/rules/utils/is-css-in-js-template-node.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isCssInJsTemplateNode = void 0;
+var isCssInJsTemplateNode = exports.isCssInJsTemplateNode = function isCssInJsTemplateNode(node) {
+  return (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';
+};

package/dist/cjs/rules/utils/is-current-surface-custom-property-name.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isCurrentSurfaceCustomPropertyName = void 0;
+var _tokens = require("@atlaskit/tokens");
+var isCurrentSurfaceCustomPropertyName = exports.isCurrentSurfaceCustomPropertyName = function isCurrentSurfaceCustomPropertyName(value) {
+  return value === 'CURRENT_SURFACE_CSS_VAR' || value === _tokens.CURRENT_SURFACE_CSS_VAR;
+};

package/dist/cjs/rules/utils/is-decendant-of-global-token.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDecendantOfGlobalToken = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _isDecendantOfGlobalToken = exports.isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'token' || node.callee.name === 'getTokenValue')) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfGlobalToken(node.parent);
+  }
+  return false;
+};

package/dist/cjs/rules/utils/is-decendant-of-primitive.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDecendantOfPrimitive = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
+var _root = require("../../ast-nodes/root");
+var _isDecendantOfPrimitive = exports.isDecendantOfPrimitive = function isDecendantOfPrimitive(node, context) {
+  var primitivesToCheck = ['Box', 'Text', 'Tile'];
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+    // @ts-ignore
+    if (primitivesToCheck.includes(node.openingElement.name.name)) {
+      var importDeclaration = _root.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, ['@atlaskit/primitives', '@atlaskit/primitives/box', '@atlaskit/primitives/text', '@atlaskit/primitives/compiled', '@atlaskit/tile']);
+      if (importDeclaration.length) {
+        return true;
+      }
+    }
+  }
+  if (node.parent) {
+    return _isDecendantOfPrimitive(node.parent, context);
+  }
+  return false;
+};

package/dist/cjs/rules/utils/is-decendant-of-style-jsx-attribute.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDecendantOfStyleJsxAttribute = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttribute(node) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXAttribute')) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfStyleJsxAttribute(node.parent);
+  }
+  return false;
+};

package/dist/cjs/rules/utils/is-decendant-of-svg-element.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDecendantOfSvgElement = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _isDecendantOfSvgElement = exports.isDecendantOfSvgElement = function isDecendantOfSvgElement(node) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+    // @ts-ignore
+    if (node.openingElement.name.name === 'svg') {
+      return true;
+    }
+  }
+  if (node.parent) {
+    return _isDecendantOfSvgElement(node.parent);
+  }
+  return false;
+};

package/dist/cjs/rules/utils/is-decendant-of-type.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDecendantOfType = void 0;
+var _isDecendantOfType = exports.isDecendantOfType = function isDecendantOfType(node, type) {
+  var skipNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (!skipNode && node.type === type) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfType(node.parent, type, false);
+  }
+  return false;
+};

package/dist/cjs/rules/utils/is-decendant-of-xcss-block.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDecendantOfXcssBlock = void 0;
+var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
+var _isDecendantOfXcssBlock = exports.isDecendantOfXcssBlock = function isDecendantOfXcssBlock(node, referencesInScope, importSources) {
+  // xcss contains types for all properties that accept tokens, so ignore xcss for linting as it will report false positives
+  if (node.type === 'CallExpression' && (0, _isSupportedImport.isXcss)(node.callee, referencesInScope, importSources)) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
+  }
+  return false;
+};

package/dist/cjs/rules/utils/is-node.js

@@ -3,94 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isPropertyKey = exports.isDecendantOfXcssBlock = exports.isDecendantOfType = exports.isDecendantOfSvgElement = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfPrimitive = exports.isDecendantOfGlobalToken = exports.isCssInJsTemplateNode = exports.isCssInJsObjectNode = exports.isCssInJsCallNode = exports.isChildOfType = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
-var _astNodes = require("../../ast-nodes");
-var _isDecendantOfGlobalToken = exports.isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
-  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'token' || node.callee.name === 'getTokenValue')) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfGlobalToken(node.parent);
-  }
-  return false;
-};
-var _isDecendantOfType = exports.isDecendantOfType = function isDecendantOfType(node, type) {
-  var skipNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  if (!skipNode && node.type === type) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfType(node.parent, type, false);
-  }
-  return false;
-};
-var isPropertyKey = exports.isPropertyKey = function isPropertyKey(node) {
-  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier') && _isDecendantOfType(node, 'Property')) {
-    var parent = node.parent;
-    return node === parent.key || parent.shorthand;
-  }
-  return false;
-};
-var _isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttribute(node) {
-  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXAttribute')) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfStyleJsxAttribute(node.parent);
-  }
-  return false;
-};
-var _isDecendantOfSvgElement = exports.isDecendantOfSvgElement = function isDecendantOfSvgElement(node) {
-  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
-    // @ts-ignore
-    if (node.openingElement.name.name === 'svg') {
-      return true;
-    }
+exports.isDecendantOfStyleBlock = exports.isCssInJsObjectNode = exports.isCssInJsCallNode = void 0;
+Object.defineProperty(exports, "isPropertyKey", {
+  enumerable: true,
+  get: function get() {
+    return _isPropertyKey.isPropertyKey;
   }
-  if (node.parent) {
-    return _isDecendantOfSvgElement(node.parent);
-  }
-  return false;
-};
-var _isDecendantOfPrimitive = exports.isDecendantOfPrimitive = function isDecendantOfPrimitive(node, context) {
-  var primitivesToCheck = ['Box', 'Text', 'Tile'];
-  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
-    // @ts-ignore
-    if (primitivesToCheck.includes(node.openingElement.name.name)) {
-      var importDeclaration = _astNodes.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, ['@atlaskit/primitives', '@atlaskit/primitives/box', '@atlaskit/primitives/text', '@atlaskit/primitives/compiled', '@atlaskit/tile']);
-      if (importDeclaration.length) {
-        return true;
-      }
-    }
-  }
-  if (node.parent) {
-    return _isDecendantOfPrimitive(node.parent, context);
-  }
-  return false;
-};
+});
+var _isCssInJsTemplateNode = require("./is-css-in-js-template-node");
+var _isPropertyKey = require("./is-property-key");
 var cssInJsCallees = ['css', 'styled', 'styled2'];
-var isCssInJsTemplateNode = exports.isCssInJsTemplateNode = function isCssInJsTemplateNode(node) {
-  return (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';
-};
 var isCssInJsCallNode = exports.isCssInJsCallNode = function isCssInJsCallNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'Identifier' && cssInJsCallees.includes(node.callee.name);
 };
 var isCssInJsObjectNode = exports.isCssInJsObjectNode = function isCssInJsObjectNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'MemberExpression' && node.callee.object.type === 'Identifier' && cssInJsCallees.includes(node.callee.object.name);
 };
-var _isDecendantOfXcssBlock = exports.isDecendantOfXcssBlock = function isDecendantOfXcssBlock(node, referencesInScope, importSources) {
-  // xcss contains types for all properties that accept tokens, so ignore xcss for linting as it will report false positives
-  if (node.type === 'CallExpression' && (0, _isSupportedImport.isXcss)(node.callee, referencesInScope, importSources)) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
-  }
-  return false;
-};
 var _isDecendantOfStyleBlock = exports.isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
   if (node.type === 'VariableDeclarator') {
     if (node.id.type !== 'Identifier') {
@@ -119,7 +47,7 @@ var _isDecendantOfStyleBlock = exports.isDecendantOfStyleBlock = function isDece
       return varName.includes(el);
     });
   }
-  if (isCssInJsCallNode(node) || isCssInJsObjectNode(node) || isCssInJsTemplateNode(node)) {
+  if (isCssInJsCallNode(node) || isCssInJsObjectNode(node) || (0, _isCssInJsTemplateNode.isCssInJsTemplateNode)(node)) {
     return true;
   }
   if (node.type === 'TaggedTemplateExpression' && node.tag.type === 'Identifier' && node.tag.name === 'css') {
@@ -129,7 +57,4 @@ var _isDecendantOfStyleBlock = exports.isDecendantOfStyleBlock = function isDece
     return _isDecendantOfStyleBlock(node.parent);
   }
   return false;
-};
-var isChildOfType = exports.isChildOfType = function isChildOfType(node, type) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node.parent, type);
 };

package/dist/cjs/rules/utils/is-property-key.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPropertyKey = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _isDecendantOfType = require("./is-decendant-of-type");
+var isPropertyKey = exports.isPropertyKey = function isPropertyKey(node) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier') && (0, _isDecendantOfType.isDecendantOfType)(node, 'Property')) {
+    var parent = node.parent;
+    return node === parent.key || parent.shorthand;
+  }
+  return false;
+};

package/dist/cjs/rules/utils/jsx.js

@@ -3,14 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findProp = findProp;
 exports.getJSXElementName = getJSXElementName;
-function findProp(jsx, propName) {
-  var labelProp = jsx.openingElement.attributes.find(function (attr) {
-    return attr.type === 'JSXAttribute' && attr.name.name === propName;
-  });
-  return labelProp;
-}
 function unrollMemberExpression(exp) {
   if (exp.type === 'JSXIdentifier') {
     return exp.name;

package/dist/es2019/presets/all-flat.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1fe99d63747ac78f0ea9e747af54bc76>>
+ * @codegen <<SignedSource::80fbc23d43d39baa6c31e19dfe79680c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -46,6 +46,7 @@ const rules = {
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-physical-properties': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-styled-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-to-match-snapshot': 'error',

package/dist/es2019/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4a4e27095e18b4c1f42c12cbc9f4af5e>>
+ * @codegen <<SignedSource::e7c368ed33d7a7522f63adf34dd26857>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -45,6 +45,7 @@ const rules = {
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-physical-properties': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-styled-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-to-match-snapshot': 'error',

package/dist/es2019/presets/recommended-flat.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e38fe36e83da94463de0e055c45eac02>>
+ * @codegen <<SignedSource::aeb24552f4292e3b6cdfe02b769d3e8d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -35,6 +35,7 @@ const rules = {
     }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

package/dist/es2019/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a12b7837d2a4105c5d20b49d5b9b54ab>>
+ * @codegen <<SignedSource::6253104ce58f3dc6759e4088b85171c3>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -34,6 +34,7 @@ const rules = {
     }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-placeholder': 'warn',
+    '@atlaskit/design-system/no-readonly-or-disabled-inputs': 'warn',
     '@atlaskit/design-system/no-separator-with-list-elements': 'warn',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

package/dist/es2019/rules/consistent-css-prop-usage/index.js

@@ -4,10 +4,10 @@ import assign from 'lodash/assign';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { findVariable } from '@atlaskit/eslint-utils/find-variable';
 import { CSS_IN_JS_IMPORTS } from '@atlaskit/eslint-utils/is-supported-import';
-import { Import } from '../../ast-nodes';
+import { Import } from '../../ast-nodes/import';
 import { createLintRule } from '../utils/create-rule';
 import { getFirstSupportedImport } from '../utils/get-first-supported-import';
-import { getModuleOfIdentifier } from '../utils/get-import-node-by-source';
+import { getModuleOfIdentifier } from '../utils/get-module-of-identifier';
 const isDOMElementName = elementName => elementName.charAt(0) !== elementName.charAt(0).toUpperCase() && elementName.charAt(0) === elementName.charAt(0).toLowerCase();
 function isCssCallExpression(node, cssFunctions, context) {
   cssFunctions = [...cssFunctions, 'cssMap'];

package/dist/es2019/rules/ensure-design-token-usage/border-width-value-to-token.js

@@ -0,0 +1,2 @@
+import { shape as shapeTokens } from '@atlaskit/tokens/tokens-raw';
+export const borderWidthValueToToken = Object.fromEntries(shapeTokens.filter(t => t.name.startsWith('border.width')).map(t => [t.value, t.cleanName]).concat([['2px', 'border.width']]));

package/dist/es2019/rules/ensure-design-token-usage/clean-comments.js

@@ -0,0 +1,7 @@
+/**
+ * Function that removes JS comments from a string of code,
+ * sometimes makers will have single or multiline comments in their tagged template literals styles, this can mess with our parsing logic.
+ */
+export function cleanComments(str) {
+  return str.replace(/\/\*([\s\S]*?)\*\//g, '').replace(/\/\/(.*)/g, '');
+}

package/dist/es2019/rules/ensure-design-token-usage/color.js

@@ -1,9 +1,14 @@
 import { node as generate, isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getIsException } from '../utils/get-is-exception';
+import { isChildOfType } from '../utils/is-child-of-type';
 import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';
+import { isDecendantOfGlobalToken } from '../utils/is-decendant-of-global-token';
+import { isDecendantOfPrimitive } from '../utils/is-decendant-of-primitive';
+import { isDecendantOfSvgElement } from '../utils/is-decendant-of-svg-element';
 import { isLegacyElevation } from '../utils/is-elevation';
-import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfPrimitive, isDecendantOfStyleBlock, isDecendantOfSvgElement } from '../utils/is-node';
+import { isDecendantOfStyleBlock } from '../utils/is-node';
+import { getElevationTokenExample } from './get-elevation-token-example';
 /**
  * Check if the JSXAttribute is a 'color' prop on a Tag component imported from @atlaskit/tag
  */
@@ -276,14 +281,6 @@ export const lintJSXIdentifierForColor = (node, context, config) => {
     return;
   }
 };
-export const getElevationTokenExample = elevation => `\`\`\`
-import { token } from '@atlaskit/tokens';
-
-css({
-  backgroundColor: token('${elevation.background}');
-  boxShadow: token('${elevation.shadow}');
-});
-\`\`\``;
 export const getTokenSuggestion = (node, reference, config) => [{
   shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === false,
   desc: `Convert to token`,

package/dist/es2019/rules/ensure-design-token-usage/convert-hyphenated-name-to-camel-case.js

@@ -0,0 +1,4 @@
+// convert line-height to lineHeight
+export const convertHyphenatedNameToCamelCase = prop => {
+  return prop.replace(/-./g, m => m[1].toUpperCase());
+};

package/dist/es2019/rules/ensure-design-token-usage/find-parent-node-for-line.js

@@ -0,0 +1,15 @@
+/**
+ * @param node
+ * @returns The furthest parent node that is on the same line as the input node.
+ */
+export const findParentNodeForLine = node => {
+  var _node$loc, _node$parent$loc;
+  if (!node.parent) {
+    return node;
+  }
+  if (((_node$loc = node.loc) === null || _node$loc === void 0 ? void 0 : _node$loc.start.line) !== ((_node$parent$loc = node.parent.loc) === null || _node$parent$loc === void 0 ? void 0 : _node$parent$loc.start.line)) {
+    return node;
+  } else {
+    return findParentNodeForLine(node.parent);
+  }
+};

package/dist/es2019/rules/ensure-design-token-usage/get-elevation-token-example.js

@@ -0,0 +1,8 @@
+export const getElevationTokenExample = elevation => `\`\`\`
+import { token } from '@atlaskit/tokens';
+
+css({
+  backgroundColor: token('${elevation.background}');
+  boxShadow: token('${elevation.shadow}');
+});
+\`\`\``;

package/dist/es2019/rules/ensure-design-token-usage/get-raw-expression.js

@@ -0,0 +1,12 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+export const getRawExpression = (node, context) => {
+  if (!(
+  // if not one of our recognized types or doesn't have a range prop, early return
+
+  isNodeOfType(node, 'Literal') || isNodeOfType(node, 'Identifier') || isNodeOfType(node, 'BinaryExpression') || isNodeOfType(node, 'UnaryExpression') || isNodeOfType(node, 'TemplateLiteral') || isNodeOfType(node, 'CallExpression')) || !Array.isArray(node.range)) {
+    return null;
+  }
+  const [start, end] = node.range;
+  return getSourceCode(context).getText().substring(start, end).replaceAll('\n', '');
+};

package/dist/es2019/rules/ensure-design-token-usage/includes-token-string.js

@@ -0,0 +1,3 @@
+export function includesTokenString(originalValue) {
+  return originalValue.includes('${token(');
+}

package/dist/es2019/rules/ensure-design-token-usage/index.js

@@ -4,11 +4,21 @@ import { getImportSources } from '@atlaskit/eslint-utils/is-supported-import';
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
 import { includesHardCodedColor } from '../utils/is-color';
-import { isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfType, isDecendantOfXcssBlock } from '../utils/is-node';
+import { isDecendantOfGlobalToken } from '../utils/is-decendant-of-global-token';
+import { isDecendantOfType } from '../utils/is-decendant-of-type';
+import { isDecendantOfXcssBlock } from '../utils/is-decendant-of-xcss-block';
+import { isDecendantOfStyleBlock } from '../utils/is-node';
 import { lintJSXIdentifierForColor, lintJSXLiteralForColor, lintJSXMemberForColor, lintObjectForColor, lintTemplateIdentifierForColor } from './color';
+import { convertHyphenatedNameToCamelCase } from './convert-hyphenated-name-to-camel-case';
+import { includesTokenString } from './includes-token-string';
+import { insertTokensImport } from './insert-tokens-import';
+import { isAuto } from './is-auto';
+import { isTokenValueString } from './is-token-value-string';
+import { isZero } from './is-zero';
 import ruleMeta from './rule-meta';
 import { lintObjectForSpacing } from './spacing';
-import { convertHyphenatedNameToCamelCase, emToPixels, getDomainsForProperty, getFontSizeValueInScope, getPropertyNodeFromParent, getTokenReplacement, getValueForPropertyNode, getValueFromShorthand, getValueFromTemplateLiteralRaw, includesTokenString, insertTokensImport, isAuto, isCalc, isTokenValueString, isValidSpacingValue, isZero, processCssNode, splitShorthandValues } from './utils';
+import { splitShorthandValues } from './split-shorthand-values';
+import { emToPixels, getDomainsForProperty, getFontSizeValueInScope, getPropertyNodeFromParent, getTokenReplacement, getValueForPropertyNode, getValueFromShorthand, getValueFromTemplateLiteralRaw, isCalc, isValidSpacingValue, processCssNode } from './utils';
 const defaultConfig = {
   domains: ['color', 'spacing'],
   applyImport: true,

package/dist/es2019/rules/ensure-design-token-usage/insert-tokens-import.js

@@ -0,0 +1,4 @@
+import { insertAtStartOfFile, insertImportDeclaration } from 'eslint-codemod-utils';
+export function insertTokensImport(fixer) {
+  return insertAtStartOfFile(fixer, `${insertImportDeclaration('@atlaskit/tokens', ['token'])}\n`);
+}

package/dist/es2019/rules/ensure-design-token-usage/is-auto.js

@@ -0,0 +1,8 @@
+export const isAuto = value => {
+  if (typeof value === 'string') {
+    if (value === 'auto') {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/es2019/rules/ensure-design-token-usage/is-border-radius.js

@@ -0,0 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+export function isBorderRadius(node) {
+  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'borderRadius' || node.callee.name === 'getBorderRadius');
+}

package/dist/es2019/rules/ensure-design-token-usage/is-token-value-string.js

@@ -0,0 +1,7 @@
+/**
+ * Returns whether the current string is a token value.
+ * @param originalVaue string representing a css property value e.g 1em, 12px.
+ */
+export function isTokenValueString(originalValue) {
+  return originalValue.startsWith('${token(') && originalValue.endsWith('}');
+}

package/dist/es2019/rules/ensure-design-token-usage/is-zero.js

@@ -0,0 +1,13 @@
+export const isZero = value => {
+  if (typeof value === 'string') {
+    if (value === '0px' || value === '0') {
+      return true;
+    }
+  }
+  if (typeof value === 'number') {
+    if (value === 0) {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/es2019/rules/ensure-design-token-usage/normalise-value.js

@@ -0,0 +1,23 @@
+/**
+ * Translate a raw value into the same value format for further parsing:
+ *
+ * -> for pixels this '8px'
+ * -> for weights     '400'
+ * -> for family      'Arial'.
+ *
+ * @internal
+ */
+export function normaliseValue(propertyName, value) {
+  const isFontStringProperty = /fontWeight|fontFamily|fontStyle/.test(propertyName);
+  const isLineHeight = /lineHeight/.test(propertyName);
+  const propertyValue = typeof value === 'string' ? value.trim() : value;
+  let lookupValue;
+  if (isFontStringProperty) {
+    lookupValue = `${propertyValue}`;
+  } else if (isLineHeight) {
+    lookupValue = value === 1 ? `${propertyValue}` : `${propertyValue}px`;
+  } else {
+    lookupValue = typeof propertyValue === 'string' ? propertyValue : `${propertyValue}px`;
+  }
+  return lookupValue;
+}