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

package/dist/es2019/rules/use-tokens-typography/is-valid-typography-token.js

@@ -0,0 +1,4 @@
+import { typography as typographyTokens } from '@atlaskit/tokens/tokens-raw';
+export function isValidTypographyToken(tokenName) {
+  return typographyTokens.filter(t => t.attributes.group === 'typography').filter(t => t.cleanName.includes('font.heading') || t.cleanName.includes('font.body') || t.cleanName.includes('font.code')).find(t => t.cleanName === tokenName);
+}

package/dist/es2019/rules/use-tokens-typography/not-undefined.js

@@ -0,0 +1,3 @@
+export function notUndefined(value) {
+  return value !== undefined;
+}

package/dist/es2019/rules/use-tokens-typography/transformers/banned-properties.js

@@ -1,7 +1,8 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { isDecendantOfStyleBlock, isDecendantOfType } from '../../utils/is-node';
+import { isDecendantOfType } from '../../utils/is-decendant-of-type';
+import { isDecendantOfStyleBlock } from '../../utils/is-node';
 export const BannedProperties = {
   lint(node, {
     context,

package/dist/es2019/rules/use-tokens-typography/transformers/font-family.js

@@ -2,10 +2,12 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { Root } from '../../../ast-nodes';
+import { Root } from '../../../ast-nodes/root';
 import { getNodeSource } from '../../utils/get-node-source';
-import { isDecendantOfStyleBlock, isDecendantOfType } from '../../utils/is-node';
-import { findFontFamilyTokenForValue, insertTokensImport } from '../utils';
+import { isDecendantOfType } from '../../utils/is-decendant-of-type';
+import { isDecendantOfStyleBlock } from '../../utils/is-node';
+import { findFontFamilyTokenForValue } from '../find-font-family-token-for-value';
+import { insertTokensImport } from '../insert-tokens-import';
 export const FontFamily = {
   lint(node, {
     context,

package/dist/es2019/rules/use-tokens-typography/transformers/font-weight.js

@@ -2,10 +2,12 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { Root } from '../../../ast-nodes';
+import { Root } from '../../../ast-nodes/root';
 import { getNodeSource } from '../../utils/get-node-source';
-import { isDecendantOfStyleBlock, isDecendantOfType } from '../../utils/is-node';
-import { findFontWeightTokenForValue, insertTokensImport } from '../utils';
+import { isDecendantOfType } from '../../utils/is-decendant-of-type';
+import { isDecendantOfStyleBlock } from '../../utils/is-node';
+import { insertTokensImport } from '../insert-tokens-import';
+import { findFontWeightTokenForValue } from '../utils';
 export const FontWeight = {
   lint(node, {
     context,

package/dist/es2019/rules/use-tokens-typography/transformers/style-object.js

@@ -2,10 +2,21 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { Object as ASTObject, ObjectEntry, Root } from '../../../ast-nodes';
-import { getValueForPropertyNode, normaliseValue } from '../../ensure-design-token-usage/utils';
-import { isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfType } from '../../utils/is-node';
-import { convertPropertyNodeToStringableNode, defaultFontWeight, findFontWeightTokenForValue, findTypographyTokenForValues, fontWeightMap, getLiteralProperty, getTokenProperty, insertTokensImport, isValidPropertyNode, isValidTypographyToken, notUndefined } from '../utils';
+import { Object as ASTObject } from '../../../ast-nodes/object';
+import { ObjectEntry } from '../../../ast-nodes/object-entry';
+import { Root } from '../../../ast-nodes/root';
+import { normaliseValue } from '../../ensure-design-token-usage/normalise-value';
+import { getValueForPropertyNode } from '../../ensure-design-token-usage/utils';
+import { isDecendantOfGlobalToken } from '../../utils/is-decendant-of-global-token';
+import { isDecendantOfType } from '../../utils/is-decendant-of-type';
+import { isDecendantOfStyleBlock } from '../../utils/is-node';
+import { convertPropertyNodeToStringableNode } from '../convert-property-node-to-stringable-node';
+import { getLiteralProperty } from '../get-literal-property';
+import { insertTokensImport } from '../insert-tokens-import';
+import { isValidPropertyNode } from '../is-valid-property-node';
+import { isValidTypographyToken } from '../is-valid-typography-token';
+import { notUndefined } from '../not-undefined';
+import { defaultFontWeight, findFontWeightTokenForValue, findTypographyTokenForValues, fontWeightMap, getTokenProperty } from '../utils';
 export const StyleObject = {
   lint(node, {
     context,

package/dist/es2019/rules/use-tokens-typography/transformers/untokenized-properties.js

@@ -3,7 +3,8 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getNodeSource } from '../../utils/get-node-source';
-import { isDecendantOfStyleBlock, isDecendantOfType } from '../../utils/is-node';
+import { isDecendantOfType } from '../../utils/is-decendant-of-type';
+import { isDecendantOfStyleBlock } from '../../utils/is-node';
 export const UntokenizedProperties = {
   lint(node, {
     context,

package/dist/es2019/rules/use-tokens-typography/typography-properties.js

@@ -0,0 +1 @@
+export const typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];

package/dist/es2019/rules/use-tokens-typography/utils.js

@@ -1,15 +1,6 @@
-import { callExpression, identifier, isNodeOfType, literal, memberExpression, property } from 'eslint-codemod-utils';
+import { callExpression, identifier, literal, memberExpression, property } from 'eslint-codemod-utils';
 import { typographyPalette } from '@atlaskit/tokens/palettes-raw';
 import { typography as typographyTokens } from '@atlaskit/tokens/tokens-raw';
-import { Root } from '../../ast-nodes';
-export const typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];
-export const isTypographyProperty = propertyName => {
-  return typographyProperties.includes(propertyName);
-};
-export const isFontSize = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontSize' || node.callee.name === 'getFontSize');
-export const isFontSizeSmall = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
-export const isFontFamily = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontFamily' || node.callee.name === 'getFontFamily');
-export const isCodeFontFamily = node => isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'codeFontFamily' || node.callee.name === 'getCodeFontFamily');
 export const typographyValueToToken = typographyTokens
 // we're filtering here to remove the `font` tokens.
 .filter(t => t.attributes.group === 'typography').filter(t => t.cleanName.includes('font.heading') || t.cleanName.includes('font.body'))
@@ -33,9 +24,6 @@ export const typographyValueToToken = typographyTokens
     values: individualValues
   };
 });
-export function isValidTypographyToken(tokenName) {
-  return typographyTokens.filter(t => t.attributes.group === 'typography').filter(t => t.cleanName.includes('font.heading') || t.cleanName.includes('font.body') || t.cleanName.includes('font.code')).find(t => t.cleanName === tokenName);
-}
 export function findTypographyTokenForValues(fontSize, lineHeight) {
   // Match 11px to 12px as this is what happened when transitioning from legacy to refreshed typography
   if (fontSize === '11px') {
@@ -73,26 +61,6 @@ export const fontWeightMap = {
   bold: '700'
 };
 export const defaultFontWeight = fontWeightMap.regular;
-export function findFontFamilyTokenForValue(value) {
-  if (/charlie[\s-]?display/i.test(value)) {
-    return 'font.family.brand.heading';
-  } else if (/charlie[\s-]?text/i.test(value)) {
-    return 'font.family.brand.body';
-  } else if (/sans[\s-]?serif/i.test(value)) {
-    return 'font.family.body';
-  } else if (/monospace/i.test(value)) {
-    return 'font.family.code';
-  }
-}
-export function notUndefined(value) {
-  return value !== undefined;
-}
-export function isValidPropertyNode(node) {
-  if (!isNodeOfType(node.key, 'Identifier') && !isNodeOfType(node.key, 'Literal')) {
-    return false;
-  }
-  return true;
-}
 function getTokenNode(tokenName, fallbackValue, isFallbackMember = false) {
   const callExpressionArgs = [literal({
     value: `'${tokenName}'`
@@ -125,21 +93,4 @@ export function getTokenProperty(propertyName, tokenName, tokenFallback, isFallb
     value: getTokenNode(tokenName, tokenFallback, isFallbackMember)
   });
 }
-export function getLiteralProperty(propertyName, propertyValue) {
-  return property({
-    key: identifier(propertyName),
-    value: literal(propertyValue)
-  });
-}
-export function convertPropertyNodeToStringableNode(node) {
-  return property({
-    key: node.key,
-    value: node.value
-  });
-}
-export function insertTokensImport(root, fixer) {
-  return Root.insertImport(root, {
-    module: '@atlaskit/tokens',
-    specifiers: ['token']
-  }, fixer);
-}
+export { isTypographyProperty } from './is-typography-property';

package/dist/es2019/rules/use-visually-hidden/fix-jsx.js

@@ -1,7 +1,7 @@
 import { closestOfType } from 'eslint-codemod-utils';
-import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
+import { getImportedNodeBySource } from '../utils/get-imported-node-by-source';
 import { IMPORT_NAME, VISUALLY_HIDDEN_IMPORT, VISUALLY_HIDDEN_SOURCE } from './constants';
-import { getFirstImport } from './utils';
+import { getFirstImport } from './get-first-import';
 const fixJsx = (source, node) => fixer => {
   const fixes = [];
   const importedNode = getFirstImport(source);

package/dist/es2019/rules/use-visually-hidden/fix-vanilla.js

@@ -1,6 +1,6 @@
-import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
+import { getImportedNodeBySource } from '../utils/get-imported-node-by-source';
 import { IMPORT_NAME, VISUALLY_HIDDEN_IMPORT, VISUALLY_HIDDEN_SOURCE } from './constants';
-import { getFirstImport } from './utils';
+import { getFirstImport } from './get-first-import';
 const fixVanilla = (source, node) => fixer => {
   const fixes = [];
   const importedNode = getFirstImport(source);

package/dist/es2019/rules/use-visually-hidden/get-first-import.js

@@ -0,0 +1,6 @@
+/**
+ * Returns the first import in the esprima AST.
+ */
+export const getFirstImport = source => {
+  return source.ast.body.find(node => node.type === 'ImportDeclaration');
+};

package/dist/es2019/rules/use-visually-hidden/index.js

@@ -1,10 +1,12 @@
 import { closestOfType, hasImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
 import { getDeclaredVariables, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';
-import { isCssInJsObjectNode, isCssInJsTemplateNode } from '../utils/is-node';
+import { isCssInJsTemplateNode } from '../utils/is-css-in-js-template-node';
+import { isCssInJsObjectNode } from '../utils/is-node';
 import fixJsx from './fix-jsx';
 import fixVanilla from './fix-vanilla';
-import { countMatchingKeyValues, getObjectLikeness, makeTemplateLiteralIntoEntries } from './utils';
+import { makeTemplateLiteralIntoEntries } from './make-template-literal-into-entries';
+import { countMatchingKeyValues, getObjectLikeness } from './utils';
 const THEME_IMPORT_NAMES = ['visuallyHidden', 'assistive'];
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/use-visually-hidden/make-template-literal-into-entries.js

@@ -0,0 +1,6 @@
+/**
+ * Takes a template literal and returns [key, value] array of the css properties
+ */
+export const makeTemplateLiteralIntoEntries = templateString => {
+  return templateString.replace(/\n/g, '').split(/;|{|}/).filter(el => !el.match(/\@/)).map(el => el.trim().split(':').map(e => e.trim()));
+};

package/dist/es2019/rules/use-visually-hidden/utils.js

@@ -9,20 +9,6 @@ const referenceObject = {
   overflow: 'hidden',
   whiteSpace: 'nowrap'
 };
-/**
- * Returns the first import in the esprima AST.
- */
-export const getFirstImport = source => {
-  return source.ast.body.find(node => node.type === 'ImportDeclaration');
-};
-
-/**
- * Takes a template literal and returns [key, value] array of the css properties
- */
-export const makeTemplateLiteralIntoEntries = templateString => {
-  return templateString.replace(/\n/g, '').split(/;|{|}/).filter(el => !el.match(/\@/)).map(el => el.trim().split(':').map(e => e.trim()));
-};
-
 /**
  * Given a node, translate the node into css key-value pairs and
  * compare the output to the reference styles required to make a

package/dist/es2019/rules/utils/find-prop.js

@@ -0,0 +1,4 @@
+export function findProp(jsx, propName) {
+  const labelProp = jsx.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === propName);
+  return labelProp;
+}

package/dist/es2019/rules/utils/get-imported-node-by-source.js

@@ -0,0 +1,8 @@
+/**
+ * @param {SourceCode} source The eslint source
+ * @param {string} path The path specified to find
+ * @returns {ImportDeclaration}
+ */
+export const getImportedNodeBySource = (source, path) => {
+  return source.ast.body.filter(node => node.type === 'ImportDeclaration').find(node => node.source.value === path);
+};

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

@@ -1,12 +1,3 @@
-/**
- * @param {SourceCode} source The eslint source
- * @param {string} path The path specified to find
- * @returns {ImportDeclaration}
- */
-export const getImportedNodeBySource = (source, path) => {
-  return source.ast.body.filter(node => node.type === 'ImportDeclaration').find(node => node.source.value === path);
-};
-
 /**
  * Returns the module name of an identifier, if one exists.
  *

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

@@ -0,0 +1,2 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+export const isChildOfType = (node, type) => isNodeOfType(node.parent, type);

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

@@ -1,4 +1,3 @@
-import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 const 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']);
 const 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:
@@ -36,5 +35,4 @@ export const isHardCodedColor = value => {
 };
 const validColorPropertyNames = new Set(['color', 'background', 'background-color', 'border', 'border-left', 'border-right', 'border-top', 'border-bottom', 'border-color', 'border-left-color', 'border-right-color', 'border-top-color', 'border-bottom-color', 'outline', 'outline-color', 'box-shadow']);
 const kebabize = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
-export const isColorCssPropertyName = value => validColorPropertyNames.has(kebabize(value));
-export const isCurrentSurfaceCustomPropertyName = value => value === 'CURRENT_SURFACE_CSS_VAR' || value === CURRENT_SURFACE_CSS_VAR;
+export const isColorCssPropertyName = value => validColorPropertyNames.has(kebabize(value));

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

@@ -0,0 +1 @@
+export const isCssInJsTemplateNode = node => (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/es2019/rules/utils/is-current-surface-custom-property-name.js

@@ -0,0 +1,2 @@
+import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
+export const isCurrentSurfaceCustomPropertyName = value => value === 'CURRENT_SURFACE_CSS_VAR' || value === CURRENT_SURFACE_CSS_VAR;

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

@@ -0,0 +1,10 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+export const isDecendantOfGlobalToken = node => {
+  if (isNodeOfType(node, 'CallExpression') && 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/es2019/rules/utils/is-decendant-of-primitive.js

@@ -0,0 +1,19 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { Root } from '../../ast-nodes/root';
+export const isDecendantOfPrimitive = (node, context) => {
+  const primitivesToCheck = ['Box', 'Text', 'Tile'];
+  if (isNodeOfType(node, 'JSXElement')) {
+    // @ts-ignore
+    if (primitivesToCheck.includes(node.openingElement.name.name)) {
+      const importDeclaration = Root.findImportsByModule(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/es2019/rules/utils/is-decendant-of-style-jsx-attribute.js

@@ -0,0 +1,10 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+export const isDecendantOfStyleJsxAttribute = node => {
+  if (isNodeOfType(node, 'JSXAttribute')) {
+    return true;
+  }
+  if (node.parent) {
+    return isDecendantOfStyleJsxAttribute(node.parent);
+  }
+  return false;
+};

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

@@ -0,0 +1,13 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+export const isDecendantOfSvgElement = node => {
+  if (isNodeOfType(node, 'JSXElement')) {
+    // @ts-ignore
+    if (node.openingElement.name.name === 'svg') {
+      return true;
+    }
+  }
+  if (node.parent) {
+    return isDecendantOfSvgElement(node.parent);
+  }
+  return false;
+};

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

@@ -0,0 +1,9 @@
+export const isDecendantOfType = (node, type, skipNode = true) => {
+  if (!skipNode && node.type === type) {
+    return true;
+  }
+  if (node.parent) {
+    return isDecendantOfType(node.parent, type, false);
+  }
+  return false;
+};

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

@@ -0,0 +1,11 @@
+import { isXcss } from '@atlaskit/eslint-utils/is-supported-import';
+export const 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' && isXcss(node.callee, referencesInScope, importSources)) {
+    return true;
+  }
+  if (node.parent) {
+    return isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
+  }
+  return false;
+};

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

@@ -1,83 +1,7 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { isXcss } from '@atlaskit/eslint-utils/is-supported-import';
-import { Root } from '../../ast-nodes';
-export const isDecendantOfGlobalToken = node => {
-  if (isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'token' || node.callee.name === 'getTokenValue')) {
-    return true;
-  }
-  if (node.parent) {
-    return isDecendantOfGlobalToken(node.parent);
-  }
-  return false;
-};
-export const isDecendantOfType = (node, type, skipNode = true) => {
-  if (!skipNode && node.type === type) {
-    return true;
-  }
-  if (node.parent) {
-    return isDecendantOfType(node.parent, type, false);
-  }
-  return false;
-};
-export const isPropertyKey = node => {
-  if (isNodeOfType(node, 'Identifier') && isDecendantOfType(node, 'Property')) {
-    const parent = node.parent;
-    return node === parent.key || parent.shorthand;
-  }
-  return false;
-};
-export const isDecendantOfStyleJsxAttribute = node => {
-  if (isNodeOfType(node, 'JSXAttribute')) {
-    return true;
-  }
-  if (node.parent) {
-    return isDecendantOfStyleJsxAttribute(node.parent);
-  }
-  return false;
-};
-export const isDecendantOfSvgElement = node => {
-  if (isNodeOfType(node, 'JSXElement')) {
-    // @ts-ignore
-    if (node.openingElement.name.name === 'svg') {
-      return true;
-    }
-  }
-  if (node.parent) {
-    return isDecendantOfSvgElement(node.parent);
-  }
-  return false;
-};
-export const isDecendantOfPrimitive = (node, context) => {
-  const primitivesToCheck = ['Box', 'Text', 'Tile'];
-  if (isNodeOfType(node, 'JSXElement')) {
-    // @ts-ignore
-    if (primitivesToCheck.includes(node.openingElement.name.name)) {
-      const importDeclaration = Root.findImportsByModule(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;
-};
+import { isCssInJsTemplateNode } from './is-css-in-js-template-node';
 const cssInJsCallees = ['css', 'styled', 'styled2'];
-export const isCssInJsTemplateNode = node => (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';
 export const isCssInJsCallNode = node => (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'Identifier' && cssInJsCallees.includes(node.callee.name);
 export const isCssInJsObjectNode = node => (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);
-export const 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' && isXcss(node.callee, referencesInScope, importSources)) {
-    return true;
-  }
-  if (node.parent) {
-    return isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
-  }
-  return false;
-};
 export const isDecendantOfStyleBlock = node => {
   if (node.type === 'VariableDeclarator') {
     if (node.id.type !== 'Identifier') {
@@ -113,4 +37,4 @@ export const isDecendantOfStyleBlock = node => {
   }
   return false;
 };
-export const isChildOfType = (node, type) => isNodeOfType(node.parent, type);
+export { isPropertyKey } from './is-property-key';

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

@@ -0,0 +1,9 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { isDecendantOfType } from './is-decendant-of-type';
+export const isPropertyKey = node => {
+  if (isNodeOfType(node, 'Identifier') && isDecendantOfType(node, 'Property')) {
+    const parent = node.parent;
+    return node === parent.key || parent.shorthand;
+  }
+  return false;
+};

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

@@ -1,7 +1,3 @@
-export function findProp(jsx, propName) {
-  const labelProp = jsx.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === propName);
-  return labelProp;
-}
 function unrollMemberExpression(exp) {
   if (exp.type === 'JSXIdentifier') {
     return exp.name;

package/dist/esm/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 @@ var 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/esm/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 @@ var 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/esm/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 @@ var 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/esm/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 @@ var 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/esm/rules/consistent-css-prop-usage/index.js

@@ -8,10 +8,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';
 var isDOMElementName = function isDOMElementName(elementName) {
   return elementName.charAt(0) !== elementName.charAt(0).toUpperCase() && elementName.charAt(0) === elementName.charAt(0).toLowerCase();
 };

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

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

package/dist/esm/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, '');
+}