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

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.FontFamily = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _astNodes = require("../../../ast-nodes");
+var _root = require("../../../ast-nodes/root");
 var _getNodeSource = require("../../utils/get-node-source");
+var _isDecendantOfType = require("../../utils/is-decendant-of-type");
 var _isNode = require("../../utils/is-node");
-var _utils = require("../utils");
+var _findFontFamilyTokenForValue = require("../find-font-family-token-for-value");
+var _insertTokensImport = require("../insert-tokens-import");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var FontFamily = exports.FontFamily = {
@@ -38,7 +40,7 @@ var FontFamily = exports.FontFamily = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isNode.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return false;
     }
     var isFontFamilyProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'fontFamily';
@@ -61,7 +63,7 @@ var FontFamily = exports.FontFamily = {
       }
 
       // Replace raw value with token if there is a token match
-      var matchingToken = (0, _utils.findFontFamilyTokenForValue)(String(node.value.value));
+      var matchingToken = (0, _findFontFamilyTokenForValue.findFontFamilyTokenForValue)(String(node.value.value));
       if (!matchingToken) {
         return fixes;
       }
@@ -70,7 +72,7 @@ var FontFamily = exports.FontFamily = {
 
       // Add import if it doesn't exist
       var body = (0, _contextCompat.getSourceCode)(context).ast.body;
-      var tokensImportDeclarations = _astNodes.Root.findImportsByModule(body, '@atlaskit/tokens');
+      var tokensImportDeclarations = _root.Root.findImportsByModule(body, '@atlaskit/tokens');
 
       // If there is more than one `@atlaskit/tokens` import, then it becomes difficult to determine which import to transform
       if (tokensImportDeclarations.length > 1) {
@@ -78,7 +80,7 @@ var FontFamily = exports.FontFamily = {
       }
       var tokensImportDeclaration = tokensImportDeclarations[0];
       if (!tokensImportDeclaration) {
-        fixes.push((0, _utils.insertTokensImport)(body, fixer));
+        fixes.push((0, _insertTokensImport.insertTokensImport)(body, fixer));
       }
       return fixes;
     };

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

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.FontWeight = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _astNodes = require("../../../ast-nodes");
+var _root = require("../../../ast-nodes/root");
 var _getNodeSource = require("../../utils/get-node-source");
+var _isDecendantOfType = require("../../utils/is-decendant-of-type");
 var _isNode = require("../../utils/is-node");
+var _insertTokensImport = require("../insert-tokens-import");
 var _utils = require("../utils");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
@@ -38,7 +40,7 @@ var FontWeight = exports.FontWeight = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isNode.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return false;
     }
     var isFontWeightProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'fontWeight';
