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

package/dist/cjs/rules/use-href-in-link-item/has-import-of-name.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasImportOfName = void 0;
+var hasImportOfName = exports.hasImportOfName = function hasImportOfName(node, name) {
+  return node.specifiers.some(
+  // This should not be an `any`. This is an array of `ImportSpecifier |
+  // ImportDefaultSpecifier`. For some reason, filtering this way still
+  // results in an error of `specifier.imported` doesn't exist on
+  // ImportDefaultSpecifier, which is exactly what I'm filtering for
+  function (specifier) {
+    var _specifier$imported;
+    return (specifier === null || specifier === void 0 || (_specifier$imported = specifier.imported) === null || _specifier$imported === void 0 ? void 0 : _specifier$imported.name) === name;
+  });
+};

package/dist/cjs/rules/use-href-in-link-item/index.js

@@ -8,6 +8,10 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _createRule = require("../utils/create-rule");
 var _getImportName = require("../utils/get-import-name");
+var _getUniqueButtonItemName = require("./get-unique-button-item-name");
+var _hasImportOfName = require("./has-import-of-name");
+var _insertButtonItemDefaultImport = require("./insert-button-item-default-import");
+var _insertButtonItemImport = require("./insert-button-item-import");
 var _utils = require("./utils");
 var hrefRequiredSuggestionText = exports.hrefRequiredSuggestionText = 'Convert LinkItem to ButtonItem';
 var rule = (0, _createRule.createLintRule)({
@@ -71,15 +75,15 @@ var rule = (0, _createRule.createLintRule)({
                 desc: hrefRequiredSuggestionText,
                 fix: function fix(fixer) {
                   var importFix = null;
-                  var uniqueButtonItemName = (0, _utils.getUniqueButtonItemName)(menuNode, allImportDeclarations);
+                  var uniqueButtonItemName = (0, _getUniqueButtonItemName.getUniqueButtonItemName)(menuNode, allImportDeclarations);
                   if (
                   // Default link item import but no button item imports
-                  linkItemDefaultImportNode && !buttonItemDefaultImportNode && (!menuNode || menuNode && !(0, _utils.hasImportOfName)(menuNode, 'ButtonItem'))) {
-                    importFix = (0, _utils.insertButtonItemDefaultImport)(fixer, linkItemDefaultImportNode);
+                  linkItemDefaultImportNode && !buttonItemDefaultImportNode && (!menuNode || menuNode && !(0, _hasImportOfName.hasImportOfName)(menuNode, 'ButtonItem'))) {
+                    importFix = (0, _insertButtonItemDefaultImport.insertButtonItemDefaultImport)(fixer, linkItemDefaultImportNode);
                   } else if (
                   // No button item imports of any kind
-                  menuNode && !(0, _utils.hasImportOfName)(menuNode, 'ButtonItem') && !buttonItemDefaultImportNode) {
-                    importFix = (0, _utils.insertButtonItemImport)(fixer, menuNode, uniqueButtonItemName);
+                  menuNode && !(0, _hasImportOfName.hasImportOfName)(menuNode, 'ButtonItem') && !buttonItemDefaultImportNode) {
+                    importFix = (0, _insertButtonItemImport.insertButtonItemImport)(fixer, menuNode, uniqueButtonItemName);
                   }
                   var fixes = (importFix ? [importFix] : []).concat(href ? [fixer.remove(href)] : [], [fixer.replaceText(node.openingElement.name, uniqueButtonItemName)]);
                   if (node.closingElement) {

package/dist/cjs/rules/use-href-in-link-item/insert-button-item-default-import.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertButtonItemDefaultImport = void 0;
+var insertButtonItemDefaultImport = exports.insertButtonItemDefaultImport = function insertButtonItemDefaultImport(fixer, node) {
+  return fixer.insertTextBefore(node, "import ButtonItem from '@atlaskit/menu/button-item';\n");
+};

package/dist/cjs/rules/use-href-in-link-item/insert-button-item-import.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertButtonItemImport = void 0;
+var insertButtonItemImport = exports.insertButtonItemImport = function insertButtonItemImport(fixer, node, uniqueButtonItemName) {
+  var insertedImport = uniqueButtonItemName !== 'ButtonItem' ? ", ButtonItem as ".concat(uniqueButtonItemName) : ', ButtonItem';
+  return fixer.insertTextAfter(node.specifiers.slice(-1)[0], insertedImport);
+};

package/dist/cjs/rules/use-href-in-link-item/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertButtonItemImport = exports.insertButtonItemDefaultImport = exports.hrefHasInvalidValue = exports.hasImportOfName = exports.getUniqueButtonItemName = void 0;
+exports.hrefHasInvalidValue = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _findInParent = require("../utils/find-in-parent");
 var invalidHrefValues = ['', '#', null, undefined];
@@ -46,43 +46,4 @@ var hrefHasInvalidValue = exports.hrefHasInvalidValue = function hrefHasInvalidV
     }
   }
   return false;
-};
-var hasImportOfName = exports.hasImportOfName = function hasImportOfName(node, name) {
-  return node.specifiers.some(
-  // This should not be an `any`. This is an array of `ImportSpecifier |
-  // ImportDefaultSpecifier`. For some reason, filtering this way still
-  // results in an error of `specifier.imported` doesn't exist on
-  // ImportDefaultSpecifier, which is exactly what I'm filtering for
-  function (specifier) {
-    var _specifier$imported;
-    return (specifier === null || specifier === void 0 || (_specifier$imported = specifier.imported) === null || _specifier$imported === void 0 ? void 0 : _specifier$imported.name) === name;
-  });
-};
-var insertButtonItemDefaultImport = exports.insertButtonItemDefaultImport = function insertButtonItemDefaultImport(fixer, node) {
-  return fixer.insertTextBefore(node, "import ButtonItem from '@atlaskit/menu/button-item';\n");
-};
-var getUniqueButtonItemName = exports.getUniqueButtonItemName = function getUniqueButtonItemName(menuNode, importDeclarations) {
-  // Remove menu import node from array
-  var allImportDeclarationsButMenu = importDeclarations.filter(function (i) {
-    return i !== menuNode;
-  });
-  var currentButtonItemNameExistsOtherThanMenu = allImportDeclarationsButMenu.reduce(function (acc, importNode) {
-    return acc || hasImportOfName(importNode, 'ButtonItem');
-  }, false);
-  if (currentButtonItemNameExistsOtherThanMenu) {
-    var suffix = 1;
-    while (currentButtonItemNameExistsOtherThanMenu) {
-      suffix += 1;
-      currentButtonItemNameExistsOtherThanMenu = allImportDeclarationsButMenu.reduce(function (acc, importNode) {
-        return acc || hasImportOfName(importNode, "ButtonItem".concat(suffix));
-      }, false);
-    }
-    return "ButtonItem".concat(suffix);
-  } else {
-    return 'ButtonItem';
-  }
-};
-var insertButtonItemImport = exports.insertButtonItemImport = function insertButtonItemImport(fixer, node, uniqueButtonItemName) {
-  var insertedImport = uniqueButtonItemName !== 'ButtonItem' ? ", ButtonItem as ".concat(uniqueButtonItemName) : ', ButtonItem';
-  return fixer.insertTextAfter(node.specifiers.slice(-1)[0], insertedImport);
 };

package/dist/cjs/rules/use-latest-xcss-syntax/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.noRawSpacingValues = exports.default = void 0;
 var _createRule = require("../utils/create-rule");
-var _transformers = require("./transformers");
+var _styleProperty = require("./transformers/style-property");
 var noRawSpacingValues = exports.noRawSpacingValues = "Don't use non-token values in padding or margin. There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway. Atlassians: See https://go.atlassian.com/xcss-spacing for details.";
 var rule = (0, _createRule.createLintRule)({
   meta: {
@@ -25,7 +25,7 @@ var rule = (0, _createRule.createLintRule)({
   create: function create(context) {
     return {
       'CallExpression[callee.name="xcss"] ObjectExpression Property': function CallExpressionCalleeNameXcss_ObjectExpression_Property(node) {
-        return _transformers.StyleProperty.lint(node, {
+        return _styleProperty.StyleProperty.lint(node, {
           context: context
         });
       }

package/dist/cjs/rules/use-latest-xcss-syntax/transformers/style-property/index.js

@@ -1,17 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyleProperty = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
+var _import = require("../../../../ast-nodes/import");
+var _objectEntry = require("../../../../ast-nodes/object-entry");
+var _root = require("../../../../ast-nodes/root");
 var _styleMap = require("./style-map");
 var _supported = _interopRequireDefault(require("./supported"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var messageId = 'noRawSpacingValues';
@@ -39,9 +39,9 @@ var StyleProperty = exports.StyleProperty = {
         ref: undefined
       };
     }
-    var importDeclarations = ast.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, '@atlaskit/primitives');
+    var importDeclarations = _root.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, '@atlaskit/primitives');
     var isXcssImported = importDeclarations.some(function (importDeclaration) {
-      return ast.Import.containsNamedSpecifier(importDeclaration, 'xcss');
+      return _import.Import.containsNamedSpecifier(importDeclaration, 'xcss');
     });
     if (!isXcssImported) {
       return {
@@ -72,8 +72,8 @@ var StyleProperty = exports.StyleProperty = {
         ref: undefined
       };
     }
-    var _ast$ObjectEntry$getP = ast.ObjectEntry.getProperty(node),
-      property = _ast$ObjectEntry$getP.value;
+    var _ObjectEntryHelper$ge = _objectEntry.ObjectEntry.getProperty(node),
+      property = _ObjectEntryHelper$ge.value;
 
     // Bail if the property is not `padding`, `margin`, etc
     if (!property || !_styleMap.styleMap.includes(property)) {
@@ -82,7 +82,7 @@ var StyleProperty = exports.StyleProperty = {
         ref: undefined
       };
     }
-    var value = ast.ObjectEntry.getValue(node);
+    var value = _objectEntry.ObjectEntry.getValue(node);
     if (typeof value !== 'string') {
       return {
         success: false,

package/dist/cjs/rules/use-latest-xcss-syntax-typography/index.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 var _createRule = require("../utils/create-rule");
 var _errorBoundary = require("../utils/error-boundary");
 var _config = require("./config");
-var _linters = require("./linters");
+var _restrictedCapitalisation = require("./linters/restricted-capitalisation");
+var _restrictedProperty = require("./linters/restricted-property");
+var _wrappedTokenValue = require("./linters/wrapped-token-value");
 var typescriptErrorMessage = 'There is ongoing work to make this a TypeScript error. Once that happens, you will have to delete/refactor anyway.';
 var rule = (0, _createRule.createLintRule)({
   meta: {
@@ -50,37 +52,37 @@ var rule = (0, _createRule.createLintRule)({
     var config = (0, _config.getConfig)(context.options[0]);
     return (0, _errorBoundary.errorBoundary)({
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierName_FontSizeLineHeightFontWeightLetterSpacing_(node) {
-        return _linters.RestrictedProperty.lint(node, {
+        return _restrictedProperty.RestrictedProperty.lint(node, {
           context: context,
           config: config
         });
       },
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__LiteralValue_FontSizeLineHeightFontWeightLetterSpacing_(node) {
-        return _linters.RestrictedProperty.lint(node, {
+        return _restrictedProperty.RestrictedProperty.lint(node, {
           context: context,
           config: config
         });
       },
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=textTransform]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierNameTextTransform(node) {
-        return _linters.RestrictedCapitalisation.lint(node, {
+        return _restrictedCapitalisation.RestrictedCapitalisation.lint(node, {
           context: context,
           config: config
         });
       },
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=textTransform]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__LiteralValueTextTransform(node) {
-        return _linters.RestrictedCapitalisation.lint(node, {
+        return _restrictedCapitalisation.RestrictedCapitalisation.lint(node, {
           context: context,
           config: config
         });
       },
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(font|fontFamily|fontWeight)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierName_FontFontFamilyFontWeight_(node) {
-        return _linters.WrappedTokenValue.lint(node, {
+        return _wrappedTokenValue.WrappedTokenValue.lint(node, {
           context: context,
           config: config
         });
       },
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Literal[value=/(font|fontFamily|fontWeight)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__LiteralValue_FontFontFamilyFontWeight_(node) {
-        return _linters.WrappedTokenValue.lint(node, {
+        return _wrappedTokenValue.WrappedTokenValue.lint(node, {
           context: context,
           config: config
         });

package/dist/cjs/rules/use-primitives/index.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _createRule = require("../utils/create-rule");
 var _config = require("./config");
-var _transformers = require("./transformers");
+var _compiledStyled = require("./transformers/compiled-styled");
+var _emotionCss = require("./transformers/emotion-css");
 var boxDocsUrl = 'https://atlassian.design/components/primitives/box';
 var rule = (0, _createRule.createLintRule)({
   meta: {
@@ -43,14 +44,14 @@ var rule = (0, _createRule.createLintRule)({
     return {
       // transforms styled.<html>(...) usages
       CallExpression: function CallExpression(node) {
-        _transformers.CompiledStyled.lint(node, {
+        _compiledStyled.CompiledStyled.lint(node, {
           context: context,
           config: config
         });
       },
       // transforms <div css={...}> usages
       JSXElement: function JSXElement(node) {
-        _transformers.EmotionCSS.lint(node, {
+        _emotionCss.EmotionCSS.lint(node, {
           context: context,
           config: config
         });

package/dist/cjs/rules/use-primitives/transformers/compiled-styled/{supported.js → attributes.js}

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.elements = exports.attributes = void 0;
-var elements = exports.elements = ['div'];
+exports.attributes = void 0;
 var attributes = exports.attributes = ['css'
 // 'data-testid'
 ];

package/dist/cjs/rules/use-primitives/transformers/compiled-styled/convert-jsx-call-site.js

@@ -1,15 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertJsxCallSite = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _jsxElement = require("../../../../ast-nodes/jsx-element");
 /**
  * Transforms a JSXElement from:
  * ```
@@ -29,7 +27,7 @@ var convertJsxCallSite = exports.convertJsxCallSite = function convertJsxCallSit
 
   // renames the JSX call site
   if ((0, _eslintCodemodUtils.isNodeOfType)(jsxElement, 'JSXElement')) {
-    fixes.push.apply(fixes, (0, _toConsumableArray2.default)(ast.JSXElement.updateName(jsxElement, 'Box', fixer)));
+    fixes.push.apply(fixes, (0, _toConsumableArray2.default)(_jsxElement.JSXElement.updateName(jsxElement, 'Box', fixer)));
   }
 
   // adds xcss prop

package/dist/cjs/rules/use-primitives/transformers/compiled-styled/elements.js

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

package/dist/cjs/rules/use-primitives/transformers/compiled-styled/find-valid-styled-component-call.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findValidStyledComponentCall = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var supported = _interopRequireWildcard(require("./supported"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _elements = require("./elements");
 /**
  * returns a variable reference if preconditions are favourable for
  * the transformation to proceed, undefined otherwise.
@@ -48,7 +46,7 @@ var isStyledCallExpression = function isStyledCallExpression(call) {
   if (!(0, _eslintCodemodUtils.isNodeOfType)(call.callee.object, 'Identifier') || !(0, _eslintCodemodUtils.isNodeOfType)(call.callee.property, 'Identifier')) {
     return false;
   }
-  if (/^styled2?$/.test(call.callee.object.name) && supported.elements.includes(call.callee.property.name)) {
+  if (/^styled2?$/.test(call.callee.object.name) && _elements.elements.includes(call.callee.property.name)) {
     return true;
   }
   return false;

package/dist/cjs/rules/use-primitives/transformers/compiled-styled/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,14 +8,14 @@ exports.CompiledStyled = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
-var _utils = require("../../utils");
+var _jsxElement = require("../../../../ast-nodes/jsx-element");
+var _root = require("../../../../ast-nodes/root");
+var _isValidCssPropertiesToTransform = require("../../utils/is-valid-css-properties-to-transform");
 var _validateStyles = require("../../utils/validate-styles");
 var _convertJsxCallSite = require("./convert-jsx-call-site");
 var _convertStyledComponentCallToJsx = require("./convert-styled-component-call-to-jsx");
 var _findValidJsxUsageToTransform = require("./find-valid-jsx-usage-to-transform");
 var _findValidStyledComponentCall = require("./find-valid-styled-component-call");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var CompiledStyled = exports.CompiledStyled = {
@@ -41,7 +40,7 @@ var CompiledStyled = exports.CompiledStyled = {
       node: refs.styles,
       messageId: 'preferPrimitivesBox',
       suggest: [{
-        desc: "Convert ".concat(ast.JSXElement.getName(refs.jsxElement), " to Box"),
+        desc: "Convert ".concat(_jsxElement.JSXElement.getName(refs.jsxElement), " to Box"),
         fix: CompiledStyled._fix(refs, context)
       }]
     });
@@ -60,7 +59,7 @@ var CompiledStyled = exports.CompiledStyled = {
       };
     }
     var styledComponentVariableRef = (0, _findValidStyledComponentCall.findValidStyledComponentCall)(node);
-    if (!styledComponentVariableRef || !(0, _eslintCodemodUtils.isNodeOfType)(styledComponentVariableRef.id, 'Identifier') || !(config.patterns.includes('string-style-property-fix') ? (0, _validateStyles.validateStyles)(node, config) : (0, _utils.isValidCssPropertiesToTransform)(node, config))) {
+    if (!styledComponentVariableRef || !(0, _eslintCodemodUtils.isNodeOfType)(styledComponentVariableRef.id, 'Identifier') || !(config.patterns.includes('string-style-property-fix') ? (0, _validateStyles.validateStyles)(node, config) : (0, _isValidCssPropertiesToTransform.isValidCssPropertiesToTransform)(node, config))) {
       return {
         success: false
       };
@@ -77,7 +76,7 @@ var CompiledStyled = exports.CompiledStyled = {
         success: false
       };
     }
-    var importDeclaration = ast.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, '@atlaskit/primitives');
+    var importDeclaration = _root.Root.findImportsByModule((0, _contextCompat.getSourceCode)(context).ast.body, '@atlaskit/primitives');
 
     // If there is more than one `@atlaskit/primitives` import, then it becomes difficult to determine which import to transform
     if (importDeclaration.length > 1) {
@@ -104,7 +103,7 @@ var CompiledStyled = exports.CompiledStyled = {
       if (!calculatedStylesVariableName) {
         return [];
       }
-      var importFixes = ast.Root.upsertNamedImportDeclaration({
+      var importFixes = _root.Root.upsertNamedImportDeclaration({
         module: '@atlaskit/primitives',
         specifiers: ['Box', 'xcss']
       }, context, fixer);

package/dist/cjs/rules/use-primitives/transformers/css-to-xcss.js

@@ -4,13 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.supportedStylesMap = exports.supportedDimensionAttributesMap = exports.styledObjectToXcssTokens = exports.spaceTokenPositiveMap = exports.spaceTokenMap = exports.dimensionsMap = exports.cssToXcssTransformer = void 0;
+exports.supportedStylesMap = exports.styledObjectToXcssTokens = exports.cssToXcssTransformer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
-var _tokenMaps = require("../../../common/token-maps.partial");
-var _utils = require("../utils");
+var _getAttributeValueIdentifier = require("../utils/get-attribute-value-identifier");
+var _getFunctionArgumentAtPos = require("../utils/get-function-argument-at-pos");
+var _getJsxAttributeByName = require("../utils/get-jsx-attribute-by-name");
+var _getVariableDefinitionValue = require("../utils/get-variable-definition-value");
+var _spaceTokenMap = require("./space-token-map");
+var _spaceTokenPositiveMap = require("./space-token-positive-map");
+var _supportedDimensionAttributesMap = require("./supported-dimension-attributes-map");
 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; }
 var cssToXcssTransformer = exports.cssToXcssTransformer = function cssToXcssTransformer(node, context, fixer) {
@@ -28,17 +33,17 @@ var cssToXcssTransformer = exports.cssToXcssTransformer = function cssToXcssTran
    * to that approach (mainly poor separation of concerns). I'm un-opinionated about which strategy we use. I just opted
    * for this because the original `use-primitives` rule did this.
    */
-  var cssAttr = (0, _utils.getJSXAttributeByName)(node.openingElement, 'css');
-  var cssVariableName = (0, _utils.getAttributeValueIdentifier)(cssAttr);
+  var cssAttr = (0, _getJsxAttributeByName.getJSXAttributeByName)(node.openingElement, 'css');
+  var cssVariableName = (0, _getAttributeValueIdentifier.getAttributeValueIdentifier)(cssAttr);
   if (!cssVariableName) {
     return [];
   }
   var cssVariableDefinition = (0, _eslintCodemodUtils.getIdentifierInParentScope)((0, _contextCompat.getScope)(context, node), cssVariableName);
-  var cssVariableValue = (0, _utils.getVariableDefinitionValue)(cssVariableDefinition);
+  var cssVariableValue = (0, _getVariableDefinitionValue.getVariableDefinitionValue)(cssVariableDefinition);
   if (!cssVariableValue) {
     return [];
   }
-  var cssObjectExpression = (0, _utils.getFunctionArgumentAtPos)(cssVariableValue, 0);
+  var cssObjectExpression = (0, _getFunctionArgumentAtPos.getFunctionArgumentAtPos)(cssVariableValue, 0);
   return [
   // Update `css` function name to `xcss`.
   fixer.replaceText(cssVariableValue.node.init.callee, (0, _eslintCodemodUtils.identifier)('xcss').toString())].concat((0, _toConsumableArray2.default)(styledObjectToXcssTokens(cssObjectExpression, fixer)));
@@ -77,40 +82,27 @@ var styledObjectToXcssTokens = exports.styledObjectToXcssTokens = function style
     }
   });
 };
-var spaceTokenMap = exports.spaceTokenMap = _tokenMaps.allSpaceMap;
-var spaceTokenPositiveMap = exports.spaceTokenPositiveMap = _tokenMaps.positiveSpaceMap;
-var dimensionsMap = exports.dimensionsMap = {
-  '100%': '100%'
-};
-var supportedDimensionAttributesMap = exports.supportedDimensionAttributesMap = {
-  width: dimensionsMap,
-  height: dimensionsMap,
-  minWidth: dimensionsMap,
-  minHeight: dimensionsMap,
-  maxWidth: dimensionsMap,
-  maxHeight: dimensionsMap
-};
 var supportedStylesMap = exports.supportedStylesMap = _objectSpread({
-  padding: spaceTokenPositiveMap,
-  paddingBlock: spaceTokenPositiveMap,
-  paddingBlockEnd: spaceTokenPositiveMap,
-  paddingBlockStart: spaceTokenPositiveMap,
-  paddingBottom: spaceTokenPositiveMap,
-  paddingInline: spaceTokenPositiveMap,
-  paddingInlineEnd: spaceTokenPositiveMap,
-  paddingInlineStart: spaceTokenPositiveMap,
-  paddingLeft: spaceTokenPositiveMap,
-  paddingRight: spaceTokenPositiveMap,
-  paddingTop: spaceTokenPositiveMap,
-  margin: spaceTokenMap,
-  marginBlock: spaceTokenMap,
-  marginBlockEnd: spaceTokenMap,
-  marginBlockStart: spaceTokenMap,
-  marginBottom: spaceTokenMap,
-  marginInline: spaceTokenMap,
-  marginInlineEnd: spaceTokenMap,
-  marginInlineStart: spaceTokenMap,
-  marginLeft: spaceTokenMap,
-  marginRight: spaceTokenMap,
-  marginTop: spaceTokenMap
-}, supportedDimensionAttributesMap);
+  padding: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingBlock: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingBlockEnd: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingBlockStart: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingBottom: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingInline: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingInlineEnd: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingInlineStart: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingLeft: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingRight: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  paddingTop: _spaceTokenPositiveMap.spaceTokenPositiveMap,
+  margin: _spaceTokenMap.spaceTokenMap,
+  marginBlock: _spaceTokenMap.spaceTokenMap,
+  marginBlockEnd: _spaceTokenMap.spaceTokenMap,
+  marginBlockStart: _spaceTokenMap.spaceTokenMap,
+  marginBottom: _spaceTokenMap.spaceTokenMap,
+  marginInline: _spaceTokenMap.spaceTokenMap,
+  marginInlineEnd: _spaceTokenMap.spaceTokenMap,
+  marginInlineStart: _spaceTokenMap.spaceTokenMap,
+  marginLeft: _spaceTokenMap.spaceTokenMap,
+  marginRight: _spaceTokenMap.spaceTokenMap,
+  marginTop: _spaceTokenMap.spaceTokenMap
+}, _supportedDimensionAttributesMap.supportedDimensionAttributesMap);

package/dist/cjs/rules/use-primitives/transformers/dimensions-map.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dimensionsMap = void 0;
+var dimensionsMap = exports.dimensionsMap = {
+  '100%': '100%'
+};

package/dist/cjs/rules/use-primitives/transformers/emotion-css/{supported.js → attributes.js}

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.elements = exports.attributes = void 0;
-var elements = exports.elements = ['div'];
+exports.attributes = void 0;
 var attributes = exports.attributes = ['css'
 // 'data-testid'
 ];

package/dist/cjs/rules/use-primitives/transformers/emotion-css/elements.js

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