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

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _createRule = require("../utils/create-rule");
+var _createLintRule = require("../utils/create-lint-rule");
 var _errorBoundary = require("../utils/error-boundary");
-var _config = require("./config");
+var _getConfig = require("./config/get-config");
+var _ruleSchema = require("./config/rule-schema");
 var _bannedProperties = require("./transformers/banned-properties");
 var _fontFamily = require("./transformers/font-family");
 var _fontWeight = require("./transformers/font-weight");
@@ -15,7 +16,7 @@ var _styleObject = require("./transformers/style-object");
 var _untokenizedProperties = require("./transformers/untokenized-properties");
 var create = function create(context) {
   // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
-  var config = (0, _config.getConfig)(context.options[0]);
+  var config = (0, _getConfig.getConfig)(context.options[0]);
   return (0, _errorBoundary.errorBoundary)({
     // const styles = css({ fontSize: '14px', ... }), styled.div({ fontSize: 14, ... })
     ObjectExpression: function ObjectExpression(node) {
@@ -61,7 +62,7 @@ var create = function create(context) {
     }
   }, config);
 };
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-tokens-typography',
     type: 'suggestion',
@@ -81,7 +82,7 @@ var rule = (0, _createRule.createLintRule)({
       noBannedProperties: 'Do not use `{{property}}`. Typography tokens automatically specify `{{property}}` alongside font size and font weight.',
       noRestrictedCapitalisation: "Avoid using ALL CAPS as it reduces readability and is bad for accessibility."
     },
-    schema: _config.ruleSchema
+    schema: _ruleSchema.ruleSchema
   },
   create: create
 });

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BannedProperties = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _isDecendantOfStyleBlock = require("../../utils/is-decendant-of-style-block");
 var _isDecendantOfType = require("../../utils/is-decendant-of-type");
-var _isNode = require("../../utils/is-node");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var BannedProperties = exports.BannedProperties = {
@@ -36,7 +36,7 @@ var BannedProperties = exports.BannedProperties = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isDecendantOfStyleBlock.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return false;
     }
     return true;

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

@@ -8,8 +8,8 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _root = require("../../../ast-nodes/root");
 var _getNodeSource = require("../../utils/get-node-source");
+var _isDecendantOfStyleBlock = require("../../utils/is-decendant-of-style-block");
 var _isDecendantOfType = require("../../utils/is-decendant-of-type");
-var _isNode = require("../../utils/is-node");
 var _findFontFamilyTokenForValue = require("../find-font-family-token-for-value");
 var _insertTokensImport = require("../insert-tokens-import");
 /* eslint-disable @repo/internal/react/require-jsdoc */
@@ -40,7 +40,7 @@ var FontFamily = exports.FontFamily = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isDecendantOfStyleBlock.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return false;
     }
     var isFontFamilyProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'fontFamily';

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

@@ -8,10 +8,10 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _root = require("../../../ast-nodes/root");
 var _getNodeSource = require("../../utils/get-node-source");
+var _isDecendantOfStyleBlock = require("../../utils/is-decendant-of-style-block");
 var _isDecendantOfType = require("../../utils/is-decendant-of-type");
-var _isNode = require("../../utils/is-node");
+var _findFontWeightTokenForValue = require("../find-font-weight-token-for-value");
 var _insertTokensImport = require("../insert-tokens-import");
-var _utils = require("../utils");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var FontWeight = exports.FontWeight = {
@@ -40,7 +40,7 @@ var FontWeight = exports.FontWeight = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isDecendantOfStyleBlock.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return false;
     }
     var isFontWeightProperty = (0, _eslintCodemodUtils.isNodeOfType)(node.key, 'Identifier') && node.key.name === 'fontWeight';
@@ -64,7 +64,7 @@ var FontWeight = exports.FontWeight = {
       }
 
       // Replace raw value with token if there is a token match
