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

package/dist/es2019/rules/no-unused-css-map/index.js

@@ -1,7 +1,8 @@
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { CSS_IN_JS_IMPORTS, isCssMap } from '@atlaskit/eslint-utils/is-supported-import';
-import { createLintRule } from '../utils/create-rule';
-import { getCssMapObject, UnusedCssMapChecker } from './utils';
+import { createLintRule } from '../utils/create-lint-rule';
+import { getCssMapObject } from './get-css-map-object';
+import { UnusedCssMapChecker } from './unused-css-map-checker';
 const IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.atlaskitCss];
 const createUnusedCssMapRule = context => {
   const {

package/dist/es2019/rules/no-unused-css-map/unused-css-map-checker.js

@@ -0,0 +1,89 @@
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { findVariable } from '@atlaskit/eslint-utils/find-variable';
+export class UnusedCssMapChecker {
+  constructor(cssMapObject, context, cssMapCallNode) {
+    this.cssMapObject = cssMapObject;
+    this.cssMapCallNode = cssMapCallNode;
+    this.report = context.report;
+    this.context = context;
+  }
+  checkForUnusedStyles() {
+    // Get all defined style keys
+    const definedStyles = new Map();
+    for (const property of this.cssMapObject.properties) {
+      if (property.type === 'Property' && property.key.type === 'Identifier') {
+        definedStyles.set(property.key.name, property);
+      }
+    }
+    if (definedStyles.size === 0) {
+      return;
+    }
+
+    // Find the variable that holds the cssMap result
+    const cssMapVariable = this.findCssMapVariable();
+    if (!cssMapVariable) {
+      return;
+    }
+
+    // Early return if no references - all styles are unused
+    if (cssMapVariable.references.length === 0) {
+      for (const [styleName, property] of definedStyles) {
+        this.report({
+          node: property.key,
+          messageId: 'unusedCssMapStyle',
+          data: {
+            styleName
+          }
+        });
+      }
+      return;
+    }
+    const usedStyles = new Set();
+    for (const ref of cssMapVariable.references) {
+      const node = ref.identifier;
+      const parent = node.parent;
+      if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'MemberExpression') {
+        if (!parent.computed && parent.property.type === 'Identifier') {
+          // Static access: styles.danger (not computed)
+          usedStyles.add(parent.property.name);
+
+          // Early exit if all styles are found
+          if (usedStyles.size === definedStyles.size) {
+            return;
+          }
+        } else {
+          // Dynamic access: styles[key], styles['danger'], etc. (computed)
+          // Immediately exit - no styles will be reported as unused
+          return;
+        }
+      }
+    }
+
+    // No dynamic access - report all unused styles
+    for (const [styleName, property] of definedStyles) {
+      if (!usedStyles.has(styleName)) {
+        this.report({
+          node: property.key,
+          messageId: 'unusedCssMapStyle',
+          data: {
+            styleName
+          }
+        });
+      }
+    }
+  }
+  findCssMapVariable() {
+    const callNode = this.cssMapCallNode;
+    const parent = callNode.parent;
+    if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'VariableDeclarator' && parent.id.type === 'Identifier') {
+      return findVariable({
+        identifier: parent.id,
+        sourceCode: getSourceCode(this.context)
+      });
+    }
+    return null;
+  }
+  run() {
+    this.checkForUnusedStyles();
+  }
+}

package/dist/es2019/rules/prefer-primitives/index.js

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const primitiveDocsUrl = 'https://go.atlassian.com/dst-prefer-primitives';
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/use-button-group-label/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const elementsAccessibleNameProps = ['label', 'titleId'];
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/use-character-counter-field/index.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { JSXElementHelper } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
 const TEXTFIELD_PACKAGE = '@atlaskit/textfield';
 const TEXTAREA_PACKAGE = '@atlaskit/textarea';
 const FORM_PACKAGE = '@atlaskit/form';
@@ -135,4 +135,6 @@ const rule = createLintRule({
     };
   }
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default rule;

