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

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

@@ -1,23 +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 var typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];
-export var isTypographyProperty = function isTypographyProperty(propertyName) {
-  return typographyProperties.includes(propertyName);
-};
-export var isFontSize = function isFontSize(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontSize' || node.callee.name === 'getFontSize');
-};
-export var isFontSizeSmall = function isFontSizeSmall(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
-};
-export var isFontFamily = function isFontFamily(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'fontFamily' || node.callee.name === 'getFontFamily');
-};
-export var isCodeFontFamily = function isCodeFontFamily(node) {
-  return isNodeOfType(node, 'CallExpression') && isNodeOfType(node.callee, 'Identifier') && (node.callee.name === 'codeFontFamily' || node.callee.name === 'getCodeFontFamily');
-};
 export var typographyValueToToken = typographyTokens
 // we're filtering here to remove the `font` tokens.
 .filter(function (t) {
@@ -53,15 +36,6 @@ export var typographyValueToToken = typographyTokens
     values: individualValues
   };
 });
-export function isValidTypographyToken(tokenName) {
-  return typographyTokens.filter(function (t) {
-    return t.attributes.group === 'typography';
-  }).filter(function (t) {
-    return t.cleanName.includes('font.heading') || t.cleanName.includes('font.body') || t.cleanName.includes('font.code');
-  }).find(function (t) {
-    return 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') {
@@ -108,26 +82,6 @@ export var fontWeightMap = {
   bold: '700'
 };
 export var 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) {
   var isFallbackMember = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var callExpressionArgs = [literal({
@@ -162,21 +116,4 @@ export function getTokenProperty(propertyName, tokenName, tokenFallback) {
     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/esm/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';
 var fixJsx = function fixJsx(source, node) {
   return function (fixer) {
     var fixes = [];

package/dist/esm/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';
 var fixVanilla = function fixVanilla(source, node) {
   return function (fixer) {
     var fixes = [];

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

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

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

@@ -2,10 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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';
 var THEME_IMPORT_NAMES = ['visuallyHidden', 'assistive'];
 var rule = createLintRule({
   meta: {

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

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

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

@@ -9,28 +9,6 @@ var referenceObject = {
   overflow: 'hidden',
   whiteSpace: 'nowrap'
 };
-/**
- * Returns the first import in the esprima AST.
- */
-export var getFirstImport = function getFirstImport(source) {
-  return source.ast.body.find(function (node) {
-    return node.type === 'ImportDeclaration';
-  });
-};
-
-/**
- * Takes a template literal and returns [key, value] array of the css properties
- */
-export var makeTemplateLiteralIntoEntries = function makeTemplateLiteralIntoEntries(templateString) {
-  return templateString.replace(/\n/g, '').split(/;|{|}/).filter(function (el) {
-    return !el.match(/\@/);
-  }).map(function (el) {
-    return el.trim().split(':').map(function (e) {
-      return 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/esm/rules/utils/find-prop.js

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+export var isChildOfType = function isChildOfType(node, type) {
+  return isNodeOfType(node.parent, type);
+};

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

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

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

@@ -0,0 +1,3 @@
+export var isCssInJsTemplateNode = function isCssInJsTemplateNode(node) {
+  return (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';
+};

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

@@ -0,0 +1,4 @@
+import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
+export var isCurrentSurfaceCustomPropertyName = function isCurrentSurfaceCustomPropertyName(value) {
+  return value === 'CURRENT_SURFACE_CSS_VAR' || value === CURRENT_SURFACE_CSS_VAR;
+};

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

@@ -0,0 +1,11 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+var _isDecendantOfGlobalToken = function 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 { _isDecendantOfGlobalToken as isDecendantOfGlobalToken };

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

@@ -0,0 +1,20 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { Root } from '../../ast-nodes/root';
+var _isDecendantOfPrimitive = function isDecendantOfPrimitive(node, context) {
+  var primitivesToCheck = ['Box', 'Text', 'Tile'];
+  if (isNodeOfType(node, 'JSXElement')) {
+    // @ts-ignore
+    if (primitivesToCheck.includes(node.openingElement.name.name)) {
+      var 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;
+};
+export { _isDecendantOfPrimitive as isDecendantOfPrimitive };

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

@@ -0,0 +1,11 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+var _isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttribute(node) {
+  if (isNodeOfType(node, 'JSXAttribute')) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfStyleJsxAttribute(node.parent);
+  }
+  return false;
+};
+export { _isDecendantOfStyleJsxAttribute as isDecendantOfStyleJsxAttribute };

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

@@ -0,0 +1,14 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+var _isDecendantOfSvgElement = function 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 { _isDecendantOfSvgElement as isDecendantOfSvgElement };

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

@@ -0,0 +1,11 @@
+var _isDecendantOfType = function isDecendantOfType(node, type) {
+  var skipNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (!skipNode && node.type === type) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfType(node.parent, type, false);
+  }
+  return false;
+};
+export { _isDecendantOfType as isDecendantOfType };

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

@@ -0,0 +1,12 @@
+import { isXcss } from '@atlaskit/eslint-utils/is-supported-import';
+var _isDecendantOfXcssBlock = function isDecendantOfXcssBlock(node, referencesInScope, importSources) {
+  // xcss contains types for all properties that accept tokens, so ignore xcss for linting as it will report false positives
+  if (node.type === 'CallExpression' && isXcss(node.callee, referencesInScope, importSources)) {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
+  }
+  return false;
+};
+export { _isDecendantOfXcssBlock as isDecendantOfXcssBlock };

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

@@ -1,96 +1,11 @@
-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';
-var _isDecendantOfGlobalToken = function 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 { _isDecendantOfGlobalToken as isDecendantOfGlobalToken };
-var _isDecendantOfType = function isDecendantOfType(node, type) {
-  var skipNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  if (!skipNode && node.type === type) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfType(node.parent, type, false);
-  }
-  return false;
-};
-export { _isDecendantOfType as isDecendantOfType };
-export var isPropertyKey = function isPropertyKey(node) {
-  if (isNodeOfType(node, 'Identifier') && _isDecendantOfType(node, 'Property')) {
-    var parent = node.parent;
-    return node === parent.key || parent.shorthand;
-  }
-  return false;
-};
-var _isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttribute(node) {
-  if (isNodeOfType(node, 'JSXAttribute')) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfStyleJsxAttribute(node.parent);
-  }
-  return false;
-};
-export { _isDecendantOfStyleJsxAttribute as isDecendantOfStyleJsxAttribute };
-var _isDecendantOfSvgElement = function 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 { _isDecendantOfSvgElement as isDecendantOfSvgElement };
-var _isDecendantOfPrimitive = function isDecendantOfPrimitive(node, context) {
-  var primitivesToCheck = ['Box', 'Text', 'Tile'];
-  if (isNodeOfType(node, 'JSXElement')) {
-    // @ts-ignore
-    if (primitivesToCheck.includes(node.openingElement.name.name)) {
-      var 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;
-};
-export { _isDecendantOfPrimitive as isDecendantOfPrimitive };
+import { isCssInJsTemplateNode } from './is-css-in-js-template-node';
 var cssInJsCallees = ['css', 'styled', 'styled2'];
-export var isCssInJsTemplateNode = function isCssInJsTemplateNode(node) {
-  return (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';
-};
 export var isCssInJsCallNode = function isCssInJsCallNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'Identifier' && cssInJsCallees.includes(node.callee.name);
 };
 export var isCssInJsObjectNode = function isCssInJsObjectNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'MemberExpression' && node.callee.object.type === 'Identifier' && cssInJsCallees.includes(node.callee.object.name);
 };
-var _isDecendantOfXcssBlock = function isDecendantOfXcssBlock(node, referencesInScope, importSources) {
-  // xcss contains types for all properties that accept tokens, so ignore xcss for linting as it will report false positives
-  if (node.type === 'CallExpression' && isXcss(node.callee, referencesInScope, importSources)) {
-    return true;
-  }
-  if (node.parent) {
-    return _isDecendantOfXcssBlock(node.parent, referencesInScope, importSources);
-  }
-  return false;
-};
-export { _isDecendantOfXcssBlock as isDecendantOfXcssBlock };
 var _isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
   if (node.type === 'VariableDeclarator') {
     if (node.id.type !== 'Identifier') {
@@ -131,6 +46,4 @@ var _isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
   return false;
 };
 export { _isDecendantOfStyleBlock as isDecendantOfStyleBlock };
-export var isChildOfType = function isChildOfType(node, type) {
-  return isNodeOfType(node.parent, type);
-};
+export { isPropertyKey } from './is-property-key';

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

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

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

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

package/dist/types/presets/all-flat.codegen.d.ts

@@ -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
  */
 import type { Linter } from 'eslint';

package/dist/types/presets/all.codegen.d.ts

@@ -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
  */
 import type { ESLint } from 'eslint';

package/dist/types/presets/recommended-flat.codegen.d.ts

@@ -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
  */
 import type { Linter } from 'eslint';

package/dist/types/presets/recommended.codegen.d.ts

@@ -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
  */
 import type { ESLint } from 'eslint';

package/dist/types/rules/ensure-design-token-usage/border-width-value-to-token.d.ts

@@ -0,0 +1 @@
+export declare const borderWidthValueToToken: any;

package/dist/types/rules/ensure-design-token-usage/clean-comments.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 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 declare function cleanComments(str: string): string;

package/dist/types/rules/ensure-design-token-usage/color.d.ts

@@ -1,6 +1,5 @@
 import type { Rule } from 'eslint';
 import { type Property } from 'eslint-codemod-utils';
-import { isLegacyElevation } from '../utils/is-elevation';
 import type { RuleConfig } from './types';
 type Suggestion = {
     shouldReturnSuggestion: boolean;
@@ -10,6 +9,5 @@ export declare const lintObjectForColor: (propertyNode: Property, context: Rule.
 export declare const lintJSXLiteralForColor: (node: Rule.Node, context: Rule.RuleContext, config: RuleConfig) => void;
 export declare const lintJSXMemberForColor: (node: Rule.Node, context: Rule.RuleContext, config: RuleConfig) => void;
 export declare const lintJSXIdentifierForColor: (node: Rule.Node, context: Rule.RuleContext, config: RuleConfig) => void;
-export declare const getElevationTokenExample: (elevation: Exclude<ReturnType<typeof isLegacyElevation>, false>) => string;
 export declare const getTokenSuggestion: (node: Rule.Node, reference: string, config: RuleConfig) => Suggestion[];
 export {};

package/dist/types/rules/ensure-design-token-usage/convert-hyphenated-name-to-camel-case.d.ts

@@ -0,0 +1 @@
+export declare const convertHyphenatedNameToCamelCase: (prop: string) => string;

package/dist/types/rules/ensure-design-token-usage/find-parent-node-for-line.d.ts

@@ -0,0 +1,6 @@
+import type { Rule } from 'eslint';
+/**
+ * @param node
+ * @returns The furthest parent node that is on the same line as the input node.
+ */
+export declare const findParentNodeForLine: (node: Rule.Node) => Rule.Node;

package/dist/types/rules/ensure-design-token-usage/get-elevation-token-example.d.ts

@@ -0,0 +1,2 @@
+import type { isLegacyElevation } from '../utils/is-elevation';
+export declare const getElevationTokenExample: (elevation: Exclude<ReturnType<typeof isLegacyElevation>, false>) => string;

package/dist/types/rules/ensure-design-token-usage/get-raw-expression.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from 'eslint';
+import { type EslintNode } from 'eslint-codemod-utils';
+export declare const getRawExpression: (node: EslintNode, context: Rule.RuleContext) => string | null;

package/dist/types/rules/ensure-design-token-usage/includes-token-string.d.ts

@@ -0,0 +1 @@
+export declare function includesTokenString(originalValue: string): boolean;

package/dist/types/rules/ensure-design-token-usage/insert-tokens-import.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare function insertTokensImport(fixer: Rule.RuleFixer): Rule.Fix;

package/dist/types/rules/ensure-design-token-usage/is-auto.d.ts

@@ -0,0 +1 @@
+export declare const isAuto: (value: string | number | boolean | RegExp | null | undefined | any[] | bigint) => boolean;

package/dist/types/rules/ensure-design-token-usage/is-border-radius.d.ts

@@ -0,0 +1,2 @@
+import { type EslintNode } from 'eslint-codemod-utils';
+export declare function isBorderRadius(node: EslintNode): boolean;

package/dist/types/rules/ensure-design-token-usage/is-token-value-string.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns whether the current string is a token value.
+ * @param originalVaue string representing a css property value e.g 1em, 12px.
+ */
+export declare function isTokenValueString(originalValue: string): boolean;

package/dist/types/rules/ensure-design-token-usage/is-zero.d.ts

@@ -0,0 +1 @@
+export declare const isZero: (value: string | number | boolean | RegExp | null | undefined | any[] | bigint) => boolean;

package/dist/types/rules/ensure-design-token-usage/normalise-value.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Translate a raw value into the same value format for further parsing:
+ *
+ * -> for pixels this '8px'
+ * -> for weights     '400'
+ * -> for family      'Arial'.
+ *
+ * @internal
+ */
+export declare function normaliseValue(propertyName: string, value: string | number): string;

package/dist/types/rules/ensure-design-token-usage/radius-value-to-token.d.ts

@@ -0,0 +1 @@
+export declare const radiusValueToToken: any;

package/dist/types/rules/ensure-design-token-usage/shape.d.ts

@@ -1,7 +1,3 @@
-import { type EslintNode } from 'eslint-codemod-utils';
-export declare const radiusValueToToken: any;
-export declare const borderWidthValueToToken: any;
 export declare function isRadiusProperty(propertyName: string): boolean;
 export declare function isBorderSizeProperty(propertyName: string): boolean;
 export declare function isShapeProperty(propertyName: string): boolean;
-export declare function isBorderRadius(node: EslintNode): boolean;

package/dist/types/rules/ensure-design-token-usage/split-css-properties.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Attempts to remove all non-essential words & characters from a style block.
+ * Including selectors and queries.
+ * @param styleString string of css properties
+ */
+export declare function splitCssProperties(styleString: string): string[];