-      var matchingToken = (_findFontWeightTokenF = (0, _utils.findFontWeightTokenForValue)(String(node.value.value))) === null || _findFontWeightTokenF === void 0 ? void 0 : _findFontWeightTokenF.tokenName;
+      var matchingToken = (_findFontWeightTokenF = (0, _findFontWeightTokenForValue.findFontWeightTokenForValue)(String(node.value.value))) === null || _findFontWeightTokenF === void 0 ? void 0 : _findFontWeightTokenF.tokenName;
       if (!matchingToken) {
         return fixes;
       }

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

@@ -11,18 +11,22 @@ var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _object = require("../../../ast-nodes/object");
 var _objectEntry = require("../../../ast-nodes/object-entry");
 var _root = require("../../../ast-nodes/root");
+var _getValueForPropertyNode = require("../../ensure-design-token-usage/get-value-for-property-node");
 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 _isDecendantOfStyleBlock = require("../../utils/is-decendant-of-style-block");
 var _isDecendantOfType = require("../../utils/is-decendant-of-type");
-var _isNode = require("../../utils/is-node");
 var _convertPropertyNodeToStringableNode = require("../convert-property-node-to-stringable-node");
+var _defaultFontWeight = require("../default-font-weight");
+var _findFontWeightTokenForValue = require("../find-font-weight-token-for-value");
+var _findTypographyTokenForValues = require("../find-typography-token-for-values");
+var _fontWeightMap = require("../font-weight-map");
 var _getLiteralProperty = require("../get-literal-property");
