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

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

@@ -4,14 +4,15 @@ 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 _patterns = require("./config/patterns");
 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)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-latest-xcss-syntax-typography',
     type: 'problem',
@@ -24,11 +25,11 @@ var rule = (0, _createRule.createLintRule)({
           type: 'boolean'
         },
         patterns: {
-          maxLength: _config.PATTERNS.length,
+          maxLength: _patterns.PATTERNS.length,
           type: 'array',
           items: {
             type: 'string',
-            enum: _config.PATTERNS
+            enum: _patterns.PATTERNS
           },
           uniqueItems: true
         }
@@ -49,7 +50,7 @@ var rule = (0, _createRule.createLintRule)({
   },
   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)({
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierName_FontSizeLineHeightFontWeightLetterSpacing_(node) {
         return _restrictedProperty.RestrictedProperty.lint(node, {

package/dist/cjs/rules/use-menu-section-title/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _createRule = require("../utils/create-rule");
+var _createLintRule = require("../utils/create-lint-rule");
 var elementsAccessibleNameProps = ['title', 'titleId'];
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-menu-section-title',
     type: 'suggestion',

package/dist/cjs/rules/use-modal-dialog-close-button/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCloseButtonOrNewProp = exports.setHasCloseButtonPropToTrue = exports.ruleName = exports.default = exports.addHasCloseButtonProp = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _jsxAttribute = require("../../ast-nodes/jsx-attribute");
-var _jsxElement = require("../../ast-nodes/jsx-element");
-var _createRule = require("../utils/create-rule");
+var _jsxElementHelper = require("../../ast-nodes/jsx-element-helper");
+var _createLintRule = require("../utils/create-lint-rule");
 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; }
@@ -21,7 +21,7 @@ var addHasCloseButtonProp = exports.addHasCloseButtonProp = 'Add `hasCloseButton
 var setHasCloseButtonPropToTrue = exports.setHasCloseButtonPropToTrue = 'Set `hasCloseButton` prop to `true`.';
 var useCloseButtonOrNewProp = exports.useCloseButtonOrNewProp = 'Set `hasCloseButton` prop to `true` in `ModalHeader` or use `CloseButton` export if customization is desired.';
 var ruleName = exports.ruleName = __dirname.split('/').slice(-1)[0];
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: ruleName,
     type: 'suggestion',
@@ -193,7 +193,7 @@ var rule = (0, _createRule.createLintRule)({
           }
 
           // No close button exists, so check the modal header
-          var prop = _jsxElement.JSXElementHelper.getAttributeByName(modalHeaderNode, PROP_NAME);
+          var prop = _jsxElementHelper.JSXElementHelper.getAttributeByName(modalHeaderNode, PROP_NAME);
 
           // If the prop exists
           if (prop) {

package/dist/cjs/rules/use-onboarding-spotlight-label/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _createRule = require("../utils/create-rule");
+var _createLintRule = require("../utils/create-lint-rule");
 var elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-onboarding-spotlight-label',
     type: 'suggestion',

package/dist/cjs/rules/use-popup-label/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _createRule = require("../utils/create-rule");
+var _createLintRule = require("../utils/create-lint-rule");
 var elementsAccessibleNameProps = ['label', 'titleId'];
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-popup-label',
     type: 'suggestion',

package/dist/cjs/rules/{use-latest-xcss-syntax-typography/config/index.js → use-primitives/config/get-config.js}

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getConfig = exports.PATTERNS = void 0;
-var PATTERNS = exports.PATTERNS = ['restricted-property', 'wrapped-token-value', 'restricted-capitalisation'];
+exports.getConfig = void 0;
 var defaults = {
-  failSilently: false,
-  patterns: [].concat(PATTERNS)
+  patterns: ['compiled-css-function']
 };
 var getConfig = exports.getConfig = function getConfig(overrides) {
   return Object.assign({}, defaults, overrides);

package/dist/cjs/rules/use-primitives/config/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/rules/use-primitives/config/valid-patterns.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VALID_PATTERNS = void 0;
+var VALID_PATTERNS = exports.VALID_PATTERNS = [
+// this enables the rule to look for a pattern like:
+// const myStyles = css({...})
+'compiled-css-function',
+// this enables the rule to look for a pattern like:
+// const MyComponent = styled.div({...})
+'compiled-styled-object',
+// this enables the rule to look for a pattern like:
+// css({ padding: `I AM A TEMPLATE LITERAL` })
+// or styled.div({ padding: `I AM A TEMPLATE LITERAL` })
+'css-template-literal',
+// this enables the rule to look for a pattern like:
+// css({ padding: token(...) })
+// or styled.div({ padding: token(...) })
+'css-property-with-tokens',
+// this enables the rule to look for a pattern like:
+// css({ padding: '8px 16px' })
+// or styled.div({ padding: css({ padding: '8px 16px' }) })
+// ... and they could be tokenised
+// ... and they could be using template literals
+'css-property-multiple-values',
+// This enables the rule to look for a pattern like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+// })
+'multiple-properties',
+// This enables the rule to look for supported dimension properties set as 100% like:
+// ```
+// const styles = css({ // or `styled.div({`
+//   padding: '8px',
+//   margin: '8px',
+//   width: '100%',
+// })
+'dimension-properties',
+// This enables the rule to look for JSX elements that are defined before the styles
+'jsx-order-fix',
+// This enables a fix for string style properties being incorrectly transformed
+'string-style-property-fix'];

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _createRule = require("../utils/create-rule");
-var _config = require("./config");
+var _createLintRule = require("../utils/create-lint-rule");
+var _getConfig = require("./config/get-config");
+var _validPatterns = require("./config/valid-patterns");
 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)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-primitives',
     type: 'suggestion',
@@ -25,10 +26,10 @@ var rule = (0, _createRule.createLintRule)({
       properties: {
         patterns: {
           type: 'array',
-          maxLength: _config.VALID_PATTERNS.length,
+          maxLength: _validPatterns.VALID_PATTERNS.length,
           items: {
             type: 'string',
-            enum: _config.VALID_PATTERNS
+            enum: _validPatterns.VALID_PATTERNS
           }
         }
       },
@@ -40,7 +41,7 @@ var rule = (0, _createRule.createLintRule)({
   },
   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 {
       // transforms styled.<html>(...) usages
       CallExpression: function CallExpression(node) {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.convertJsxCallSite = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _jsxElement = require("../../../../ast-nodes/jsx-element");
+var _jsxElementHelper = require("../../../../ast-nodes/jsx-element-helper");
 /**
  * Transforms a JSXElement from:
  * ```
@@ -27,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)(_jsxElement.JSXElement.updateName(jsxElement, 'Box', fixer)));
+    fixes.push.apply(fixes, (0, _toConsumableArray2.default)(_jsxElementHelper.JSXElementHelper.updateName(jsxElement, 'Box', fixer)));
   }
 
   // adds xcss prop

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.convertStyledComponentToXcss = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _cssToXcss = require("../css-to-xcss");
+var _styledObjectToXcssTokens = require("../styled-object-to-xcss-tokens");
 /**
  * Transforms a variable like:
  * ```
@@ -37,7 +37,7 @@ var convertStyledComponentToXcss = exports.convertStyledComponentToXcss = functi
   if (styles.init && (0, _eslintCodemodUtils.isNodeOfType)(styles.init, 'CallExpression')) {
     var objectExpression = styles.init.arguments[0];
     if ((0, _eslintCodemodUtils.isNodeOfType)(objectExpression, 'ObjectExpression')) {
-      fixes.push.apply(fixes, (0, _toConsumableArray2.default)((0, _cssToXcss.styledObjectToXcssTokens)(objectExpression, fixer)));
+      fixes.push.apply(fixes, (0, _toConsumableArray2.default)((0, _styledObjectToXcssTokens.styledObjectToXcssTokens)(objectExpression, fixer)));
     }
   }
   return fixes;

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

@@ -8,7 +8,7 @@ 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 _jsxElement = require("../../../../ast-nodes/jsx-element");
+var _jsxElementHelper = require("../../../../ast-nodes/jsx-element-helper");
 var _root = require("../../../../ast-nodes/root");
 var _isValidCssPropertiesToTransform = require("../../utils/is-valid-css-properties-to-transform");
 var _validateStyles = require("../../utils/validate-styles");
@@ -40,7 +40,7 @@ var CompiledStyled = exports.CompiledStyled = {
       node: refs.styles,
       messageId: 'preferPrimitivesBox',
       suggest: [{
-        desc: "Convert ".concat(_jsxElement.JSXElement.getName(refs.jsxElement), " to Box"),
+        desc: "Convert ".concat(_jsxElementHelper.JSXElementHelper.getName(refs.jsxElement), " to Box"),
         fix: CompiledStyled._fix(refs, context)
       }]
     });

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cssToXcssTransformer = 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 _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 _styledObjectToXcssTokens = require("./styled-object-to-xcss-tokens");
+var cssToXcssTransformer = exports.cssToXcssTransformer = function cssToXcssTransformer(node, context, fixer) {
+  /**
+   * Note: The logic here is very similar to the logic in `shouldSuggestBox`. i.e.
+   * 1. Find the `css` attr
+   * 2. Find the variableName (`myStyles` in `css={myStyles}`)
+   * 3. Find the `const myStyles = css({ padding: '8px' })`
+   * 4. Find the style object `{ padding: '8px' }`
+   *
+   * The only difference is, we've already performed very defensive checks for these steps in `shouldSuggestBox`,
+   * so there's no need to do those checks here.
+   *
+   * The repetition could be avoided by combining the 'shouldSuggest' and 'fixCode' steps. However, there are tradeoffs
+   * 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, _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, _getVariableDefinitionValue.getVariableDefinitionValue)(cssVariableDefinition);
+  if (!cssVariableValue) {
+    return [];
+  }
+  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)((0, _styledObjectToXcssTokens.styledObjectToXcssTokens)(cssObjectExpression, fixer)));
+};

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

@@ -10,13 +10,13 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _functionCall = require("../../../../ast-nodes/function-call");
 var _jsxAttribute = require("../../../../ast-nodes/jsx-attribute");
-var _jsxElement = require("../../../../ast-nodes/jsx-element");
+var _jsxElementHelper = require("../../../../ast-nodes/jsx-element-helper");
 var _root = require("../../../../ast-nodes/root");
 var _getVariableDefinitionValue = require("../../utils/get-variable-definition-value");
 var _getVariableUsageCount = require("../../utils/get-variable-usage-count");
 var _isValidCssPropertiesToTransform = require("../../utils/is-valid-css-properties-to-transform");
 var _validateStyles = require("../../utils/validate-styles");
-var _cssToXcss = require("../css-to-xcss");
+var _cssToXcssTransformer = require("../css-to-xcss-transformer");
 var _attributes = require("./attributes");
 var _elements = require("./elements");
 /* eslint-disable @repo/internal/react/require-jsdoc */
@@ -56,7 +56,7 @@ var EmotionCSS = exports.EmotionCSS = {
     if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
       return false;
     }
-    var elementName = _jsxElement.JSXElement.getName(node);
+    var elementName = _jsxElementHelper.JSXElementHelper.getName(node);
     if (!elementName) {
       return false;
     }
@@ -67,12 +67,12 @@ var EmotionCSS = exports.EmotionCSS = {
     }
 
     // Ignore elements that contain dangerous attributes like `id`.
-    if (!_jsxElement.JSXElement.hasAllowedAttrsOnly(node, _attributes.attributes)) {
+    if (!_jsxElementHelper.JSXElementHelper.hasAllowedAttrsOnly(node, _attributes.attributes)) {
       return false;
     }
 
     // Currently we don't transform anything to `Box` unless it defines styles
-    var cssAttr = _jsxElement.JSXElement.getAttributeByName(node, 'css');
+    var cssAttr = _jsxElementHelper.JSXElementHelper.getAttributeByName(node, 'css');
     if (!cssAttr) {
       return false;
     }
@@ -115,10 +115,10 @@ var EmotionCSS = exports.EmotionCSS = {
         module: '@atlaskit/primitives',
         specifiers: ['Box', 'xcss']
       }, context, fixer);
-      var cssAttr = _jsxElement.JSXElement.getAttributeByName(node, 'css'); // Can strongly assert the type here, because we validated it exists in `check()`.
+      var cssAttr = _jsxElementHelper.JSXElementHelper.getAttributeByName(node, 'css'); // Can strongly assert the type here, because we validated it exists in `check()`.
       var attributeFix = _jsxAttribute.JSXAttribute.updateName(cssAttr, 'xcss', fixer);
-      var elementNameFixes = _jsxElement.JSXElement.updateName(node, 'Box', fixer);
-      var cssToXcssTransform = (0, _cssToXcss.cssToXcssTransformer)(node, context, fixer);
+      var elementNameFixes = _jsxElementHelper.JSXElementHelper.updateName(node, 'Box', fixer);
+      var cssToXcssTransform = (0, _cssToXcssTransformer.cssToXcssTransformer)(node, context, fixer);
       return [importFix, attributeFix].concat((0, _toConsumableArray2.default)(elementNameFixes), (0, _toConsumableArray2.default)(cssToXcssTransform)).filter(function (fix) {
         return Boolean(fix);
       }); // Some of the transformers can return arrays with undefined, so filter them out

package/dist/cjs/rules/use-primitives/transformers/styled-object-to-xcss-tokens.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styledObjectToXcssTokens = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _supportedStylesMap = require("./supported-styles-map");
+// e.g. `padding: '8px'`. For clarity, it's renamed to `entry` inside the `.map()`.
+var styledObjectToXcssTokens = exports.styledObjectToXcssTokens = function styledObjectToXcssTokens(styles, fixer) {
+  return styles.properties.map(function (entry) {
+    if (!(0, _eslintCodemodUtils.isNodeOfType)(entry, 'Property')) {
+      return;
+    }
+    if (!(0, _eslintCodemodUtils.isNodeOfType)(entry.key, 'Identifier')) {
+      return;
+    }
+
+    // maps literal values like: 8px to 'space.100'
+    if ((0, _eslintCodemodUtils.isNodeOfType)(entry.value, 'Literal')) {
+      var value = entry.value.value;
+      if (typeof value !== 'string') {
+        return;
+      }
+      return fixer.replaceText(entry.value, (0, _eslintCodemodUtils.literal)("'".concat(_supportedStylesMap.supportedStylesMap[entry.key.name][value], "'")).toString());
+    }
+    // maps token calls like: token('space.100') to 'space.100'
+    if ((0, _eslintCodemodUtils.isNodeOfType)(entry.value, 'CallExpression')) {
+      var callExpression = entry.value;
+      // skip if not a call to `token`
+      if (!(0, _eslintCodemodUtils.isNodeOfType)(callExpression.callee, 'Identifier') || callExpression.callee.name !== 'token' || !(0, _eslintCodemodUtils.isNodeOfType)(callExpression.arguments[0], 'Literal')) {
+        return;
+      }
+      // the first argument of `token` is the token name and
+      // can be given directly to `xcss` as it has been validated already.
+      return fixer.replaceText(entry.value, (0, _eslintCodemodUtils.literal)("'".concat(callExpression.arguments[0].value, "'")).toString());
+    }
+  });
+};

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.supportedStylesMap = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 supportedStylesMap = exports.supportedStylesMap = _objectSpread({
+  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/utils/is-valid-css-properties-to-transform.js

@@ -9,8 +9,8 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _object = require("../../../ast-nodes/object");
-var _cssToXcss = require("../transformers/css-to-xcss");
 var _supportedDimensionAttributesMap = require("../transformers/supported-dimension-attributes-map");
+var _supportedStylesMap = require("../transformers/supported-styles-map");
 var _convertAstObjectExpressionToJsObject = require("./convert-ast-object-expression-to-js-object");
 var _excluded = ["unsupported"];
 var isValidCssPropertiesToTransform = exports.isValidCssPropertiesToTransform = function isValidCssPropertiesToTransform(node, config) {
@@ -66,16 +66,16 @@ var isValidCssPropertiesToTransform = exports.isValidCssPropertiesToTransform =
     if ((0, _typeof2.default)(styleValue) === 'object') {
       // if there is no fallback value, we just map to the token name, if one is found
       if (!styleValue.fallbackValue) {
-        return _cssToXcss.supportedStylesMap[styleProperty] && Object.values(_cssToXcss.supportedStylesMap[styleProperty]).includes(styleValue.tokenName);
+        return _supportedStylesMap.supportedStylesMap[styleProperty] && Object.values(_supportedStylesMap.supportedStylesMap[styleProperty]).includes(styleValue.tokenName);
       }
       // token with fallback
-      return _cssToXcss.supportedStylesMap[styleProperty] && _cssToXcss.supportedStylesMap[styleProperty][styleValue.fallbackValue] === styleValue.tokenName;
+      return _supportedStylesMap.supportedStylesMap[styleProperty] && _supportedStylesMap.supportedStylesMap[styleProperty][styleValue.fallbackValue] === styleValue.tokenName;
     } else {
       // direct value used
       return (
         // Is the value something we can map
         // Is the key something we can map
-        _cssToXcss.supportedStylesMap[styleProperty] && _cssToXcss.supportedStylesMap[styleProperty][styleValue]
+        _supportedStylesMap.supportedStylesMap[styleProperty] && _supportedStylesMap.supportedStylesMap[styleProperty][styleValue]
       );
     }
   });

package/dist/cjs/rules/use-primitives/utils/validate-styles.js

@@ -8,9 +8,9 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _functionCall = require("../../../ast-nodes/function-call");
 var _object = require("../../../ast-nodes/object");
 var _objectEntry = require("../../../ast-nodes/object-entry");
-var _cssToXcss = require("../transformers/css-to-xcss");
 var _spaceTokenMap = require("../transformers/space-token-map");
 var _supportedDimensionAttributesMap = require("../transformers/supported-dimension-attributes-map");
+var _supportedStylesMap = require("../transformers/supported-styles-map");
 var validateStyles = exports.validateStyles = function validateStyles(node, config) {
   if (!node) {
     return false;
@@ -54,7 +54,7 @@ var validateStyles = exports.validateStyles = function validateStyles(node, conf
         return false;
       }
       var valueString = value.value.toString();
-      if (!_cssToXcss.supportedStylesMap[property] || !_cssToXcss.supportedStylesMap[property][valueString]) {
+      if (!_supportedStylesMap.supportedStylesMap[property] || !_supportedStylesMap.supportedStylesMap[property][valueString]) {
         return false;
       }
     } else if ((0, _eslintCodemodUtils.isNodeOfType)(value, 'CallExpression')) {

package/dist/cjs/rules/use-primitives-text/config/{index.js → get-config.js}

@@ -3,16 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getConfig = exports.PATTERNS = void 0;
-var PATTERNS = exports.PATTERNS = [
-// <p>text</p>
-'paragraph-elements',
-// <span>text</span>
-'span-elements',
-// <strong>text</strong>
-'strong-elements',
-// <em>text</em>
-'emphasis-elements'];
+exports.getConfig = void 0;
 var defaults = {
   failSilently: false,
   patterns: ['paragraph-elements', 'span-elements', 'strong-elements', 'emphasis-elements'],

package/dist/cjs/rules/use-primitives-text/config/patterns.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PATTERNS = void 0;
+var PATTERNS = exports.PATTERNS = [
+// <p>text</p>
+'paragraph-elements',
+// <span>text</span>
+'span-elements',
+// <strong>text</strong>
+'strong-elements',
+// <em>text</em>
+'emphasis-elements'];

package/dist/cjs/rules/use-primitives-text/config/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -4,15 +4,16 @@ 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 _patterns = require("./config/patterns");
 var _emphasisElements = require("./transformers/emphasis-elements");
 var _paragraphElements = require("./transformers/paragraph-elements");
 var _spanElements = require("./transformers/span-elements");
 var _strongElements = require("./transformers/strong-elements");
 var textDocsUrl = 'https://atlassian.design/components/primitives/text';
-var rule = (0, _createRule.createLintRule)({
+var rule = (0, _createLintRule.createLintRule)({
   meta: {
     name: 'use-primitives-text',
     type: 'suggestion',
@@ -34,11 +35,11 @@ var rule = (0, _createRule.createLintRule)({
           type: 'boolean'
         },
         patterns: {
-          maxLength: _config.PATTERNS.length,
+          maxLength: _patterns.PATTERNS.length,
           type: 'array',
           items: {
             type: 'string',
-            enum: _config.PATTERNS
+            enum: _patterns.PATTERNS
           },
           uniqueItems: true
         }
@@ -57,7 +58,7 @@ var rule = (0, _createRule.createLintRule)({
   },
   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)({
       'JSXElement[openingElement.name.name=span]': function JSXElementOpeningElementNameNameSpan(node) {
         return _spanElements.SpanElements.lint(node, {

package/dist/cjs/rules/use-primitives-text/transformers/add-color-inherit-attribute-fix.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addColorInheritAttributeFix = addColorInheritAttributeFix;
-var _jsxElement = require("../../../ast-nodes/jsx-element");
+var _jsxElementHelper = require("../../../ast-nodes/jsx-element-helper");
 // Add color="inherit" prop depending on config
 function addColorInheritAttributeFix(node, config, fixer) {
   if (!config.inheritColor) {
     return;
   }
-  return _jsxElement.JSXElement.addAttribute(node, 'color', 'inherit', fixer);
+  return _jsxElementHelper.JSXElementHelper.addAttribute(node, 'color', 'inherit', fixer);
 }