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

package/dist/cjs/rules/ensure-design-token-usage/spacing.js

@@ -8,6 +8,11 @@ exports.lintObjectForSpacing = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _getRawExpression = require("./get-raw-expression");
+var _insertTokensImport = require("./insert-tokens-import");
+var _isAuto = require("./is-auto");
+var _isZero = require("./is-zero");
+var _splitShorthandValues = require("./split-shorthand-values");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -63,7 +68,7 @@ var lintObjectForSpacing = exports.lintObjectForSpacing = function lintObjectFor
       _value = _valuesForProperty[0];
 
     // Do not report or suggest a token to replace 0 or auto
-    if ((0, _utils.isZero)(_value) || (0, _utils.isAuto)(_value)) {
+    if ((0, _isZero.isZero)(_value) || (0, _isAuto.isAuto)(_value)) {
       return;
     }
     var pixelValue = isFontFamily ? _value : (0, _utils.emToPixels)(_value, fontSize);
@@ -79,7 +84,7 @@ var lintObjectForSpacing = exports.lintObjectForSpacing = function lintObjectFor
         if (!replacementNode) {
           return null;
         }
-        return (!tokenNode && ruleConfig.applyImport ? [(0, _utils.insertTokensImport)(fixer)] : []).concat([fixer.replaceText(node, (0, _eslintCodemodUtils.property)(_objectSpread(_objectSpread({}, node), {}, {
+        return (!tokenNode && ruleConfig.applyImport ? [(0, _insertTokensImport.insertTokensImport)(fixer)] : []).concat([fixer.replaceText(node, (0, _eslintCodemodUtils.property)(_objectSpread(_objectSpread({}, node), {}, {
           value: replacementNode
         })).toString())]);
       }
@@ -106,7 +111,7 @@ var lintObjectForSpacing = exports.lintObjectForSpacing = function lintObjectFor
     var pixelValue = (0, _utils.emToPixels)(val, fontSize);
 
     // Do not report or suggest a token to replace 0 or auto
-    if ((0, _utils.isZero)(val) || (0, _utils.isAuto)(val)) {
+    if ((0, _isZero.isZero)(val) || (0, _isAuto.isAuto)(val)) {
       return;
     }
     context.report({
@@ -134,7 +139,7 @@ var lintObjectForSpacing = exports.lintObjectForSpacing = function lintObjectFor
           // if none of the values have token replacement we bail
           return null;
         }
-        var originalCssString = (0, _utils.getRawExpression)(node.value, context);
+        var originalCssString = (0, _getRawExpression.getRawExpression)(node.value, context);
         if (!originalCssString) {
           return null;
         }
@@ -144,13 +149,13 @@ var lintObjectForSpacing = exports.lintObjectForSpacing = function lintObjectFor
          * we'll need to remove all quote chars since `getRawExpression` will return those as part of the string
          * given they're part of the substring of the current node
          */
-        var originalValues = (0, _utils.splitShorthandValues)(originalCssString.replace(/`|'|"/g, ''));
+        var originalValues = (0, _splitShorthandValues.splitShorthandValues)(originalCssString.replace(/`|'|"/g, ''));
         if (originalValues.length !== valuesForProperty.length) {
           // we bail just in case original values don't correspond to the replaced values
           return null;
         }
-        return (!tokenNode && ruleConfig.applyImport ? [(0, _utils.insertTokensImport)(fixer)] : []).concat([fixer.replaceText(node.value, "`".concat(valuesForProperty.map(function (value, index) {
-          if ((0, _utils.isZero)(value)) {
+        return (!tokenNode && ruleConfig.applyImport ? [(0, _insertTokensImport.insertTokensImport)(fixer)] : []).concat([fixer.replaceText(node.value, "`".concat(valuesForProperty.map(function (value, index) {
+          if ((0, _isZero.isZero)(value)) {
             return originalValues[index];
           }
           var pixelValue = (0, _utils.emToPixels)(value, fontSize);

package/dist/cjs/rules/ensure-design-token-usage/split-css-properties.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splitCssProperties = splitCssProperties;
+/**
+ * Attempts to remove all non-essential words & characters from a style block.
+ * Including selectors and queries.
+ * @param styleString string of css properties
+ */
+function splitCssProperties(styleString) {
+  return styleString.split('\n').filter(function (line) {
+    return !line.trim().startsWith('@');
+  })
+  // sometimes makers will end a css line with `;` that's output from a function expression
+  // since we'll rely on `;` to split each line, we need to ensure it's there
+  .map(function (line) {
+    return line.endsWith(';') ? line : "".concat(line, ";");
+  }).join('\n').replace(/\n/g, '').split(/;|(?<!\$){|(?<!\${.+?)}/) // don't split on template literal expressions i.e. `${...}`
+  // filters lines that are completely null, this could be from function expressions that output both property and value
+  .filter(function (line) {
+    return line.trim() !== 'null' && line.trim() !== 'null;';
+  }).map(function (el) {
+    return el.trim() || '';
+  })
+  // we won't be able to reason about lines that don't have colon (:)
+  .filter(function (line) {
+    return line.split(':').length === 2;
+  }).filter(Boolean);
+}

package/dist/cjs/rules/ensure-design-token-usage/split-shorthand-values.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splitShorthandValues = void 0;
+/**
+ * Accomplishes split str by whitespace but preserves expressions in between ${...}
+ * even if they might have whitepaces or nested brackets
+ * @param str
+ * @returns string[]
+ * @example
+ * Regex has two parts, first attempts to capture anything in between `${...}` in a capture group
+ * Whilst allowing nested brackets and non empty characters leading or traling wrapping expression e.g `${gridSize}`, `-${gridSize}px`
+ * second part is a white space delimiter
+ * For input `-${gridSize / 2}px ${token(...)} 18px -> [`-${gridSize / 2}px`, `${token(...)}`, `18px`]
+ */
+var splitShorthandValues = exports.splitShorthandValues = function splitShorthandValues(str) {
+  return str.split(/(\S*\$\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\}\S*)|\s+/g).filter(Boolean);
+};

package/dist/cjs/rules/ensure-design-token-usage/utils.js

@@ -4,62 +4,43 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cleanComments = cleanComments;
-exports.findParentNodeForLine = exports.emToPixels = exports.convertHyphenatedNameToCamelCase = void 0;
+exports.emToPixels = void 0;
 exports.findTokenNameByPropertyValue = findTokenNameByPropertyValue;
 exports.getDomainsForProperty = getDomainsForProperty;
 exports.getFontSizeValueInScope = getFontSizeValueInScope;
 exports.getPropertyNodeFromParent = getPropertyNodeFromParent;
-exports.getRawExpression = void 0;
 exports.getTokenNodeForValue = getTokenNodeForValue;
 exports.getTokenReplacement = getTokenReplacement;
 exports.getValue = void 0;
 exports.getValueForPropertyNode = getValueForPropertyNode;
-exports.getValueFromTemplateLiteralRaw = exports.getValueFromShorthand = void 0;
-exports.includesTokenString = includesTokenString;
-exports.insertTokensImport = insertTokensImport;
-exports.isSpacingProperty = exports.isCalc = exports.isAuto = void 0;
-exports.isTokenValueString = isTokenValueString;
-exports.isZero = exports.isValidSpacingValue = void 0;
-exports.normaliseValue = normaliseValue;
+exports.isValidSpacingValue = exports.isSpacingProperty = exports.isCalc = exports.getValueFromTemplateLiteralRaw = exports.getValueFromShorthand = void 0;
 exports.processCssNode = processCssNode;
 exports.removePixelSuffix = void 0;
-exports.splitCssProperties = splitCssProperties;
-exports.splitShorthandValues = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
 var _findInParent = require("../utils/find-in-parent");
 var _isColor = require("../utils/is-color");
+var _isCurrentSurfaceCustomPropertyName = require("../utils/is-current-surface-custom-property-name");
+var _borderWidthValueToToken = require("./border-width-value-to-token");
+var _cleanComments = require("./clean-comments");
+var _getRawExpression = require("./get-raw-expression");
+var _isBorderRadius = require("./is-border-radius");
+var _normaliseValue = require("./normalise-value");
+var _radiusValueToToken = require("./radius-value-to-token");
 var _shape = require("./shape");
+var _splitCssProperties = require("./split-css-properties");
+var _splitShorthandValues = require("./split-shorthand-values");
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 
 var properties = ['padding', 'paddingBlock', 'paddingInline', 'paddingLeft', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'marginLeft', 'marginTop', 'marginRight', 'marginBottom', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd', 'margin', 'gap', 'rowGap', 'gridRowGap', 'columnGap', 'gridColumnGap', 'top', 'left', 'right', 'bottom', 'inlineStart', 'inlineEnd', 'blockStart', 'blockEnd', 'outline-offset'];
 var spacingValueToToken = Object.fromEntries(_tokensRaw.spacing.map(function (token) {
   return [token.value, token.cleanName];
 }));
-function insertTokensImport(fixer) {
-  return (0, _eslintCodemodUtils.insertAtStartOfFile)(fixer, "".concat((0, _eslintCodemodUtils.insertImportDeclaration)('@atlaskit/tokens', ['token']), "\n"));
-}
 var isSpacingProperty = exports.isSpacingProperty = function isSpacingProperty(propertyName) {
   return properties.includes(propertyName);
 };
-
-/**
- * Accomplishes split str by whitespace but preserves expressions in between ${...}
- * even if they might have whitepaces or nested brackets
- * @param str
- * @returns string[]
- * @example
- * Regex has two parts, first attempts to capture anything in between `${...}` in a capture group
- * Whilst allowing nested brackets and non empty characters leading or traling wrapping expression e.g `${gridSize}`, `-${gridSize}px`
- * second part is a white space delimiter
- * For input `-${gridSize / 2}px ${token(...)} 18px -> [`-${gridSize / 2}px`, `${token(...)}`, `18px`]
- */
-var splitShorthandValues = exports.splitShorthandValues = function splitShorthandValues(str) {
-  return str.split(/(\S*\$\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\}\S*)|\s+/g).filter(Boolean);
-};
 var getValueFromShorthand = exports.getValueFromShorthand = function getValueFromShorthand(str) {
   var valueString = String(str);
   var fontFamily = /(Charlie)|(sans-serif$)|(monospace$)/;
@@ -69,7 +50,7 @@ var getValueFromShorthand = exports.getValueFromShorthand = function getValueFro
     return [valueString];
   }
   // If we want to filter out NaN just add .filter(Boolean)
-  return splitShorthandValues(String(str).trim()).map(removePixelSuffix);
+  return (0, _splitShorthandValues.splitShorthandValues)(String(str).trim()).map(removePixelSuffix);
 };
 var isGridSize = function isGridSize(node) {
   return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'gridSize' || node.callee.name === 'getGridSize') &&
@@ -107,7 +88,7 @@ var getValueFromCallExpression = function getValueFromCallExpression(node, conte
   if (isGridSize(node)) {
     return 8;
   }
-  if ((0, _shape.isBorderRadius)(node)) {
+  if ((0, _isBorderRadius.isBorderRadius)(node)) {
     return 3;
   }
   if (isFontSize(node)) {
@@ -142,18 +123,6 @@ var getValue = exports.getValue = function getValue(node, context) {
   }
   return null;
 };
-var getRawExpression = exports.getRawExpression = function getRawExpression(node, context) {
-  if (!(
-  // if not one of our recognized types or doesn't have a range prop, early return
-
-  (0, _eslintCodemodUtils.isNodeOfType)(node, 'Literal') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'BinaryExpression') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'UnaryExpression') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'TemplateLiteral') || (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression')) || !Array.isArray(node.range)) {
-    return null;
-  }
-  var _node$range = (0, _slicedToArray2.default)(node.range, 2),
-    start = _node$range[0],
-    end = _node$range[1];
-  return (0, _contextCompat.getSourceCode)(context).getText().substring(start, end).replaceAll('\n', '');
-};
 var getValueFromIdentifier = function getValueFromIdentifier(node, context) {
   if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Identifier')) {
     return null;
@@ -289,50 +258,6 @@ var isCalc = exports.isCalc = function isCalc(value) {
   }
   return false;
 };
-var isZero = exports.isZero = function isZero(value) {
-  if (typeof value === 'string') {
-    if (value === '0px' || value === '0') {
-      return true;
-    }
-  }
-  if (typeof value === 'number') {
-    if (value === 0) {
-      return true;
-    }
-  }
-  return false;
-};
-var isAuto = exports.isAuto = function isAuto(value) {
-  if (typeof value === 'string') {
-    if (value === 'auto') {
-      return true;
-    }
-  }
-  return false;
-};
-
-// convert line-height to lineHeight
-var convertHyphenatedNameToCamelCase = exports.convertHyphenatedNameToCamelCase = function convertHyphenatedNameToCamelCase(prop) {
-  return prop.replace(/-./g, function (m) {
-    return m[1].toUpperCase();
-  });
-};
-
-/**
- * @param node
- * @returns The furthest parent node that is on the same line as the input node.
- */
-var _findParentNodeForLine = exports.findParentNodeForLine = function 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);
-  }
-};
 
 /**
  * Returns an array of domains that are relevant to the provided property based on the rule options.
@@ -347,7 +272,7 @@ var _findParentNodeForLine = exports.findParentNodeForLine = function findParent
  */
 function getDomainsForProperty(propertyName, targetOptions) {
   var domains = [];
-  if (((0, _isColor.isColorCssPropertyName)(propertyName) || (0, _isColor.isCurrentSurfaceCustomPropertyName)(propertyName)) && targetOptions.includes('color')) {
+  if (((0, _isColor.isColorCssPropertyName)(propertyName) || (0, _isCurrentSurfaceCustomPropertyName.isCurrentSurfaceCustomPropertyName)(propertyName)) && targetOptions.includes('color')) {
     domains.push('color');
   }
   if (isSpacingProperty(propertyName) && targetOptions.includes('spacing')) {
@@ -359,14 +284,6 @@ function getDomainsForProperty(propertyName, targetOptions) {
   return domains;
 }
 
-/**
- * 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.
- */
-function cleanComments(str) {
-  return str.replace(/\/\*([\s\S]*?)\*\//g, '').replace(/\/\/(.*)/g, '');
-}
-
 /**
  * Returns an array of tuples representing a processed css within `TaggedTemplateExpression` node.
  * Each element of the array is a tuple `[string, string]`,
@@ -384,10 +301,10 @@ function processCssNode(node, context) {
     return "".concat(q.value.raw).concat(node.quasi.expressions[i] ? getValue(node.quasi.expressions[i], context) : '');
   }).join('');
   var rawString = node.quasi.quasis.map(function (q, i) {
-    return "".concat(q.value.raw).concat(node.quasi.expressions[i] ? getRawExpression(node.quasi.expressions[i], context) ? "${".concat(getRawExpression(node.quasi.expressions[i], context), "}") : null : '');
+    return "".concat(q.value.raw).concat(node.quasi.expressions[i] ? (0, _getRawExpression.getRawExpression)(node.quasi.expressions[i], context) ? "${".concat((0, _getRawExpression.getRawExpression)(node.quasi.expressions[i], context), "}") : null : '');
   }).join('');
-  var cssProperties = splitCssProperties(cleanComments(combinedString));
-  var unalteredCssProperties = splitCssProperties(cleanComments(rawString));
+  var cssProperties = (0, _splitCssProperties.splitCssProperties)((0, _cleanComments.cleanComments)(combinedString));
+  var unalteredCssProperties = (0, _splitCssProperties.splitCssProperties)((0, _cleanComments.cleanComments)(rawString));
   if (cssProperties.length !== unalteredCssProperties.length) {
     // this means something went wrong with the parsing, the original lines can't be reconciled with the processed lines
     return undefined;
@@ -445,70 +362,9 @@ function getFontSizeValueInScope(cssProperties) {
   }
   return getValueFromShorthand(fontSizeValue)[0];
 }
-
-/**
- * Attempts to remove all non-essential words & characters from a style block.
- * Including selectors and queries.
- * @param styleString string of css properties
- */
-function splitCssProperties(styleString) {
-  return styleString.split('\n').filter(function (line) {
-    return !line.trim().startsWith('@');
-  })
-  // sometimes makers will end a css line with `;` that's output from a function expression
-  // since we'll rely on `;` to split each line, we need to ensure it's there
-  .map(function (line) {
-    return line.endsWith(';') ? line : "".concat(line, ";");
-  }).join('\n').replace(/\n/g, '').split(/;|(?<!\$){|(?<!\${.+?)}/) // don't split on template literal expressions i.e. `${...}`
-  // filters lines that are completely null, this could be from function expressions that output both property and value
-  .filter(function (line) {
-    return line.trim() !== 'null' && line.trim() !== 'null;';
-  }).map(function (el) {
-    return el.trim() || '';
-  })
-  // we won't be able to reason about lines that don't have colon (:)
-  .filter(function (line) {
-    return line.split(':').length === 2;
-  }).filter(Boolean);
-}
-
-/**
- * Returns whether the current string is a token value.
- * @param originalVaue string representing a css property value e.g 1em, 12px.
- */
-function isTokenValueString(originalValue) {
-  return originalValue.startsWith('${token(') && originalValue.endsWith('}');
-}
-function includesTokenString(originalValue) {
-  return originalValue.includes('${token(');
-}
-
-/**
- * Translate a raw value into the same value format for further parsing:
- *
- * -> for pixels this '8px'
- * -> for weights     '400'
- * -> for family      'Arial'.
- *
- * @internal
- */
-function normaliseValue(propertyName, value) {
-  var isFontStringProperty = /fontWeight|fontFamily|fontStyle/.test(propertyName);
-  var isLineHeight = /lineHeight/.test(propertyName);
-  var propertyValue = typeof value === 'string' ? value.trim() : value;
-  var lookupValue;
-  if (isFontStringProperty) {
-    lookupValue = "".concat(propertyValue);
-  } else if (isLineHeight) {
-    lookupValue = value === 1 ? "".concat(propertyValue) : "".concat(propertyValue, "px");
-  } else {
-    lookupValue = typeof propertyValue === 'string' ? propertyValue : "".concat(propertyValue, "px");
-  }
-  return lookupValue;
-}
 function findTokenNameByPropertyValue(propertyName, value) {
-  var lookupValue = normaliseValue(propertyName, value);
-  var tokenName = (0, _shape.isShapeProperty)(propertyName) ? (0, _shape.isBorderSizeProperty)(propertyName) ? _shape.borderWidthValueToToken[lookupValue] : _shape.radiusValueToToken[lookupValue] : spacingValueToToken[lookupValue];
+  var lookupValue = (0, _normaliseValue.normaliseValue)(propertyName, value);
+  var tokenName = (0, _shape.isShapeProperty)(propertyName) ? (0, _shape.isBorderSizeProperty)(propertyName) ? _borderWidthValueToToken.borderWidthValueToToken[lookupValue] : _radiusValueToToken.radiusValueToToken[lookupValue] : spacingValueToToken[lookupValue];
   if (!tokenName) {
     return undefined;
   }
@@ -526,7 +382,7 @@ function getTokenReplacement(propertyName, value) {
   if (!tokenName) {
     return undefined;
   }
-  var fallbackValue = normaliseValue(propertyName, value);
+  var fallbackValue = (0, _normaliseValue.normaliseValue)(propertyName, value);
   return getTokenNodeForValue(propertyName, fallbackValue);
 }
 function getPropertyNodeFromParent(property, parentNode) {

package/dist/cjs/rules/icon-label/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-var _jsx = require("../utils/jsx");
+var _findProp = require("../utils/find-prop");
 var elements = ['AkButton', 'AKButton', 'Button', 'IconButton', 'MenuItem', 'ButtonItem', 'CustomItem', 'CustomThemeButton', 'LoadingButton', 'BreadcrumbsItem'];
 var elementsIconProps = ['iconBefore', 'iconAfter', 'icon'];
 var rule = (0, _createRule.createLintRule)({
@@ -66,14 +66,14 @@ var rule = (0, _createRule.createLintRule)({
               if (prop.type !== 'JSXAttribute' || (prop === null || prop === void 0 || (_prop$value = prop.value) === null || _prop$value === void 0 ? void 0 : _prop$value.type) !== 'JSXExpressionContainer') {
                 return;
               }
-              var hasOtherDefinedLabel = !!node.children.length || !!(0, _jsx.findProp)(node, 'aria-label');
+              var hasOtherDefinedLabel = !!node.children.length || !!(0, _findProp.findProp)(node, 'aria-label');
               var expression = prop.value.expression;
               if (expression.type !== 'JSXElement' || expression.openingElement.name.type !== 'JSXIdentifier') {
                 return;
               }
               if (iconImports[expression.openingElement.name.name]) {
                 // We've found an icon from @atlaskit - let's get to work.
-                var labelProp = (0, _jsx.findProp)(expression, 'label');
+                var labelProp = (0, _findProp.findProp)(expression, 'label');
                 if (labelProp && labelProp.value && labelProp.value.type === 'Literal') {
                   var isEmptyStringLabel = labelProp.value.value === '';
                   if (hasOtherDefinedLabel && !isEmptyStringLabel) {
@@ -97,7 +97,7 @@ var rule = (0, _createRule.createLintRule)({
         }
         if (iconImports[name]) {
           // We've found an icon from @atlaskit - let's get to work.
-          var hasLabelProp = (0, _jsx.findProp)(node, 'label');
+          var hasLabelProp = (0, _findProp.findProp)(node, 'label');
           var hasSpreadPropApplied = false;
 
           // Check to see if it's inside an arrow function and the props have been spread

package/dist/cjs/rules/index.codegen.js

@@ -44,6 +44,7 @@ var _noMargin = _interopRequireDefault(require("./no-margin"));
 var _noNestedStyles = _interopRequireDefault(require("./no-nested-styles"));
 var _noPhysicalProperties = _interopRequireDefault(require("./no-physical-properties"));
 var _noPlaceholder = _interopRequireDefault(require("./no-placeholder"));
+var _noReadonlyOrDisabledInputs = _interopRequireDefault(require("./no-readonly-or-disabled-inputs"));
 var _noSeparatorWithListElements = _interopRequireDefault(require("./no-separator-with-list-elements"));
 var _noStyledTaggedTemplateExpression = _interopRequireDefault(require("./no-styled-tagged-template-expression"));
 var _noToMatchSnapshot = _interopRequireDefault(require("./no-to-match-snapshot"));
@@ -83,7 +84,7 @@ var _useTokensTypography = _interopRequireDefault(require("./use-tokens-typograp
 var _useVisuallyHidden = _interopRequireDefault(require("./use-visually-hidden"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9b32672dde773f9e75f0e548609ecb58>>
+ * @codegen <<SignedSource::794b8b6b0c45b899abab17e0d7cff861>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -127,6 +128,7 @@ var rules = exports.rules = {
   'no-nested-styles': _noNestedStyles.default,
   'no-physical-properties': _noPhysicalProperties.default,
   'no-placeholder': _noPlaceholder.default,
+  'no-readonly-or-disabled-inputs': _noReadonlyOrDisabledInputs.default,
   'no-separator-with-list-elements': _noSeparatorWithListElements.default,
   'no-styled-tagged-template-expression': _noStyledTaggedTemplateExpression.default,
   'no-to-match-snapshot': _noToMatchSnapshot.default,

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-add-event-listener.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isBlockedAddEventListener = isBlockedAddEventListener;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _blocked = require("../shared/blocked");
+var _blockedEventNameLookup = require("../shared/blocked-event-name-lookup");
 function isBlockedAddEventListener(node) {
   var callee = node.callee;
   if (!(0, _eslintCodemodUtils.isNodeOfType)(callee, 'MemberExpression')) {
@@ -27,5 +27,5 @@ function isBlockedAddEventListener(node) {
     return false;
   }
   var value = first.value;
-  return typeof value === 'string' && _blocked.blockedEventNameLookup.has(value);
+  return typeof value === 'string' && _blockedEventNameLookup.blockedEventNameLookup.has(value);
 }

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind-all.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.isBlockedBindAll = isBlockedBindAll;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _getImportNodeBySource = require("../../utils/get-import-node-by-source");
+var _getModuleOfIdentifier = require("../../utils/get-module-of-identifier");
 var _isBlockedEventBinding = require("../shared/is-blocked-event-binding");
 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; } }
@@ -19,7 +19,7 @@ function isBlockedBindAll(context, node) {
   if (callee.name !== 'bindAll') {
     return false;
   }
-  var module = (0, _getImportNodeBySource.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), 'bindAll');
+  var module = (0, _getModuleOfIdentifier.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), 'bindAll');
   if ((module === null || module === void 0 ? void 0 : module.moduleName) !== 'bind-event-listener') {
     return false;
   }

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.isBlockedBind = isBlockedBind;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _getImportNodeBySource = require("../../utils/get-import-node-by-source");
+var _getModuleOfIdentifier = require("../../utils/get-module-of-identifier");
 var _isBlockedEventBinding = require("../shared/is-blocked-event-binding");
 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; } }
@@ -19,7 +19,7 @@ function isBlockedBind(context, node) {
   if (callee.name !== 'bind') {
     return false;
   }
-  var module = (0, _getImportNodeBySource.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), 'bind');
+  var module = (0, _getModuleOfIdentifier.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), 'bind');
   if ((module === null || module === void 0 ? void 0 : module.moduleName) !== 'bind-event-listener') {
     return false;
   }

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-jsx-attribute.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.isBlockedJSXAttribute = isBlockedJSXAttribute;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _getImportNodeBySource = require("../../utils/get-import-node-by-source");
-var _blocked = require("../shared/blocked");
+var _getModuleOfIdentifier = require("../../utils/get-module-of-identifier");
+var _blockedJsxAttributeLookup = require("../shared/blocked-jsx-attribute-lookup");
 function getJSXElementNameFromAttribute(attribute) {
   var parent = attribute.parent;
   if (!parent) {
@@ -37,7 +37,7 @@ function isOnBoxPrimitive(context, attribute) {
   if (getJSXElementNameFromAttribute(attribute) !== 'Box') {
     return false;
   }
-  var module = (0, _getImportNodeBySource.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), 'Box');
+  var module = (0, _getModuleOfIdentifier.getModuleOfIdentifier)((0, _contextCompat.getSourceCode)(context), 'Box');
   return (module === null || module === void 0 ? void 0 : module.moduleName) === '@atlaskit/primitives';
 }
 function isBlockedJSXAttribute(context, node) {
@@ -47,7 +47,7 @@ function isBlockedJSXAttribute(context, node) {
   }
 
   // not using a blocked attribute name, can continue on
-  if (!_blocked.blockedJSXAttributeLookup.has(attributeName.name)) {
+  if (!_blockedJsxAttributeLookup.blockedJSXAttributeLookup.has(attributeName.name)) {
     return false;
   }
   return isOnIntrinsicJSXElement(node) || isOnBoxPrimitive(context, node);

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/shared/blocked-event-name-lookup.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockedEventNameLookup = void 0;
+var blockedEventNameLookup = exports.blockedEventNameLookup = new Set(['dragstart', 'dragenter', 'dragleave', 'dragover', 'drag', 'drop', 'dragend']);

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/shared/blocked-jsx-attribute-lookup.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockedJSXAttributeLookup = void 0;
+var blockedJSXAttributeLookup = exports.blockedJSXAttributeLookup = new Set(['onDragStart', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDrag', 'onDrop', 'onDragEnd']);

package/dist/cjs/rules/no-direct-use-of-web-platform-drag-and-drop/shared/is-blocked-event-binding.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isBlockedEventBinding = isBlockedEventBinding;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _blocked = require("./blocked");
+var _blockedEventNameLookup = require("./blocked-event-name-lookup");
 function isBlockedEventBinding(property) {
   if (!(0, _eslintCodemodUtils.isNodeOfType)(property, 'Property')) {
     return false;
@@ -27,5 +27,5 @@ function isBlockedEventBinding(property) {
   if (!(0, _eslintCodemodUtils.isNodeOfType)(value, 'Literal')) {
     return false;
   }
-  return typeof value.value === 'string' && _blocked.blockedEventNameLookup.has(value.value);
+  return typeof value.value === 'string' && _blockedEventNameLookup.blockedEventNameLookup.has(value.value);
 }

package/dist/cjs/rules/no-html-anchor/index.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _createRule = require("../utils/create-rule");
-var _nodeTypes = require("./node-types");
+var _jsxElement = require("./node-types/jsx-element");
+var _styledComponent = require("./node-types/styled-component");
 var rule = (0, _createRule.createLintRule)({
   meta: {
     name: 'no-html-anchor',
@@ -24,13 +25,13 @@ var rule = (0, _createRule.createLintRule)({
     return {
       // transforms styled.<anchor>(...) usages
       CallExpression: function CallExpression(node) {
-        _nodeTypes.StyledComponent.lint(node, {
+        _styledComponent.StyledComponent.lint(node, {
           context: context
         });
       },
       // transforms <anchor css={...}> usages
       JSXElement: function JSXElement(node) {
-        _nodeTypes.JSXElement.lint(node, {
+        _jsxElement.JSXElement.lint(node, {
           context: context
         });
       }

package/dist/cjs/rules/no-html-anchor/node-types/jsx-element/index.js

@@ -1,14 +1,12 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.JSXElement = void 0;
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
+var _jsxElement = require("../../../../ast-nodes/jsx-element");
 var _supported = require("../supported");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -21,7 +19,7 @@ var JSXElement = exports.JSXElement = {
     if (!(0, _supported.isSupportedForLint)(node)) {
       return;
     }
-    var nodeName = ast.JSXElement.getName(node);
+    var nodeName = _jsxElement.JSXElement.getName(node);
     var sourceCode = (0, _contextCompat.getSourceCode)(context);
     var importDeclarations = sourceCode.ast.body.filter(isImportDeclaration);
     var existingLinkName = null;