+var _getTokenProperty = require("../get-token-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 */
 var StyleObject = exports.StyleObject = {
@@ -53,7 +57,7 @@ var StyleObject = exports.StyleObject = {
 
     // -- Font weight --
     var fontWeightNode = _object.Object.getEntryByPropertyName(node, 'fontWeight');
-    var fontWeightRaw = fontWeightNode && (0, _utils.getValueForPropertyNode)(fontWeightNode, context);
+    var fontWeightRaw = fontWeightNode && (0, _getValueForPropertyNode.getValueForPropertyNode)(fontWeightNode, context);
 
     // If fontWeightRaw is a token we find the token name and treat it like a raw value for simplicity.
     // e.g. token('font.weight.bold', '700') ends up as '700' after this if-block.
@@ -61,18 +65,18 @@ var StyleObject = exports.StyleObject = {
     if (fontWeightRaw && typeof fontWeightRaw === 'string' && fontWeightRaw.includes('font.weight.')) {
       var _fontWeightRaw$match;
       var fontWeightTokenSuffix = ((_fontWeightRaw$match = fontWeightRaw.match(/font\.weight\.(\w*)/)) === null || _fontWeightRaw$match === void 0 ? void 0 : _fontWeightRaw$match[1]) || 'regular'; // ${token('font.weight.bold', '700')} -> 'bold'
-      if (Object.keys(_utils2.fontWeightMap).includes(fontWeightTokenSuffix)) {
-        fontWeightRaw = _utils2.fontWeightMap[fontWeightTokenSuffix];
+      if (Object.keys(_fontWeightMap.fontWeightMap).includes(fontWeightTokenSuffix)) {
+        fontWeightRaw = _fontWeightMap.fontWeightMap[fontWeightTokenSuffix];
       }
     }
 
     // If no fontWeight value exists, default to 400 to avoid matching with a bolder token resulting in a visual change
-    var fontWeightValue = fontWeightRaw && (0, _normaliseValue.normaliseValue)('fontWeight', fontWeightRaw) || _utils2.defaultFontWeight;
-    fontWeightValue = fontWeightValue.length === 3 ? fontWeightValue : _utils2.fontWeightMap[fontWeightValue] || _utils2.defaultFontWeight;
+    var fontWeightValue = fontWeightRaw && (0, _normaliseValue.normaliseValue)('fontWeight', fontWeightRaw) || _defaultFontWeight.defaultFontWeight;
+    fontWeightValue = fontWeightValue.length === 3 ? fontWeightValue : _fontWeightMap.fontWeightMap[fontWeightValue] || _defaultFontWeight.defaultFontWeight;
 
     // -- Line height --
     var lineHeightNode = _object.Object.getEntryByPropertyName(node, 'lineHeight');
-    var lineHeightRaw = lineHeightNode && (0, _utils.getValueForPropertyNode)(lineHeightNode, context);
+    var lineHeightRaw = lineHeightNode && (0, _getValueForPropertyNode.getValueForPropertyNode)(lineHeightNode, context);
     var shouldAddFontWeight = false;
     var lineHeightValue = lineHeightRaw && (0, _normaliseValue.normaliseValue)('lineHeight', lineHeightRaw) || undefined;
     if (lineHeightValue === fontSizeValue) {
@@ -100,10 +104,10 @@ var StyleObject = exports.StyleObject = {
       }
     } else {
       // Standard matching against fontSize/lineHeight values
-      matchingTokens = (0, _utils2.findTypographyTokenForValues)(fontSizeValue, lineHeightValue);
+      matchingTokens = (0, _findTypographyTokenForValues.findTypographyTokenForValues)(fontSizeValue, lineHeightValue);
       if (matchingTokens.length) {
         // If we have multiple matching tokens, try matching fontWeight
-        var matchingTokenWithWeight = (0, _utils2.findFontWeightTokenForValue)(fontWeightValue, matchingTokens);
+        var matchingTokenWithWeight = (0, _findFontWeightTokenForValue.findFontWeightTokenForValue)(fontWeightValue, matchingTokens);
         if (matchingTokenWithWeight) {
           // Possibly narrowed down tokens
           matchingTokens = [matchingTokenWithWeight];
@@ -123,7 +127,7 @@ var StyleObject = exports.StyleObject = {
 
     // -- Font family --
     var fontFamilyNode = _object.Object.getEntryByPropertyName(node, 'fontFamily');
-    var fontFamilyRaw = fontFamilyNode && (0, _utils.getValueForPropertyNode)(fontFamilyNode, context);
+    var fontFamilyRaw = fontFamilyNode && (0, _getValueForPropertyNode.getValueForPropertyNode)(fontFamilyNode, context);
     var fontFamilyValue = fontFamilyRaw && (0, _normaliseValue.normaliseValue)('fontFamily', fontFamilyRaw) || undefined;
 
     // If font family is already a token, we remove and re-add it
@@ -147,7 +151,7 @@ var StyleObject = exports.StyleObject = {
 
     // -- Font style --
     var fontStyleNode = _object.Object.getEntryByPropertyName(node, 'fontStyle');
-    var fontStyleRaw = fontStyleNode && (0, _utils.getValueForPropertyNode)(fontStyleNode, context);
+    var fontStyleRaw = fontStyleNode && (0, _getValueForPropertyNode.getValueForPropertyNode)(fontStyleNode, context);
     var fontStyleValue = fontStyleRaw && (0, _normaliseValue.normaliseValue)('fontStyle', fontStyleRaw) || undefined;
     var fontStyleToAdd;
     if (fontStyleValue === 'italic') {
@@ -165,11 +169,11 @@ var StyleObject = exports.StyleObject = {
       // fontSize node is always first
       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 fontWeightReplacementToken = shouldAddFontWeight ? (0, _findFontWeightTokenForValue.findFontWeightTokenForValue)(fontWeightValue) : undefined;
+      var fontWeightReplacement = fontWeightReplacementToken && (0, _getTokenProperty.getTokenProperty)('fontWeight', fontWeightReplacementToken.tokenName);
       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));
+      fontFamilyNode) : (0, _getTokenProperty.getTokenProperty)('fontFamily', fontFamilyTokenName));
       var fontStyleReplacement = fontStyleToAdd && (0, _getLiteralProperty.getLiteralProperty)('fontStyle', fontStyleToAdd);
       var fixerRefs = {
         matchingToken: matchingToken,
@@ -207,7 +211,7 @@ var StyleObject = exports.StyleObject = {
         success: false
       };
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isDecendantOfStyleBlock.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
       return {
         success: false
       };
@@ -220,7 +224,7 @@ var StyleObject = exports.StyleObject = {
         success: false
       };
     }
-    var fontSizeRaw = (0, _utils.getValueForPropertyNode)(fontSizeNode, context);
+    var fontSizeRaw = (0, _getValueForPropertyNode.getValueForPropertyNode)(fontSizeNode, context);
 
     // Without a valid fontSize value we can't be certain what token should be used; exit
     if (fontSizeRaw === undefined || fontSizeRaw === null) {
@@ -258,7 +262,7 @@ var StyleObject = exports.StyleObject = {
       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)));
+          return fixer.replaceText(node, "".concat((0, _getTokenProperty.getTokenProperty)('font', matchingToken.tokenName, undefined, true)));
         }
 
         // We don't replace fontWeight/fontFamily/fontStyle here in case it occurs before the font property.

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

@@ -7,8 +7,8 @@ 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 _isDecendantOfStyleBlock = require("../../utils/is-decendant-of-style-block");
 var _isDecendantOfType = require("../../utils/is-decendant-of-type");
-var _isNode = require("../../utils/is-node");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var UntokenizedProperties = exports.UntokenizedProperties = {
@@ -39,7 +39,7 @@ var UntokenizedProperties = exports.UntokenizedProperties = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'Property')) {
       return false;
     }
-    if (!(0, _isNode.isDecendantOfStyleBlock)(node) && !(0, _isDecendantOfType.isDecendantOfType)(node, 'JSXExpressionContainer')) {
+    if (!(0, _isDecendantOfStyleBlock.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/types.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typographyValueToToken = void 0;
+var _palettesRaw = require("@atlaskit/tokens/palettes-raw");
+var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
+var typographyValueToToken = exports.typographyValueToToken = _tokensRaw.typography
+// 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 = _palettesRaw.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 = _palettesRaw.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 = _palettesRaw.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/cjs/rules/use-visually-hidden/count-matching-key-values.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.countMatchingKeyValues = void 0;
+var referenceObject = {
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  position: 'absolute',
+  border: '0',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};
+var countMatchingKeyValues = exports.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/cjs/rules/use-visually-hidden/get-object-likeness.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getObjectLikeness = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _countMatchingKeyValues = require("./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.
+ */
+var getObjectLikeness = exports.getObjectLikeness = function getObjectLikeness(node) {
+  var styleEntries = node.properties.filter(function (node) {
+    return (0, _eslintCodemodUtils.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 (0, _countMatchingKeyValues.countMatchingKeyValues)(styleEntries);
+};

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

@@ -8,15 +8,16 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _createRule = require("../utils/create-rule");
+var _createLintRule = require("../utils/create-lint-rule");
+var _isCssInJsObjectNode = require("../utils/is-css-in-js-object-node");
 var _isCssInJsTemplateNode = require("../utils/is-css-in-js-template-node");
-var _isNode = require("../utils/is-node");
+var _countMatchingKeyValues = require("./count-matching-key-values");
 var _fixJsx = _interopRequireDefault(require("./fix-jsx"));
 var _fixVanilla = _interopRequireDefault(require("./fix-vanilla"));
+var _getObjectLikeness = require("./get-object-likeness");
 var _makeTemplateLiteralIntoEntries = require("./make-template-literal-into-entries");
-var _utils = require("./utils");
 var THEME_IMPORT_NAMES = ['visuallyHidden', 'assistive'];
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-visually-hidden',
     type: 'suggestion',
@@ -65,7 +66,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, _isCssInJsTemplateNode.isCssInJsTemplateNode)(idNode.parent)) {
+              if ((0, _isCssInJsObjectNode.isCssInJsObjectNode)(idNode.parent) || (0, _isCssInJsTemplateNode.isCssInJsTemplateNode)(idNode.parent)) {
                 context.report({
                   node: idNode.parent,
                   messageId: 'noDeprecatedUsage',
@@ -107,7 +108,7 @@ var rule = (0, _createRule.createLintRule)({
         if (!(node.callee.type === 'MemberExpression' || node.callee.type === 'Identifier')) {
           return;
         }
-        var isStyled = (0, _isNode.isCssInJsObjectNode)(node);
+        var isStyled = (0, _isCssInJsObjectNode.isCssInJsObjectNode)(node);
         if (node.callee.type === 'MemberExpression' && node.callee.object.type === 'Identifier' && node.callee.object.name !== 'styled') {
           return;
         }
@@ -117,7 +118,7 @@ var rule = (0, _createRule.createLintRule)({
 
         // This is an object style (probably)
         if (node.arguments && ((_node$arguments$ = node.arguments[0]) === null || _node$arguments$ === void 0 ? void 0 : _node$arguments$.type) === 'ObjectExpression') {
-          var matchingScore = (0, _utils.getObjectLikeness)(node.arguments[0]);
+          var matchingScore = (0, _getObjectLikeness.getObjectLikeness)(node.arguments[0]);
           if (matchingScore > 0.8) {
             return context.report({
               node: node.parent,
@@ -132,7 +133,7 @@ var rule = (0, _createRule.createLintRule)({
         if (node.parent.type === 'CallExpression') {
           return;
         }
-        var matchingScore = (0, _utils.getObjectLikeness)(node);
+        var matchingScore = (0, _getObjectLikeness.getObjectLikeness)(node);
         if (matchingScore > 0.8) {
           return context.report({
             node: node,
@@ -151,7 +152,7 @@ var rule = (0, _createRule.createLintRule)({
         if (!styleEntries) {
           return;
         }
-        var count = (0, _utils.countMatchingKeyValues)(styleEntries.map(function (_ref) {
+        var count = (0, _countMatchingKeyValues.countMatchingKeyValues)(styleEntries.map(function (_ref) {
           var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
             key = _ref2[0],
             value = _ref2[1];

package/dist/cjs/rules/use-visually-hidden/reference-object.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.referenceObject = void 0;
+var referenceObject = exports.referenceObject = {
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  position: 'absolute',
+  border: '0',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createLintRule = void 0;
+var _createRule = require("@atlaskit/eslint-utils/create-rule");
+var _getRuleUrl = require("./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.
+ */
+var createLintRule = exports.createLintRule = (0, _createRule.getCreateLintRule)(_getRuleUrl.getRuleUrl);

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

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNoTaggedTemplateExpressionRule = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _esquery = _interopRequireDefault(require("esquery"));
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
+var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
+var _generate = require("./generate");
+var _getTaggedTemplateExpressionOffset = require("./get-tagged-template-expression-offset");
+var _toArguments = require("./to-arguments");
+// 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
+
+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);
+  }
+}
+var createNoTaggedTemplateExpressionRule = exports.createNoTaggedTemplateExpressionRule = function createNoTaggedTemplateExpressionRule(isUsage, messageId) {
+  return function (context) {
+    var importSources = (0, _isSupportedImport.getImportSources)(context);
+    return {
+      TaggedTemplateExpression: function TaggedTemplateExpression(node) {
+        var _getScope = (0, _contextCompat.getScope)(context, node),
+          references = _getScope.references;
+        if (!isUsage(node.tag, references, importSources)) {
+          return;
+        }
+        context.report({
+          messageId: messageId,
+          node: node,
+          fix: /*#__PURE__*/_regenerator.default.mark(function fix(fixer) {
+            var quasi, source, matches, args, oldCode, withoutQuasi, newCode, usesEmotion;
+            return _regenerator.default.wrap(function fix$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  quasi = node.quasi;
+                  source = (0, _contextCompat.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 = (0, _esquery.default)(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 = (0, _toArguments.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
+                  (0, _generate.generate)(args, (0, _getTaggedTemplateExpressionOffset.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 = (0, _isSupportedImport.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/cjs/rules/utils/create-no-tagged-template-expression-rule/no-tagged-template-expression-rule-schema.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noTaggedTemplateExpressionRuleSchema = void 0;
+// 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
+
+var noTaggedTemplateExpressionRuleSchema = exports.noTaggedTemplateExpressionRuleSchema = [{
+  type: 'object',
+  properties: {
+    importSources: {
+      type: 'array',
+      items: {
+        type: 'string'
+      },
+      uniqueItems: true
+    }
+  }
+}];