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

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::d924c9b1f1f815e7bbe77b86ee42ad86>>
+ * @codegen <<SignedSource::80fbc23d43d39baa6c31e19dfe79680c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -20,7 +20,6 @@ var rules = {
     '@atlaskit/design-system/no-banned-imports': 'error',
     '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
-    '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': 'error',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
@@ -47,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::9dbc4d90a7430699860bd67938cfd53b>>
+ * @codegen <<SignedSource::e7c368ed33d7a7522f63adf34dd26857>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -19,7 +19,6 @@ var rules = {
     '@atlaskit/design-system/no-banned-imports': 'error',
     '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
-    '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': 'error',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
@@ -46,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, '');
+}

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

@@ -4,9 +4,14 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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
  */
@@ -298,9 +303,6 @@ export var lintJSXIdentifierForColor = function lintJSXIdentifierForColor(node,
     return;
   }
 };
-export var getElevationTokenExample = function getElevationTokenExample(elevation) {
-  return "```\nimport { token } from '@atlaskit/tokens';\n\ncss({\n  backgroundColor: token('".concat(elevation.background, "');\n  boxShadow: token('").concat(elevation.shadow, "');\n});\n```");
-};
 export var getTokenSuggestion = function getTokenSuggestion(node, reference, config) {
   return [{
     shouldReturnSuggestion: !isDecendantOfGlobalToken(node) && config.shouldEnforceFallbacks === false,

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

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

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

@@ -0,0 +1,16 @@
+/**
+ * @param node
+ * @returns The furthest parent node that is on the same line as the input node.
+ */
+var _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);
+  }
+};
+export { _findParentNodeForLine as findParentNodeForLine };

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

@@ -0,0 +1,3 @@
+export var getElevationTokenExample = function getElevationTokenExample(elevation) {
+  return "```\nimport { token } from '@atlaskit/tokens';\n\ncss({\n  backgroundColor: token('".concat(elevation.background, "');\n  boxShadow: token('").concat(elevation.shadow, "');\n});\n```");
+};

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

@@ -0,0 +1,15 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+export var getRawExpression = function 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;
+  }
+  var _node$range = _slicedToArray(node.range, 2),
+    start = _node$range[0],
+    end = _node$range[1];
+  return getSourceCode(context).getText().substring(start, end).replaceAll('\n', '');
+};

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

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

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

@@ -5,11 +5,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';
 var defaultConfig = {
   domains: ['color', 'spacing'],
   applyImport: true,

package/dist/esm/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, "".concat(insertImportDeclaration('@atlaskit/tokens', ['token']), "\n"));
+}

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

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

package/dist/esm/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/esm/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/esm/rules/ensure-design-token-usage/is-zero.js

@@ -0,0 +1,13 @@
+export var 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;
+};

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

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

@@ -0,0 +1,8 @@
+import { shape as shapeTokens } from '@atlaskit/tokens/tokens-raw';
+export var radiusValueToToken = Object.fromEntries(shapeTokens.filter(function (t) {
+  return t.name.startsWith('radius');
+}).map(function (t) {
+  return [t.value, t.cleanName];
+})
+// add in extra entries to resolve 3px, 50%, and 100% to tokens
+.concat([['3px', 'radius.small'], ['50%', 'radius.full'], ['100%', 'radius.full']]));

package/dist/esm/rules/ensure-design-token-usage/shape.js

@@ -1,19 +1,5 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { shape as shapeTokens } from '@atlaskit/tokens/tokens-raw';
 var shapeProperties = ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius', 'borderRadius', 'borderStartStartRadius', 'borderStartEndRadius', 'borderEndStartRadius', 'borderEndEndRadius'];
 var borderSizeProperties = ['borderWidth', 'outlineWidth', 'borderRightWidth', 'borderLeftWidth', 'borderTopWidth', 'borderBottomWidth', 'borderInlineWidth', 'borderBlockWidth'];
-export var radiusValueToToken = Object.fromEntries(shapeTokens.filter(function (t) {
-  return t.name.startsWith('radius');
-}).map(function (t) {
-  return [t.value, t.cleanName];
-})
-// add in extra entries to resolve 3px, 50%, and 100% to tokens
-.concat([['3px', 'radius.small'], ['50%', 'radius.full'], ['100%', 'radius.full']]));
-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']]));
 export function isRadiusProperty(propertyName) {
   return shapeProperties.includes(propertyName);
 }
@@ -22,7 +8,4 @@ export function isBorderSizeProperty(propertyName) {
 }
 export function isShapeProperty(propertyName) {
   return isRadiusProperty(propertyName) || isBorderSizeProperty(propertyName);
-}
-export function isBorderRadius(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'borderRadius' || node.callee.name === 'getBorderRadius');
 }

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

@@ -3,7 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _defineProperty(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; }
 import { isNodeOfType, property } from 'eslint-codemod-utils';
