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

package/dist/esm/rules/use-tokens-typography/find-typography-token-for-values.js

@@ -0,0 +1,15 @@
+import { typographyValueToToken } from './typography-value-to-token';
+export function findTypographyTokenForValues(fontSize, lineHeight) {
+  // Match 11px to 12px as this is what happened when transitioning from legacy to refreshed typography
+  if (fontSize === '11px') {
+    fontSize = '12px';
+  }
+  var matchingTokens = typographyValueToToken.filter(function (token) {
+    return token.values.fontSize === fontSize;
+  })
+  // If lineHeight == 1, we don't match to a token
+  .filter(function () {
+    return lineHeight === '1' ? false : true;
+  });
+  return matchingTokens;
+}

package/dist/esm/rules/use-tokens-typography/font-weight-map.js

@@ -0,0 +1,6 @@
+export var fontWeightMap = {
+  regular: '400',
+  medium: '500',
+  semibold: '600',
+  bold: '700'
+};

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

@@ -0,0 +1,12 @@
+import { typography as typographyTokens } from '@atlaskit/tokens/tokens-raw';
+export var fontWeightTokens = typographyTokens.filter(function (token) {
+  return token.attributes.group === 'fontWeight';
+}).map(function (token) {
+  return {
+    tokenName: token.cleanName,
+    tokenValue: token.value,
+    values: {
+      fontWeight: token.value
+    }
+  };
+});

package/dist/esm/rules/use-tokens-typography/get-token-property.js

@@ -0,0 +1,35 @@
+import { callExpression, identifier, literal, memberExpression, property } from 'eslint-codemod-utils';
+function createMemberExpressionFromArray(array) {
+  if (array.length === 1) {
+    return identifier(array[0]);
+  }
+  var property = array.pop();
+  return memberExpression({
+    object: createMemberExpressionFromArray(array),
+    property: identifier(property)
+  });
+}
+function getTokenNode(tokenName, fallbackValue) {
+  var isFallbackMember = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var callExpressionArgs = [literal({
+    value: "'".concat(tokenName, "'")
+  })];
+  if (fallbackValue) {
+    var fallback = isFallbackMember ? createMemberExpressionFromArray(fallbackValue.split('.')) : literal(fallbackValue);
+    callExpressionArgs.push(fallback);
+  }
+  return callExpression({
+    callee: identifier({
+      name: 'token'
+    }),
+    arguments: callExpressionArgs,
+    optional: false
+  });
+}
+export function getTokenProperty(propertyName, tokenName, tokenFallback) {
+  var isFallbackMember = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  return property({
+    key: identifier(propertyName),
+    value: getTokenNode(tokenName, tokenFallback, isFallbackMember)
+  });
+}

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

@@ -1,6 +1,7 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig, ruleSchema } from './config';
+import { getConfig } from './config/get-config';
+import { ruleSchema } from './config/rule-schema';
 import { BannedProperties } from './transformers/banned-properties';
 import { FontFamily } from './transformers/font-family';
 import { FontWeight } from './transformers/font-weight';

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

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

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

@@ -4,8 +4,8 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Root } from '../../../ast-nodes/root';
 import { getNodeSource } from '../../utils/get-node-source';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 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 var FontFamily = {

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

@@ -4,10 +4,10 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Root } from '../../../ast-nodes/root';
 import { getNodeSource } from '../../utils/get-node-source';
+import { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
+import { findFontWeightTokenForValue } from '../find-font-weight-token-for-value';
 import { insertTokensImport } from '../insert-tokens-import';
-import { findFontWeightTokenForValue } from '../utils';
 export var FontWeight = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

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

@@ -8,18 +8,22 @@ import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { Object as ASTObject } from '../../../ast-nodes/object';
 import { ObjectEntry } from '../../../ast-nodes/object-entry';
 import { Root } from '../../../ast-nodes/root';
+import { getValueForPropertyNode } from '../../ensure-design-token-usage/get-value-for-property-node';
 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 { isDecendantOfStyleBlock } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
 import { convertPropertyNodeToStringableNode } from '../convert-property-node-to-stringable-node';
+import { defaultFontWeight } from '../default-font-weight';
+import { findFontWeightTokenForValue } from '../find-font-weight-token-for-value';
+import { findTypographyTokenForValues } from '../find-typography-token-for-values';
+import { fontWeightMap } from '../font-weight-map';
 import { getLiteralProperty } from '../get-literal-property';
+import { getTokenProperty } from '../get-token-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 var StyleObject = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

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

@@ -3,8 +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 } from '../../utils/is-decendant-of-style-block';
 import { isDecendantOfType } from '../../utils/is-decendant-of-type';