@@ -71,7 +73,7 @@ var FontWeight = exports.FontWeight = {
 
       // Add import if it doesn't exist
       var body = (0, _contextCompat.getSourceCode)(context).ast.body;
-      var tokensImportDeclarations = _astNodes.Root.findImportsByModule(body, '@atlaskit/tokens');
+      var tokensImportDeclarations = _root.Root.findImportsByModule(body, '@atlaskit/tokens');
 
       // If there is more than one `@atlaskit/tokens` import, then it becomes difficult to determine which import to transform
       if (tokensImportDeclarations.length > 1) {
@@ -79,7 +81,7 @@ var FontWeight = exports.FontWeight = {
       }
       var tokensImportDeclaration = tokensImportDeclarations[0];
       if (!tokensImportDeclaration) {
-        fixes.push((0, _utils.insertTokensImport)(body, fixer));
+        fixes.push((0, _insertTokensImport.insertTokensImport)(body, fixer));
       }
       return fixes;
     };

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

@@ -8,9 +8,20 @@ exports.StyleObject = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _astNodes = require("../../../ast-nodes");
+var _object = require("../../../ast-nodes/object");
+var _objectEntry = require("../../../ast-nodes/object-entry");
+var _root = require("../../../ast-nodes/root");
+var _normaliseValue = require("../../ensure-design-token-usage/normalise-value");
 var _utils = require("../../ensure-design-token-usage/utils");
+var _isDecendantOfGlobalToken = require("../../utils/is-decendant-of-global-token");
+var _isDecendantOfType = require("../../utils/is-decendant-of-type");
 var _isNode = require("../../utils/is-node");
+var _convertPropertyNodeToStringableNode = require("../convert-property-node-to-stringable-node");
+var _getLiteralProperty = require("../get-literal-property");
+var _insertTokensImport = require("../insert-tokens-import");
+var _isValidPropertyNode = require("../is-valid-property-node");
+var _isValidTypographyToken = require("../is-valid-typography-token");
+var _notUndefined = require("../not-undefined");
 var _utils2 = require("../utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @repo/internal/react/require-jsdoc */
@@ -38,10 +49,10 @@ var StyleObject = exports.StyleObject = {
     var fontSizeNode = refs.fontSizeNode,
       fontSizeRaw = refs.fontSizeRaw,
       tokensImportNode = refs.tokensImportNode;
-    var fontSizeValue = (0, _utils.normaliseValue)('fontSize', fontSizeRaw);
+    var fontSizeValue = (0, _normaliseValue.normaliseValue)('fontSize', fontSizeRaw);
 
     // -- Font weight --
-    var fontWeightNode = _astNodes.Object.getEntryByPropertyName(node, 'fontWeight');
+    var fontWeightNode = _object.Object.getEntryByPropertyName(node, 'fontWeight');
     var fontWeightRaw = fontWeightNode && (0, _utils.getValueForPropertyNode)(fontWeightNode, context);
 
     // If fontWeightRaw is a token we find the token name and treat it like a raw value for simplicity.
@@ -56,14 +67,14 @@ var StyleObject = exports.StyleObject = {
     }
 
     // If no fontWeight value exists, default to 400 to avoid matching with a bolder token resulting in a visual change
-    var fontWeightValue = fontWeightRaw && (0, _utils.normaliseValue)('fontWeight', fontWeightRaw) || _utils2.defaultFontWeight;
+    var fontWeightValue = fontWeightRaw && (0, _normaliseValue.normaliseValue)('fontWeight', fontWeightRaw) || _utils2.defaultFontWeight;
     fontWeightValue = fontWeightValue.length === 3 ? fontWeightValue : _utils2.fontWeightMap[fontWeightValue] || _utils2.defaultFontWeight;
 
     // -- Line height --
-    var lineHeightNode = _astNodes.Object.getEntryByPropertyName(node, 'lineHeight');
+    var lineHeightNode = _object.Object.getEntryByPropertyName(node, 'lineHeight');
     var lineHeightRaw = lineHeightNode && (0, _utils.getValueForPropertyNode)(lineHeightNode, context);
     var shouldAddFontWeight = false;
-    var lineHeightValue = lineHeightRaw && (0, _utils.normaliseValue)('lineHeight', lineHeightRaw) || undefined;
+    var lineHeightValue = lineHeightRaw && (0, _normaliseValue.normaliseValue)('lineHeight', lineHeightRaw) || undefined;
     if (lineHeightValue === fontSizeValue) {
       lineHeightValue = '1';
     }
@@ -73,7 +84,7 @@ var StyleObject = exports.StyleObject = {
     // We may as well auto-fix `fontSize` to `font` and keep the token.
     // Other tokens like `fontSize: token('space.100')` will not autofix, but still report
     var matchingTokens = [];
-    var isFontSizeAToken = (0, _isNode.isDecendantOfGlobalToken)(fontSizeNode.value);
+    var isFontSizeAToken = (0, _isDecendantOfGlobalToken.isDecendantOfGlobalToken)(fontSizeNode.value);
     if (isFontSizeAToken) {
       // Specifically match for valid, non-deprecated font.heading|body|code tokens
       var match = fontSizeValue.match(/font.(body|heading|code)[^']*/);
@@ -81,7 +92,7 @@ var StyleObject = exports.StyleObject = {
         var matchedTokenName = match[0];
         // This is really just a double check to be 100% certain the token exists
         // and that we're not trying to apply a deprecated fontSize token to the font property
-        if ((0, _utils2.isValidTypographyToken)(matchedTokenName)) {
+        if ((0, _isValidTypographyToken.isValidTypographyToken)(matchedTokenName)) {
           matchingTokens = [{
             tokenName: matchedTokenName
           }];
@@ -111,9 +122,9 @@ var StyleObject = exports.StyleObject = {
     // These aren't needed for token matching.
 
     // -- Font family --
-    var fontFamilyNode = _astNodes.Object.getEntryByPropertyName(node, 'fontFamily');
+    var fontFamilyNode = _object.Object.getEntryByPropertyName(node, 'fontFamily');
     var fontFamilyRaw = fontFamilyNode && (0, _utils.getValueForPropertyNode)(fontFamilyNode, context);
-    var fontFamilyValue = fontFamilyRaw && (0, _utils.normaliseValue)('fontFamily', fontFamilyRaw) || undefined;
+    var fontFamilyValue = fontFamilyRaw && (0, _normaliseValue.normaliseValue)('fontFamily', fontFamilyRaw) || undefined;
 
     // If font family is already a token, we remove and re-add it
     // Only need to do this for non-default font stacks as the defaults can be safely removed
@@ -135,16 +146,16 @@ var StyleObject = exports.StyleObject = {
     }
 
     // -- Font style --
-    var fontStyleNode = _astNodes.Object.getEntryByPropertyName(node, 'fontStyle');
+    var fontStyleNode = _object.Object.getEntryByPropertyName(node, 'fontStyle');
     var fontStyleRaw = fontStyleNode && (0, _utils.getValueForPropertyNode)(fontStyleNode, context);
-    var fontStyleValue = fontStyleRaw && (0, _utils.normaliseValue)('fontStyle', fontStyleRaw) || undefined;
+    var fontStyleValue = fontStyleRaw && (0, _normaliseValue.normaliseValue)('fontStyle', fontStyleRaw) || undefined;
     var fontStyleToAdd;
     if (fontStyleValue === 'italic') {
       fontStyleToAdd = 'italic';
     }
 
     // -- Letter spacing --
-    var letterSpacingNode = _astNodes.Object.getEntryByPropertyName(node, 'letterSpacing');
+    var letterSpacingNode = _object.Object.getEntryByPropertyName(node, 'letterSpacing');
 
     // A single matching token
     // TOOD: Maybe suggest options if > 1 matching token
@@ -152,14 +163,14 @@ var StyleObject = exports.StyleObject = {
       var matchingToken = matchingTokens[0];
 
       // fontSize node is always first
-      var nodesToReplace = [fontSizeNode, fontWeightNode, lineHeightNode, fontFamilyNode, fontStyleNode, letterSpacingNode].filter(_utils2.notUndefined);
+      var nodesToReplace = [fontSizeNode, fontWeightNode, lineHeightNode, fontFamilyNode, fontStyleNode, letterSpacingNode].filter(_notUndefined.notUndefined);
       var fontFamilyTokenName = fontFamilyToAdd ? "font.family.brand.".concat(fontFamilyToAdd) : '';
       var fontWeightReplacementToken = shouldAddFontWeight ? (0, _utils2.findFontWeightTokenForValue)(fontWeightValue) : undefined;
       var fontWeightReplacement = fontWeightReplacementToken && (0, _utils2.getTokenProperty)('fontWeight', fontWeightReplacementToken.tokenName);
-      var fontFamilyReplacement = fontFamilyToAdd && (fontFamilyToAdd === 'original' ? (0, _utils2.convertPropertyNodeToStringableNode)(
+      var fontFamilyReplacement = fontFamilyToAdd && (fontFamilyToAdd === 'original' ? (0, _convertPropertyNodeToStringableNode.convertPropertyNodeToStringableNode)(
       // This will always exist if fontFamilyToAdd === 'original', TS can't figure that out.
       fontFamilyNode) : (0, _utils2.getTokenProperty)('fontFamily', fontFamilyTokenName));
-      var fontStyleReplacement = fontStyleToAdd && (0, _utils2.getLiteralProperty)('fontStyle', fontStyleToAdd);
+      var fontStyleReplacement = fontStyleToAdd && (0, _getLiteralProperty.getLiteralProperty)('fontStyle', fontStyleToAdd);
       var fixerRefs = {
         matchingToken: matchingToken,
         nodesToReplace: nodesToReplace,
@@ -196,15 +207,15 @@ var StyleObject = exports.StyleObject = {
         success: false
       };
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isNode.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return {
         success: false
       };
     }
 
     // -- Font size --
-    var fontSizeNode = _astNodes.Object.getEntryByPropertyName(node, 'fontSize');
-    if (!fontSizeNode || !(0, _utils2.isValidPropertyNode)(fontSizeNode)) {
+    var fontSizeNode = _object.Object.getEntryByPropertyName(node, 'fontSize');
+    if (!fontSizeNode || !(0, _isValidPropertyNode.isValidPropertyNode)(fontSizeNode)) {
       return {
         success: false
       };
@@ -217,7 +228,7 @@ var StyleObject = exports.StyleObject = {
         success: false
       };
     }
-    var tokensImportDeclaration = _astNodes.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, '@atlaskit/tokens');
+    var tokensImportDeclaration = _root.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, '@atlaskit/tokens');
 
     // If there is more than one `@atlaskit/tokens` import, then it becomes difficult to determine which import to transform
     if (tokensImportDeclaration.length > 1) {
@@ -244,7 +255,7 @@ var StyleObject = exports.StyleObject = {
         fontStyleReplacement = refs.fontStyleReplacement;
       var fontSizeNode = nodesToReplace[0];
       var root = (0, _contextCompat.getSourceCode)(context).ast.body;
-      return (!tokensImportNode ? [(0, _utils2.insertTokensImport)(root, fixer)] : []).concat(nodesToReplace.map(function (node, index) {
+      return (!tokensImportNode ? [(0, _insertTokensImport.insertTokensImport)(root, fixer)] : []).concat(nodesToReplace.map(function (node, index) {
         // Replace first node with token, delete remaining nodes. Guaranteed to be fontSize
         if (index === 0) {
           return fixer.replaceText(node, "".concat((0, _utils2.getTokenProperty)('font', matchingToken.tokenName, undefined, true)));
@@ -252,7 +263,7 @@ var StyleObject = exports.StyleObject = {
 
         // We don't replace fontWeight/fontFamily/fontStyle here in case it occurs before the font property.
         // Instead delete the original property and add below
-        return _astNodes.ObjectEntry.deleteEntry(node, context, fixer);
+        return _objectEntry.ObjectEntry.deleteEntry(node, context, fixer);
       }),
       // Make sure font weight/family/style properties are added AFTER font property to ensure they override corectly
       fontWeightReplacement ? [fixer.insertTextAfter(fontSizeNode, ",\n".concat(fontWeightReplacement))] : [], fontFamilyReplacement ? [fixer.insertTextAfter(fontSizeNode, ",\n".concat(fontFamilyReplacement))] : [], fontStyleReplacement ? [fixer.insertTextAfter(fontSizeNode, ",\n".concat(fontStyleReplacement))] : []);

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

@@ -7,6 +7,7 @@ exports.UntokenizedProperties = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _getNodeSource = require("../../utils/get-node-source");
+var _isDecendantOfType = require("../../utils/is-decendant-of-type");
 var _isNode = require("../../utils/is-node");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
@@ -38,7 +39,7 @@ var UntokenizedProperties = exports.UntokenizedProperties = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isNode.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return false;
     }
     var isFontProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'font';

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

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typographyProperties = void 0;
+var typographyProperties = exports.typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];

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

@@ -3,40 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertPropertyNodeToStringableNode = convertPropertyNodeToStringableNode;
 exports.defaultFontWeight = void 0;
-exports.findFontFamilyTokenForValue = findFontFamilyTokenForValue;
 exports.findFontWeightTokenForValue = findFontWeightTokenForValue;
 exports.findTypographyTokenForValues = findTypographyTokenForValues;
 exports.fontWeightTokens = exports.fontWeightMap = void 0;
-exports.getLiteralProperty = getLiteralProperty;
 exports.getTokenProperty = getTokenProperty;
-exports.insertTokensImport = insertTokensImport;
-exports.isTypographyProperty = exports.isFontSizeSmall = exports.isFontSize = exports.isFontFamily = exports.isCodeFontFamily = void 0;
-exports.isValidPropertyNode = isValidPropertyNode;
-exports.isValidTypographyToken = isValidTypographyToken;
-exports.notUndefined = notUndefined;
-exports.typographyValueToToken = exports.typographyProperties = void 0;
+Object.defineProperty(exports, "isTypographyProperty", {
+  enumerable: true,
+  get: function get() {
+    return _isTypographyProperty.isTypographyProperty;
+  }
+});
+exports.typographyValueToToken = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _palettesRaw = require("@atlaskit/tokens/palettes-raw");
 var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
-var _astNodes = require("../../ast-nodes");
-var typographyProperties = exports.typographyProperties = ['fontSize', 'fontWeight', 'fontFamily', 'lineHeight'];
-var isTypographyProperty = exports.isTypographyProperty = function isTypographyProperty(propertyName) {
-  return typographyProperties.includes(propertyName);
-};
-var isFontSize = exports.isFontSize = function isFontSize(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'fontSize' || node.callee.name === 'getFontSize');
-};
-var isFontSizeSmall = exports.isFontSizeSmall = function isFontSizeSmall(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && node.callee.name === 'fontSizeSmall';
-};
-var isFontFamily = exports.isFontFamily = function isFontFamily(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'fontFamily' || node.callee.name === 'getFontFamily');
-};
-var isCodeFontFamily = exports.isCodeFontFamily = function isCodeFontFamily(node) {
-  return (0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'codeFontFamily' || node.callee.name === 'getCodeFontFamily');
-};
+var _isTypographyProperty = require("./is-typography-property");
 var typographyValueToToken = exports.typographyValueToToken = _tokensRaw.typography
 // we're filtering here to remove the `font` tokens.
 .filter(function (t) {
@@ -72,15 +54,6 @@ var typographyValueToToken = exports.typographyValueToToken = _tokensRaw.typogra
     values: individualValues
   };
 });
-function isValidTypographyToken(tokenName) {
-  return _tokensRaw.typography.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;
-  });
-}
 function findTypographyTokenForValues(fontSize, lineHeight) {
   // Match 11px to 12px as this is what happened when transitioning from legacy to refreshed typography
   if (fontSize === '11px') {
@@ -127,26 +100,6 @@ var fontWeightMap = exports.fontWeightMap = {
   bold: '700'
 };
 var defaultFontWeight = exports.defaultFontWeight = fontWeightMap.regular;
-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';
-  }
-}
-function notUndefined(value) {
-  return value !== undefined;
-}
-function isValidPropertyNode(node) {
-  if (!(0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && !(0, _eslintCodemodUtils.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 = [(0, _eslintCodemodUtils.literal)({
@@ -180,22 +133,4 @@ function getTokenProperty(propertyName, tokenName, tokenFallback) {
     key: (0, _eslintCodemodUtils.identifier)(propertyName),
     value: getTokenNode(tokenName, tokenFallback, isFallbackMember)
   });
-}
-function getLiteralProperty(propertyName, propertyValue) {
-  return (0, _eslintCodemodUtils.property)({
-    key: (0, _eslintCodemodUtils.identifier)(propertyName),
-    value: (0, _eslintCodemodUtils.literal)(propertyValue)
-  });
-}
-function convertPropertyNodeToStringableNode(node) {
-  return (0, _eslintCodemodUtils.property)({
-    key: node.key,
-    value: node.value
-  });
-}
-function insertTokensImport(root, fixer) {
-  return _astNodes.Root.insertImport(root, {
-    module: '@atlaskit/tokens',
-    specifiers: ['token']
-  }, fixer);
 }

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _getImportNodeBySource = require("../utils/get-import-node-by-source");
+var _getImportedNodeBySource = require("../utils/get-imported-node-by-source");
 var _constants = require("./constants");
-var _utils = require("./utils");
+var _getFirstImport = require("./get-first-import");
 var fixJsx = function fixJsx(source, node) {
   return function (fixer) {
     var fixes = [];
-    var importedNode = (0, _utils.getFirstImport)(source);
-    var visuallyHiddenNode = (0, _getImportNodeBySource.getImportedNodeBySource)(source, _constants.VISUALLY_HIDDEN_SOURCE);
+    var importedNode = (0, _getFirstImport.getFirstImport)(source);
+    var visuallyHiddenNode = (0, _getImportedNodeBySource.getImportedNodeBySource)(source, _constants.VISUALLY_HIDDEN_SOURCE);
     if (!importedNode) {
       return [];
     }

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getImportNodeBySource = require("../utils/get-import-node-by-source");
+var _getImportedNodeBySource = require("../utils/get-imported-node-by-source");
 var _constants = require("./constants");
-var _utils = require("./utils");
+var _getFirstImport = require("./get-first-import");
 var fixVanilla = function fixVanilla(source, node) {
   return function (fixer) {
     var fixes = [];
-    var importedNode = (0, _utils.getFirstImport)(source);
-    var visuallyHiddenNode = (0, _getImportNodeBySource.getImportedNodeBySource)(source, _constants.VISUALLY_HIDDEN_SOURCE);
+    var importedNode = (0, _getFirstImport.getFirstImport)(source);
+    var visuallyHiddenNode = (0, _getImportedNodeBySource.getImportedNodeBySource)(source, _constants.VISUALLY_HIDDEN_SOURCE);
     if (!importedNode) {
       return [];
     }

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFirstImport = void 0;
+/**
+ * Returns the first import in the esprima AST.
+ */
+var getFirstImport = exports.getFirstImport = function getFirstImport(source) {
+  return source.ast.body.find(function (node) {
+    return node.type === 'ImportDeclaration';
+  });
+};

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

@@ -9,9 +9,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _createRule = require("../utils/create-rule");
+var _isCssInJsTemplateNode = require("../utils/is-css-in-js-template-node");
 var _isNode = require("../utils/is-node");
 var _fixJsx = _interopRequireDefault(require("./fix-jsx"));
 var _fixVanilla = _interopRequireDefault(require("./fix-vanilla"));
+var _makeTemplateLiteralIntoEntries = require("./make-template-literal-into-entries");
 var _utils = require("./utils");
 var THEME_IMPORT_NAMES = ['visuallyHidden', 'assistive'];
 var rule = (0, _createRule.createLintRule)({
@@ -63,7 +65,7 @@ var rule = (0, _createRule.createLintRule)({
               });
               // this is either a styled usage OR mixin usage in a styled usage
             } else if (idNode.parent.type === 'CallExpression') {
-              if ((0, _isNode.isCssInJsObjectNode)(idNode.parent) || (0, _isNode.isCssInJsTemplateNode)(idNode.parent)) {
+              if ((0, _isNode.isCssInJsObjectNode)(idNode.parent) || (0, _isCssInJsTemplateNode.isCssInJsTemplateNode)(idNode.parent)) {
                 context.report({
                   node: idNode.parent,
                   messageId: 'noDeprecatedUsage',
@@ -145,7 +147,7 @@ var rule = (0, _createRule.createLintRule)({
         var templateString = node.quasi.quasis.map(function (q) {
           return q.value.raw;
         }).join('');
-        var styleEntries = (0, _utils.makeTemplateLiteralIntoEntries)(templateString);
+        var styleEntries = (0, _makeTemplateLiteralIntoEntries.makeTemplateLiteralIntoEntries)(templateString);
         if (!styleEntries) {
           return;
         }

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeTemplateLiteralIntoEntries = void 0;
+/**
+ * Takes a template literal and returns [key, value] array of the css properties
+ */
+var makeTemplateLiteralIntoEntries = exports.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/cjs/rules/use-visually-hidden/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeTemplateLiteralIntoEntries = exports.getObjectLikeness = exports.getFirstImport = exports.countMatchingKeyValues = void 0;
+exports.getObjectLikeness = exports.countMatchingKeyValues = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var referenceObject = {
   width: '1px',
@@ -15,28 +15,6 @@ var referenceObject = {
   overflow: 'hidden',
   whiteSpace: 'nowrap'
 };
-/**
- * Returns the first import in the esprima AST.
- */
-var getFirstImport = exports.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
- */
-var makeTemplateLiteralIntoEntries = exports.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/cjs/rules/utils/find-prop.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findProp = findProp;
+function findProp(jsx, propName) {
+  var labelProp = jsx.openingElement.attributes.find(function (attr) {
+    return attr.type === 'JSXAttribute' && attr.name.name === propName;
+  });
+  return labelProp;
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getImportedNodeBySource = void 0;
+/**
+ * @param {SourceCode} source The eslint source
+ * @param {string} path The path specified to find
+ * @returns {ImportDeclaration}
+ */
+var getImportedNodeBySource = exports.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/cjs/rules/utils/{get-import-node-by-source.js → get-module-of-identifier.js}

@@ -3,23 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getModuleOfIdentifier = exports.getImportedNodeBySource = void 0;
+exports.getModuleOfIdentifier = void 0;
 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}
- */
-var getImportedNodeBySource = exports.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/cjs/rules/utils/is-child-of-type.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isChildOfType = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var isChildOfType = exports.isChildOfType = function isChildOfType(node, type) {
+  return (0, _eslintCodemodUtils.isNodeOfType)(node.parent, type);
+};

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

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.isCurrentSurfaceCustomPropertyName = exports.isColorCssPropertyName = exports.includesHardCodedColor = void 0;
-var _tokens = require("@atlaskit/tokens");
+exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.isColorCssPropertyName = exports.includesHardCodedColor = void 0;
 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:
@@ -54,7 +53,4 @@ var kebabize = function kebabize(str) {
 };
 var isColorCssPropertyName = exports.isColorCssPropertyName = function isColorCssPropertyName(value) {
   return validColorPropertyNames.has(kebabize(value));
-};
-var isCurrentSurfaceCustomPropertyName = exports.isCurrentSurfaceCustomPropertyName = function isCurrentSurfaceCustomPropertyName(value) {
-  return value === 'CURRENT_SURFACE_CSS_VAR' || value === _tokens.CURRENT_SURFACE_CSS_VAR;
 };