-import { emToPixels, findTokenNameByPropertyValue, getRawExpression, getTokenNodeForValue, getTokenReplacement, getValue, insertTokensImport, isAuto, isCalc, isValidSpacingValue, isZero, splitShorthandValues } from './utils';
+import { getRawExpression } from './get-raw-expression';
+import { insertTokensImport } from './insert-tokens-import';
+import { isAuto } from './is-auto';
+import { isZero } from './is-zero';
+import { splitShorthandValues } from './split-shorthand-values';
+import { emToPixels, findTokenNameByPropertyValue, getTokenNodeForValue, getTokenReplacement, getValue, isCalc, isValidSpacingValue } from './utils';
 export var lintObjectForSpacing = function lintObjectForSpacing(node, context, ruleConfig, fontSize, tokenNode) {
   if (isNodeOfType(node.value, 'Literal') && !isValidSpacingValue(node.value.value, fontSize)) {
     context.report({

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

@@ -0,0 +1,25 @@
+/**
+ * Attempts to remove all non-essential words & characters from a style block.
+ * Including selectors and queries.
+ * @param styleString string of css properties
+ */
+export 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/esm/rules/ensure-design-token-usage/split-shorthand-values.js

@@ -0,0 +1,14 @@
+/**
+ * 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`]
+ */
+export var splitShorthandValues = function splitShorthandValues(str) {
+  return str.split(/(\S*\$\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\}\S*)|\s+/g).filter(Boolean);
+};

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

@@ -1,36 +1,27 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-import { callExpression, identifier, insertAtStartOfFile, insertImportDeclaration, isNodeOfType, literal } from 'eslint-codemod-utils';
-import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { callExpression, identifier, isNodeOfType, literal } from 'eslint-codemod-utils';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { spacing as spacingScale } from '@atlaskit/tokens/tokens-raw';
 import { findIdentifierInParentScope } from '../utils/find-in-parent';
-import { isColorCssPropertyName, isCurrentSurfaceCustomPropertyName } from '../utils/is-color';
-import { borderWidthValueToToken, isBorderRadius, isBorderSizeProperty, isShapeProperty, radiusValueToToken } from './shape';
+import { isColorCssPropertyName } from '../utils/is-color';
+import { isCurrentSurfaceCustomPropertyName } from '../utils/is-current-surface-custom-property-name';
+import { borderWidthValueToToken } from './border-width-value-to-token';
+import { cleanComments } from './clean-comments';
+import { getRawExpression } from './get-raw-expression';
+import { isBorderRadius } from './is-border-radius';
+import { normaliseValue } from './normalise-value';
+import { radiusValueToToken } from './radius-value-to-token';
+import { isBorderSizeProperty, isShapeProperty } from './shape';
+import { splitCssProperties } from './split-css-properties';
+import { splitShorthandValues } from './split-shorthand-values';
 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(spacingScale.map(function (token) {
   return [token.value, token.cleanName];
 }));
-export function insertTokensImport(fixer) {
-  return insertAtStartOfFile(fixer, "".concat(insertImportDeclaration('@atlaskit/tokens', ['token']), "\n"));
-}
 export var 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`]
- */
-export var splitShorthandValues = function splitShorthandValues(str) {
-  return str.split(/(\S*\$\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\}\S*)|\s+/g).filter(Boolean);
-};
 export var getValueFromShorthand = function getValueFromShorthand(str) {
   var valueString = String(str);
   var fontFamily = /(Charlie)|(sans-serif$)|(monospace$)/;
@@ -113,18 +104,6 @@ export var getValue = function getValue(node, context) {
   }
   return null;
 };
-export var getRawExpression = function 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;
-  }
-  var _node$range = _slicedToArray(node.range, 2),
-    start = _node$range[0],
-    end = _node$range[1];
-  return getSourceCode(context).getText().substring(start, end).replaceAll('\n', '');
-};
 var getValueFromIdentifier = function getValueFromIdentifier(node, context) {
   if (!isNodeOfType(node, 'Identifier')) {
     return null;
@@ -260,50 +239,6 @@ export var isCalc = function isCalc(value) {
   }
   return false;
 };
-export var 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;
-};
-export var isAuto = function isAuto(value) {
-  if (typeof value === 'string') {
-    if (value === 'auto') {
-      return true;
-    }
-  }
-  return false;
-};
-
-// convert line-height to lineHeight
-export var 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 = 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.
@@ -316,7 +251,6 @@ var _findParentNodeForLine = function findParentNodeForLine(node) {
  * propertyName: backgroundColor, targetOptions: ['color', 'spacing'] -> returns ['color']
  * ```
  */
-export { _findParentNodeForLine as findParentNodeForLine };
 export function getDomainsForProperty(propertyName, targetOptions) {
   var domains = [];
   if ((isColorCssPropertyName(propertyName) || isCurrentSurfaceCustomPropertyName(propertyName)) && targetOptions.includes('color')) {
@@ -331,14 +265,6 @@ export 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.
- */
-export 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]`,
@@ -417,67 +343,6 @@ export 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
- */
-export 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.
- */
-export function isTokenValueString(originalValue) {
-  return originalValue.startsWith('${token(') && originalValue.endsWith('}');
-}
-export 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
- */
-export 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;
-}
 export function findTokenNameByPropertyValue(propertyName, value) {
   var lookupValue = normaliseValue(propertyName, value);
   var tokenName = isShapeProperty(propertyName) ? isBorderSizeProperty(propertyName) ? borderWidthValueToToken[lookupValue] : radiusValueToToken[lookupValue] : spacingValueToToken[lookupValue];

package/dist/esm/rules/ensure-icon-color/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createIsFromImportSourceFor } from '../no-custom-icons/checks/is-from-import-source';
+import { createIsFromImportSourceFor } from '../../common/is-from-import-source';
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
 

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

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
-import { findProp } from '../utils/jsx';
+import { findProp } from '../utils/find-prop';
 var elements = ['AkButton', 'AKButton', 'Button', 'IconButton', 'MenuItem', 'ButtonItem', 'CustomItem', 'CustomThemeButton', 'LoadingButton', 'BreadcrumbsItem'];
 var elementsIconProps = ['iconBefore', 'iconAfter', 'icon'];
 var rule = createLintRule({