-import { isDecendantOfStyleBlock } from '../../utils/is-node';
 export var UntokenizedProperties = {
   lint: function lint(node, _ref) {
     var context = _ref.context,

package/dist/esm/rules/use-tokens-typography/typography-value-to-token.js

@@ -0,0 +1,37 @@
+import { typographyPalette } from '@atlaskit/tokens/palettes-raw';
+import { typography as typographyTokens } from '@atlaskit/tokens/tokens-raw';
+export var typographyValueToToken = typographyTokens
+// we're filtering here to remove the `font` tokens.
+.filter(function (t) {
+  return t.attributes.group === 'typography';
+}).filter(function (t) {
+  return t.cleanName.includes('font.heading') || t.cleanName.includes('font.body');
+})
+// Filtering out UNSAFE tokens that were meant for migrations, these tokens are deprecated and will be removed in the future
+.filter(function (t) {
+  return !t.cleanName.includes('UNSAFE');
+}).map(function (currentToken) {
+  var _typographyPalette$fi, _typographyPalette$fi2, _typographyPalette$fi3;
+  var individualValues = {
+    fontSize: (_typographyPalette$fi = typographyPalette.find(function (baseToken) {
+      return baseToken.path.slice(-1)[0] ===
+      // @ts-expect-error token.original.value can be a string, due to the typographyTokens export including deprecated tokens
+      currentToken.original.value.fontSize;
+    })) === null || _typographyPalette$fi === void 0 ? void 0 : _typographyPalette$fi.value,
+    fontWeight: (_typographyPalette$fi2 = typographyPalette.find(function (baseToken) {
+      return baseToken.path.slice(-1)[0] ===
+      // @ts-expect-error token.original.value can be a string, due to the typographyTokens export including deprecated tokens
+      currentToken.original.value.fontWeight;
+    })) === null || _typographyPalette$fi2 === void 0 ? void 0 : _typographyPalette$fi2.value,
+    lineHeight: (_typographyPalette$fi3 = typographyPalette.find(function (baseToken) {
+      return baseToken.path.slice(-1)[0] ===
+      // @ts-expect-error token.original.value can be a string, due to the typographyTokens export including deprecated tokens
+      currentToken.original.value.lineHeight;
+    })) === null || _typographyPalette$fi3 === void 0 ? void 0 : _typographyPalette$fi3.value
+  };
+  return {
+    tokenName: currentToken.cleanName,
+    tokenValue: currentToken.value,
+    values: individualValues
+  };
+});

package/dist/esm/rules/use-visually-hidden/count-matching-key-values.js

@@ -0,0 +1,21 @@
+var referenceObject = {
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  position: 'absolute',
+  border: '0',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};
+export var countMatchingKeyValues = function countMatchingKeyValues(styleEntries) {
+  var matchingStyleEntries = styleEntries.filter(function (entry) {
+    return entry.key in referenceObject;
+  });
+  if (styleEntries.length < 5) {
+    return 0;
+  }
+  return matchingStyleEntries.reduce(function (acc, curr) {
+    return acc + (referenceObject[curr === null || curr === void 0 ? void 0 : curr.key] === (curr === null || curr === void 0 ? void 0 : curr.value) ? 1.5 : 0.75);
+  }, 0) / styleEntries.length;
+};

package/dist/esm/rules/use-visually-hidden/get-object-likeness.js

@@ -0,0 +1,27 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { countMatchingKeyValues } from './count-matching-key-values';
+/**
+ * Given a node, translate the node into css key-value pairs and
+ * compare the output to the reference styles required to make a
+ * visually hidden element.
+ *
+ * @returns {number} A fraction between 0-1 depending on the object's likeness.
+ */
+export var getObjectLikeness = function getObjectLikeness(node) {
+  var styleEntries = node.properties.filter(function (node) {
+    return isNodeOfType(node, 'Property');
+  }).map(function (_ref) {
+    var key = _ref.key,
+      value = _ref.value;
+    if (key.type === 'Identifier') {
+      return {
+        key: key.name,
+        value: value.type === 'Literal' && value.value
+      };
+    }
+    return null;
+  }).filter(function (node) {
+    return Boolean(node);
+  });
+  return countMatchingKeyValues(styleEntries);
+};

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

@@ -1,13 +1,14 @@
 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 { createLintRule } from '../utils/create-lint-rule';
+import { isCssInJsObjectNode } from '../utils/is-css-in-js-object-node';
 import { isCssInJsTemplateNode } from '../utils/is-css-in-js-template-node';
-import { isCssInJsObjectNode } from '../utils/is-node';
+import { countMatchingKeyValues } from './count-matching-key-values';
 import fixJsx from './fix-jsx';
 import fixVanilla from './fix-vanilla';
+import { getObjectLikeness } from './get-object-likeness';
 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/reference-object.js

@@ -0,0 +1,10 @@
+export var referenceObject = {
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  position: 'absolute',
+  border: '0',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};

package/dist/esm/rules/utils/create-lint-rule.js

@@ -0,0 +1,9 @@
+import { getCreateLintRule } from '@atlaskit/eslint-utils/create-rule';
+import { getRuleUrl } from './get-rule-url';
+
+/**
+ * Tiny wrapped over the ESLint rule module type that ensures
+ * there is a docs link to our ESLint plugin documentation page,
+ * as well as improving type support.
+ */
+export var createLintRule = getCreateLintRule(getRuleUrl);

package/dist/esm/rules/utils/create-no-tagged-template-expression-rule/create-no-tagged-template-expression-rule.js

@@ -0,0 +1,130 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+// Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/index.ts
+
+import esquery from 'esquery';
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { getImportSources, isEmotion } from '@atlaskit/eslint-utils/is-supported-import';
+import { generate } from './generate';
+import { getTaggedTemplateExpressionOffset } from './get-tagged-template-expression-offset';
+import { toArguments } from './to-arguments';
+var shouldSkipMultilineComments = false;
+function hasNestedSelectorWithMultipleArguments(arg) {
+  if (arg.type === 'literal' || arg.type === 'expression' || arg.type === 'declaration') {
+    return false;
+  }
+  if (arg.type === 'rule' && arg.declarations.length > 1) {
+    return true;
+  }
+  if (arg.type === 'block') {
+    return arg.blocks.some(hasNestedSelectorWithMultipleArguments);
+  }
+  if (arg.type === 'rule') {
+    return arg.declarations.some(hasNestedSelectorWithMultipleArguments);
+  }
+}
+export var createNoTaggedTemplateExpressionRule = function createNoTaggedTemplateExpressionRule(isUsage, messageId) {
+  return function (context) {
+    var importSources = getImportSources(context);
+    return {
+      TaggedTemplateExpression: function TaggedTemplateExpression(node) {
+        var _getScope = getScope(context, node),
+          references = _getScope.references;
+        if (!isUsage(node.tag, references, importSources)) {
+          return;
+        }
+        context.report({
+          messageId: messageId,
+          node: node,
+          fix: /*#__PURE__*/_regeneratorRuntime.mark(function fix(fixer) {
+            var quasi, source, matches, args, oldCode, withoutQuasi, newCode, usesEmotion;
+            return _regeneratorRuntime.wrap(function fix$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  quasi = node.quasi;
+                  source = getSourceCode(context); // TODO Eventually handle comments instead of skipping them
+                  // Skip auto-fixing comments
+                  if (!(shouldSkipMultilineComments && quasi.quasis.map(function (q) {
+                    return q.value.raw;
+                  }).join('').match(/\/\*[\s\S]*\*\//g))) {
+                    _context.next = 4;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 4:
+                  matches = esquery(node, 'ArrowFunctionExpression > BlockStatement');
+                  if (!matches.length) {
+                    _context.next = 7;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 7:
+                  if (!(!quasi.expressions.length && quasi.quasis.length === 1 && !quasi.quasis[0].value.raw.trim())) {
+                    _context.next = 11;
+                    break;
+                  }
+                  _context.next = 10;
+                  return fixer.replaceText(quasi, '({})');
+                case 10:
+                  return _context.abrupt("return");
+                case 11:
+                  args = toArguments(source, quasi);
+                  if (!args.some(hasNestedSelectorWithMultipleArguments)) {
+                    _context.next = 14;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 14:
+                  if (!(args.length < 1)) {
+                    _context.next = 16;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 16:
+                  oldCode = source.getText(node); // Remove quasi:
+                  // styled.div<Props>`
+                  //    color: red;
+                  // `
+                  // becomes
+                  // styled.div<Props>
+                  withoutQuasi = oldCode.replace(source.getText(quasi), '');
+                  newCode = withoutQuasi +
+                  // Indent the arguments after the tagged template expression range
+                  generate(args, getTaggedTemplateExpressionOffset(node));
+                  if (!(oldCode === newCode)) {
+                    _context.next = 21;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 21:
+                  // For styles like `position: initial !important`,
+                  // Emotion can give typechecking errors when using object syntax
+                  // due to csstype being overly strict
+                  usesEmotion = isEmotion(node.tag, references, importSources);
+                  if (!(usesEmotion && !!newCode.match(/!\s*important/gm))) {
+                    _context.next = 24;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 24:
+                  if (!/\$\{.*:/.test(newCode)) {
+                    _context.next = 26;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 26:
+                  _context.next = 28;
+                  return fixer.insertTextBefore(node, newCode);
+                case 28:
+                  _context.next = 30;
+                  return fixer.remove(node);
+                case 30:
+                case "end":
+                  return _context.stop();
+              }
+            }, fix);
+          })
+        });
+      }
+    };
+  };
+};

package/dist/esm/rules/utils/create-no-tagged-template-expression-rule/no-tagged-template-expression-rule-schema.js

@@ -0,0 +1,14 @@
+// Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/index.ts
+
+export var noTaggedTemplateExpressionRuleSchema = [{
+  type: 'object',
+  properties: {
+    importSources: {
+      type: 'array',
+      items: {
+        type: 'string'
+      },
+      uniqueItems: true
+    }
+  }
+}];

package/dist/esm/rules/utils/create-rule.js

@@ -1,5 +1,5 @@
 import { ESLintUtils } from '@typescript-eslint/utils';
-import { getCreateLintRule, getPathSafeName } from '@atlaskit/eslint-utils/create-rule';
+import { getRuleUrl } from './get-rule-url';
 
 /**
  * We are moving to our own small abstraction to create a lint rule that we have the power
@@ -13,15 +13,4 @@ import { getCreateLintRule, getPathSafeName } from '@atlaskit/eslint-utils/creat
 var createRule = ESLintUtils.RuleCreator(function (name) {
   return getRuleUrl(name);
 });
-
-/**
- * Tiny wrapped over the ESLint rule module type that ensures
- * there is a docs link to our ESLint plugin documentation page,
- * as well as improving type support.
- */
-export { createRule };
-export var createLintRule = getCreateLintRule(getRuleUrl);
-function getRuleUrl(ruleName) {
-  var name = getPathSafeName(ruleName);
-  return "https://atlassian.design/components/eslint-plugin-design-system/".concat(name, "/usage");
-}
+export { createRule };

package/dist/esm/rules/utils/get-rule-url.js

@@ -0,0 +1,5 @@
+import { getPathSafeName } from '@atlaskit/eslint-utils/create-rule';
+export function getRuleUrl(ruleName) {
+  var name = getPathSafeName(ruleName);
+  return "https://atlassian.design/components/eslint-plugin-design-system/".concat(name, "/usage");
+}

package/dist/esm/rules/utils/includes-hard-coded-color.js

@@ -0,0 +1,17 @@
+import { namedColors } from './named-colors';
+var includesWholeWord = function includesWholeWord(value, options) {
+  var values = value.replace(/[^a-zA-Z ]/g, ' ').trim().split(/(?:,|\.| )+/);
+  return values.some(function (value) {
+    return options.has(value);
+  });
+};
+export var includesHardCodedColor = function includesHardCodedColor(raw) {
+  var value = raw.toLowerCase();
+  if (/#(?:[a-f0-9]{3}|[a-f0-9]{6}|[a-f0-9]{8})\b|((?:rgb|hsl)a?|(lch|lab|color))\([^\)]*\)/.exec(value.toLowerCase())) {
+    return true;
+  }
+  if (includesWholeWord(value, namedColors)) {
+    return true;
+  }
+  return false;
+};

package/dist/esm/rules/utils/is-color-css-property-name.js

@@ -0,0 +1,9 @@
+var 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']);
+var kebabize = function kebabize(str) {
+  return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, function ($, ofs) {
+    return (ofs ? '-' : '') + $.toLowerCase();
+  });
+};
+export var isColorCssPropertyName = function isColorCssPropertyName(value) {
+  return validColorPropertyNames.has(kebabize(value));
+};

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

@@ -0,0 +1,4 @@
+var cssInJsCallees = ['css', 'styled', 'styled2'];
+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);
+};

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

@@ -0,0 +1,4 @@
+var cssInJsCallees = ['css', 'styled', 'styled2'];
+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);
+};

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

@@ -0,0 +1,43 @@
+import { isCssInJsCallNode } from './is-css-in-js-call-node';
+import { isCssInJsObjectNode } from './is-css-in-js-object-node';
+import { isCssInJsTemplateNode } from './is-css-in-js-template-node';
+var _isDecendantOfStyleBlock = function isDecendantOfStyleBlock(node) {
+  if (node.type === 'VariableDeclarator') {
+    if (node.id.type !== 'Identifier') {
+      return false;
+    }
+    if (
+    // @ts-ignore typeAnnotation is not defined by types
+    node.id.typeAnnotation &&
+    // @ts-ignore typeAnnotation is not defined by types
+    node.id.typeAnnotation.typeAnnotation.type === 'GenericTypeAnnotation' &&
+    // @ts-ignore typeAnnotation is not defined by types
+    node.id.typeAnnotation.typeAnnotation.id.type === 'Identifier') {
+      // @ts-ignore typeAnnotation is not defined by types
+      var typeName = node.id.typeAnnotation.typeAnnotation.id.name;
+      var hasCSSType = ['CSSProperties', 'CSSObject'].some(function (el) {
+        return typeName.includes(el);
+      });
+      if (hasCSSType) {
+        return true;
+      }
+    }
+
+    // @ts-ignore Name is not defined in types
+    var varName = node.id.name.toLowerCase();
+    return ['style', 'css', 'theme'].some(function (el) {
+      return varName.includes(el);
+    });
+  }
+  if (isCssInJsCallNode(node) || isCssInJsObjectNode(node) || isCssInJsTemplateNode(node)) {
+    return true;
+  }
+  if (node.type === 'TaggedTemplateExpression' && node.tag.type === 'Identifier' && node.tag.name === 'css') {
+    return true;
+  }
+  if (node.parent) {
+    return _isDecendantOfStyleBlock(node.parent);
+  }
+  return false;
+};
+export { _isDecendantOfStyleBlock as isDecendantOfStyleBlock };

package/dist/esm/rules/utils/is-deprecated-import-config.js

@@ -0,0 +1,3 @@
+export var isDeprecatedImportConfig = function isDeprecatedImportConfig(config) {
+  return Object.values(config)[0].message !== undefined || Object.values(config)[0].importSpecifiers !== undefined;
+};

package/dist/esm/rules/utils/is-deprecated-jsx-attribute-config.js

@@ -0,0 +1,3 @@
+export var isDeprecatedJSXAttributeConfig = function isDeprecatedJSXAttributeConfig(config) {
+  return Array.isArray(Object.values(config)[0]);
+};

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

@@ -0,0 +1,21 @@
+import { namedColors } from './named-colors';
+var includesWholeWord = function includesWholeWord(value, options) {
+  var values = value.replace(/[^a-zA-Z ]/g, ' ').trim().split(/(?:,|\.| )+/);
+  return values.some(function (value) {
+    return options.has(value);
+  });
+};
+export var isHardCodedColor = function isHardCodedColor(value) {
+  if (includesWholeWord(value.toLowerCase(), namedColors)) {
+    return true;
+  }
+  if (value.startsWith('rgb(') || value.startsWith('rgba(') || value.startsWith('hsl(') || value.startsWith('hsla(') || value.startsWith('lch(') || value.startsWith('lab(') || value.startsWith('color(')) {
+    return true;
+  }
+  if (value.startsWith('#') && (
+  // short hex, hex, or hex with alpha
+  value.length === 4 || value.length === 7 || value.length === 9)) {
+    return true;
+  }
+  return false;
+};

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

@@ -0,0 +1,6 @@
+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:
+'AtlassianBlue50', 'AtlassianBlue200', 'AtlassianBlue300', 'AtlassianBlue400', 'TrelloBlue25', 'TrelloBlue50', 'TrelloBlue100', 'TrelloBlue200', 'TrelloBlue300', 'TrelloBlue400', 'TrelloBlue500', 'TrelloBlue600', 'TrelloBlue700', 'TrelloBlue800', 'TrelloBlue900', 'Green50', 'Green100', 'Green200', 'Green300', 'Green400', 'Green500', 'Green600', 'Green700', 'Green800', 'Green900', 'Orange50', 'Orange100', 'Orange200', 'Orange300', 'Orange400', 'Orange500', 'Orange600', 'Orange700', 'Orange800', 'Orange900', 'Red50', 'Red100', 'Red200', 'Red300', 'Red400', 'Red500', 'Red600', 'Red700', 'Red800', 'Red900', 'Yellow50', 'Yellow100', 'Yellow200', 'Yellow300', 'Yellow400', 'Yellow500', 'Yellow600', 'Yellow700', 'Yellow800', 'Yellow900', 'Purple50', 'Purple100', 'Purple200', 'Purple300', 'Purple400', 'Purple500', 'Purple600', 'Purple700', 'Purple800', 'Purple900', 'VioletMbgAlert', 'Pink50', 'Pink100', 'Pink200', 'Pink300', 'Pink400', 'Pink500', 'Pink600', 'Pink700', 'Pink800', 'Pink900', 'Sky25', 'Sky50', 'Sky100', 'Sky200', 'Sky300', 'Sky400', 'Sky500', 'Sky600', 'Sky700', 'Sky800', 'Sky900', 'Lime50', 'Lime100', 'Lime200', 'Lime300', 'Lime400', 'Lime500', 'Lime600', 'Lime700', 'Lime800', 'Lime900', 'BusinessBlue50', 'BusinessBlue100', 'BusinessBlue200', 'BusinessBlue300', 'BusinessBlue400', 'BusinessBlue500', 'BusinessBlue600', 'BusinessBlue700', 'BusinessBlue800', 'BusinessBlue900', 'Opacity1', 'Opacity2', 'Opacity3', 'Opacity4', 'Opacity5', 'Opacity6', 'Opacity7', 'Opacity8', 'Opacity9', 'OpacityDark1', 'OpacityDark2', 'OpacityDark3', 'OpacityDark4', 'OpacityDark5', 'OpacityDark6', 'OpacityDark7', 'OpacityDark8', 'OpacityDark9', 'Black']);
+export var isLegacyColor = function isLegacyColor(value) {
+  return legacyColors.has(value);
+};

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

@@ -0,0 +1,4 @@
+var legacyColorMixins = new Set(['background', 'backgroundActive', 'backgroundHover', 'backgroundOnLayer', 'text', 'textHover', 'textActive', 'subtleText', 'placeholderText', 'heading', 'subtleHeading', 'codeBlock', 'link', 'linkHover', 'linkActive', 'linkOutline', 'primary', 'blue', 'teal', 'purple', 'red', 'yellow', 'green', 'skeleton']);
+export var isLegacyNamedColor = function isLegacyNamedColor(value) {
+  return legacyColorMixins.has(value);
+};

package/dist/esm/rules/utils/named-colors.js

@@ -0,0 +1 @@
+export 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']);

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

@@ -1,11 +0,0 @@
-export var isDeprecatedImportConfig = function isDeprecatedImportConfig(config) {
-  return Object.values(config)[0].message !== undefined || Object.values(config)[0].importSpecifiers !== undefined;
-};
-
-// Checks if the value of object is an array, will need to update this method if we add other deprecated types with array values
-export var isDeprecatedJSXAttributeConfig = function isDeprecatedJSXAttributeConfig(config) {
-  return Array.isArray(Object.values(config)[0]);
-};
-
-// From ESLint's repo at path `docs/src/extend/custom-processors.md`. Can't be
-// imported I guess