package/dist/es2019/rules/use-correct-field/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const specialFieldsByImport = {
   '@atlaskit/checkbox': {
     component: 'Checkbox',

package/dist/es2019/rules/use-cx-function-in-xcss/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const rule = createLintRule({
   meta: {
     name: 'use-cx-function-in-xcss',

package/dist/es2019/rules/use-datetime-picker-calendar-button/index.js

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
-import { JSXElementHelper } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
 const DATE_PICKER = 'DatePicker';
 const DATETIME_PICKER = 'DateTimePicker';
 const PROP_NAME = 'shouldShowCalendarButton';

package/dist/es2019/rules/use-drawer-label/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const elementsAccessibleNameProps = ['label', 'titleId'];
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/use-field-message-wrapper/index.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const FORM_PACKAGE = '@atlaskit/form';
 const MESSAGE_COMPONENTS = ['ErrorMessage', 'HelperMessage', 'ValidMessage'];
 const rule = createLintRule({

package/dist/es2019/rules/use-heading/index.js

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
 import { getConfig } from './config';
 import { NativeElements } from './transformers/native-elements';

package/dist/es2019/rules/use-heading/transformers/native-elements.js

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { allowedAttrs } from './allowed-attrs';
 import { updateTestIdAttributeFix } from './update-test-id-attribute-fix';

package/dist/es2019/rules/use-heading/transformers/update-test-id-attribute-fix.js

@@ -1,5 +1,5 @@
 import { JSXAttribute } from '../../../ast-nodes/jsx-attribute';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 
 // Rename data-testid prop to testId if present
 export function updateTestIdAttributeFix(node, fixer) {

package/dist/es2019/rules/use-heading-level-in-spotlight-card/index.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope } from '@atlaskit/eslint-utils/context-compat';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { getImportName } from '../utils/get-import-name';
 export const headingLevelRequiredSuggestionText = 'Add a `headingLevel` that is of a contextually relevant level.';
 const rule = createLintRule({

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

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope } from '@atlaskit/eslint-utils/context-compat';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { getImportName } from '../utils/get-import-name';
 import { getUniqueButtonItemName } from './get-unique-button-item-name';
 import { hasImportOfName } from './has-import-of-name';

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

@@ -1,4 +1,4 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { StyleProperty } from './transformers/style-property';
 export const 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.`;
 const rule = createLintRule({

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

@@ -1,4 +1,4 @@
-export const PATTERNS = ['restricted-property', 'wrapped-token-value', 'restricted-capitalisation'];
+import { PATTERNS } from './patterns';
 const defaults = {
   failSilently: false,
   patterns: [...PATTERNS]

package/dist/es2019/rules/use-latest-xcss-syntax-typography/config/patterns.js

@@ -0,0 +1 @@
+export const PATTERNS = ['restricted-property', 'wrapped-token-value', 'restricted-capitalisation'];

package/dist/es2019/rules/use-latest-xcss-syntax-typography/config/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,7 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig, PATTERNS } from './config';
+import { getConfig } from './config/get-config';
+import { PATTERNS } from './config/patterns';
 import { RestrictedCapitalisation } from './linters/restricted-capitalisation';
 import { RestrictedProperty } from './linters/restricted-property';
 import { WrappedTokenValue } from './linters/wrapped-token-value';

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

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const elementsAccessibleNameProps = ['title', 'titleId'];
 const rule = createLintRule({
   meta: {

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

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
-import { JSXElementHelper } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
 const PROP_NAME = 'hasCloseButton';
 
 // Lint rule message

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

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
 const rule = createLintRule({
   meta: {

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

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 const elementsAccessibleNameProps = ['label', 'titleId'];
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/use-primitives/config/get-config.js

@@ -0,0 +1,6 @@
+const defaults = {
+  patterns: ['compiled-css-function']
+};
+export const getConfig = overrides => {
+  return Object.assign({}, defaults, overrides);
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,40 @@
+export const 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/es2019/rules/use-primitives/index.js

@@ -1,5 +1,6 @@
-import { createLintRule } from '../utils/create-rule';
-import { getConfig, VALID_PATTERNS } from './config';
+import { createLintRule } from '../utils/create-lint-rule';
+import { getConfig } from './config/get-config';
+import { VALID_PATTERNS } from './config/valid-patterns';
 import { CompiledStyled } from './transformers/compiled-styled';
 import { EmotionCSS } from './transformers/emotion-css';
 const boxDocsUrl = 'https://atlassian.design/components/primitives/box';

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

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../../ast-nodes/jsx-element-helper';
 
 /**
  * Transforms a JSXElement from:

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

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { styledObjectToXcssTokens } from '../css-to-xcss';
+import { styledObjectToXcssTokens } from '../styled-object-to-xcss-tokens';
 
 /**
  * Transforms a variable like:

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

@@ -2,7 +2,7 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../../ast-nodes/root';
 import { isValidCssPropertiesToTransform } from '../../utils/is-valid-css-properties-to-transform';
 import { validateStyles } from '../../utils/validate-styles';

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

@@ -0,0 +1,37 @@
+import { getIdentifierInParentScope, identifier } from 'eslint-codemod-utils';
+import { getScope } from '@atlaskit/eslint-utils/context-compat';
+import { getAttributeValueIdentifier } from '../utils/get-attribute-value-identifier';
+import { getFunctionArgumentAtPos } from '../utils/get-function-argument-at-pos';
+import { getJSXAttributeByName } from '../utils/get-jsx-attribute-by-name';
+import { getVariableDefinitionValue } from '../utils/get-variable-definition-value';
+import { styledObjectToXcssTokens } from './styled-object-to-xcss-tokens';
+export const 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.
+   */
+  const cssAttr = getJSXAttributeByName(node.openingElement, 'css');
+  const cssVariableName = getAttributeValueIdentifier(cssAttr);
+  if (!cssVariableName) {
+    return [];
+  }
+  const cssVariableDefinition = getIdentifierInParentScope(getScope(context, node), cssVariableName);
+  const cssVariableValue = getVariableDefinitionValue(cssVariableDefinition);
+  if (!cssVariableValue) {
+    return [];
+  }
+  const cssObjectExpression = getFunctionArgumentAtPos(cssVariableValue, 0);
+  return [
+  // Update `css` function name to `xcss`.
+  fixer.replaceText(cssVariableValue.node.init.callee, identifier('xcss').toString()), ...styledObjectToXcssTokens(cssObjectExpression, fixer)];
+};

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

@@ -4,13 +4,13 @@ import { getIdentifierInParentScope, isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { FunctionCall } from '../../../../ast-nodes/function-call';
 import { JSXAttribute as JSXAttributeHelper } from '../../../../ast-nodes/jsx-attribute';
-import { JSXElement as JSXElementHelper } from '../../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../../ast-nodes/root';
 import { getVariableDefinitionValue } from '../../utils/get-variable-definition-value';
 import { getVariableUsagesCount } from '../../utils/get-variable-usage-count';
 import { isValidCssPropertiesToTransform } from '../../utils/is-valid-css-properties-to-transform';
 import { validateStyles } from '../../utils/validate-styles';
-import { cssToXcssTransformer } from '../css-to-xcss';
+import { cssToXcssTransformer } from '../css-to-xcss-transformer';
 import { attributes } from './attributes';
 import { elements } from './elements';
 export const EmotionCSS = {

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

@@ -0,0 +1,34 @@
+import { isNodeOfType, literal } from 'eslint-codemod-utils';
+import { supportedStylesMap } from './supported-styles-map';
+
+// e.g. `padding: '8px'`. For clarity, it's renamed to `entry` inside the `.map()`.
+export const styledObjectToXcssTokens = (styles, fixer) => {
+  return styles.properties.map(entry => {
+    if (!isNodeOfType(entry, 'Property')) {
+      return;
+    }
+    if (!isNodeOfType(entry.key, 'Identifier')) {
+      return;
+    }
+
+    // maps literal values like: 8px to 'space.100'
+    if (isNodeOfType(entry.value, 'Literal')) {
+      const value = entry.value.value;
+      if (typeof value !== 'string') {
+        return;
+      }
+      return fixer.replaceText(entry.value, literal(`'${supportedStylesMap[entry.key.name][value]}'`).toString());
+    }
+    // maps token calls like: token('space.100') to 'space.100'
+    if (isNodeOfType(entry.value, 'CallExpression')) {
+      const callExpression = entry.value;
+      // skip if not a call to `token`
+      if (!isNodeOfType(callExpression.callee, 'Identifier') || callExpression.callee.name !== 'token' || !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, literal(`'${callExpression.arguments[0].value}'`).toString());
+    }
+  });
+};

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

@@ -0,0 +1,28 @@
+import { spaceTokenMap } from './space-token-map';
+import { spaceTokenPositiveMap } from './space-token-positive-map';
+import { supportedDimensionAttributesMap } from './supported-dimension-attributes-map';
+export const supportedStylesMap = {
+  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
+};

package/dist/es2019/rules/use-primitives/utils/is-valid-css-properties-to-transform.js

@@ -1,7 +1,7 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { Object as ObjectHelper } from '../../../ast-nodes/object';
-import { supportedStylesMap } from '../transformers/css-to-xcss';
 import { supportedDimensionAttributesMap } from '../transformers/supported-dimension-attributes-map';
+import { supportedStylesMap } from '../transformers/supported-styles-map';
 import { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
 export const isValidCssPropertiesToTransform = (node, config) => {
   if (!node) {

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

@@ -2,9 +2,9 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { FunctionCall } from '../../../ast-nodes/function-call';
 import { Object as ObjectHelper } from '../../../ast-nodes/object';
 import { ObjectEntry } from '../../../ast-nodes/object-entry';
-import { supportedStylesMap } from '../transformers/css-to-xcss';
 import { spaceTokenMap } from '../transformers/space-token-map';
 import { supportedDimensionAttributesMap } from '../transformers/supported-dimension-attributes-map';
+import { supportedStylesMap } from '../transformers/supported-styles-map';
 export const validateStyles = (node, config) => {
   if (!node) {
     return false;

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

@@ -1,12 +1,3 @@
-export const PATTERNS = [
-// <p>text</p>
-'paragraph-elements',
-// <span>text</span>
-'span-elements',
-// <strong>text</strong>
-'strong-elements',
-// <em>text</em>
-'emphasis-elements'];
 const defaults = {
   failSilently: false,
   patterns: ['paragraph-elements', 'span-elements', 'strong-elements', 'emphasis-elements'],

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

@@ -0,0 +1,9 @@
+export const PATTERNS = [
+// <p>text</p>
+'paragraph-elements',
+// <span>text</span>
+'span-elements',
+// <strong>text</strong>
+'strong-elements',
+// <em>text</em>
+'emphasis-elements'];

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,7 @@
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { getConfig, PATTERNS } from './config';
+import { getConfig } from './config/get-config';
+import { PATTERNS } from './config/patterns';
 import { EmphasisElements } from './transformers/emphasis-elements';
 import { ParagraphElements } from './transformers/paragraph-elements';
 import { SpanElements } from './transformers/span-elements';

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

@@ -1,4 +1,4 @@
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 // Add color="inherit" prop depending on config
 export function addColorInheritAttributeFix(node, config, fixer) {
   if (!config.inheritColor) {

package/dist/es2019/rules/use-primitives-text/transformers/emphasis-elements.js

@@ -2,7 +2,7 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

package/dist/es2019/rules/use-primitives-text/transformers/has-text-children-only.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { FunctionCall } from '../../../ast-nodes/function-call';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 
 // The use of `<FormattedMessage ... />` component and `{formatMessage(...)}` are allowed as these are used for i18n
 export function hasTextChildrenOnly(node) {

package/dist/es2019/rules/use-primitives-text/transformers/paragraph-elements.js

@@ -2,7 +2,7 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

package/dist/es2019/rules/use-primitives-text/transformers/span-elements.js

@@ -2,7 +2,7 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';

package/dist/es2019/rules/use-primitives-text/transformers/strong-elements.js

@@ -2,7 +2,7 @@
 
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { JSXElement as JSXElementHelper } from '../../../ast-nodes/jsx-element';
+import { JSXElementHelper } from '../../../ast-nodes/jsx-element-helper';
 import { Root } from '../../../ast-nodes/root';
 import { addColorInheritAttributeFix } from './add-color-inherit-attribute-fix';
 import { allowedAttrs } from './allowed-attrs';