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

package/dist/es2019/rules/no-placeholder/index.js

@@ -1,15 +1,10 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { JSXElement } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
-export const AFFECTED_HTML_ELEMENTS = ['input', 'textarea'];
-export const AFFECTED_ATLASKIT_PACKAGES = {
-  '@atlaskit/datetime-picker': ['DatePicker', 'TimePicker', 'DateTimePicker'],
-  '@atlaskit/select': ['default', 'AsyncCreatableSelect', 'CheckboxSelect', 'CountrySelect', 'CreatableSelect', 'PopupSelect', 'RadioSelect'],
-  '@atlaskit/textarea': ['default'],
-  '@atlaskit/textfield': ['default']
-};
-export const ATLASKIT_FORM_PACKAGE = '@atlaskit/form';
-export const ATLASKIT_FIELD_IMPORT = 'Field';
+import { JSXElementHelper as JSXElement } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
+import { AFFECTED_ATLASKIT_PACKAGES } from './affected-atlaskit-packages';
+import { AFFECTED_HTML_ELEMENTS } from './affected-html-elements';
+const ATLASKIT_FORM_PACKAGE = '@atlaskit/form';
+const ATLASKIT_FIELD_IMPORT = 'Field';
 const rule = createLintRule({
   meta: {
     name: 'no-placeholder',

package/dist/es2019/rules/no-readonly-or-disabled-inputs/affected-atlaskit-packages.js

@@ -0,0 +1,4 @@
+export const AFFECTED_ATLASKIT_PACKAGES = {
+  '@atlaskit/textarea': ['default'],
+  '@atlaskit/textfield': ['default']
+};

package/dist/es2019/rules/no-readonly-or-disabled-inputs/affected-html-elements.js

@@ -0,0 +1 @@
+export const AFFECTED_HTML_ELEMENTS = ['input', 'textarea'];

package/dist/es2019/rules/no-readonly-or-disabled-inputs/index.js

@@ -1,16 +1,22 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-import { JSXElement } from '../../ast-nodes/jsx-element';
-import { createLintRule } from '../utils/create-rule';
-export const AFFECTED_HTML_ELEMENTS = ['input', 'textarea'];
-export const AFFECTED_ATLASKIT_PACKAGES = {
-  '@atlaskit/textarea': ['default'],
-  '@atlaskit/textfield': ['default']
+import { JSXElementHelper as JSXElement } from '../../ast-nodes/jsx-element-helper';
+import { createLintRule } from '../utils/create-lint-rule';
+import { AFFECTED_ATLASKIT_PACKAGES } from './affected-atlaskit-packages';
+import { AFFECTED_HTML_ELEMENTS } from './affected-html-elements';
+import { UNWANTED_ATLASKIT_ATTRIBUTES } from './unwanted-atlaskit-attributes';
+import { UNWANTED_HTML_ATTRIBUTES } from './unwanted-html-attributes';
+const isUnwantedHTMLAtrribute = s => {
+  const attrs = UNWANTED_HTML_ATTRIBUTES;
+  return attrs.includes(s);
 };
-export const UNWANTED_HTML_ATTRIBUTES = ['disabled', 'readonly'];
-export const UNWANTED_ATLASKIT_ATTRIBUTES = ['isDisabled', 'isReadOnly'];
+const isUnwantedAtlaskitAtrribute = s => {
+  const attrs = UNWANTED_ATLASKIT_ATTRIBUTES;
+  return attrs.includes(s);
+};
+const isUnwantedAttribute = s => isUnwantedHTMLAtrribute(s) || isUnwantedAtlaskitAtrribute(s);
 const hasUnwantedAttributes = (node, type) => {
-  const attrNames = type === 'html' ? UNWANTED_HTML_ATTRIBUTES : UNWANTED_ATLASKIT_ATTRIBUTES;
-  const unwantedAttrs = node.openingElement.attributes.filter(attr => isNodeOfType(attr, 'JSXAttribute')).map(attr => String(attr.name.name)).filter(attrName => attrNames.includes(attrName));
+  const attrNames = [...(type === 'html' ? UNWANTED_HTML_ATTRIBUTES : UNWANTED_ATLASKIT_ATTRIBUTES)];
+  const unwantedAttrs = node.openingElement.attributes.filter(attr => isNodeOfType(attr, 'JSXAttribute')).map(attr => String(attr.name.name)).filter(isUnwantedAttribute).filter(unwantedAttribute => attrNames.includes(unwantedAttribute));
   return unwantedAttrs;
 };
 const rule = createLintRule({
@@ -50,7 +56,6 @@ const rule = createLintRule({
         const possibleNamedImports = importNames.filter(importName => importName !== 'default');
         if (usesDefaultImport && defaultImport.length && defaultImport[0].local) {
           localComponentNames.push(defaultImport[0].local.name);
-          // or if popup and using a named import
         } else if (possibleNamedImports.length >= 1 && namedImport.length) {
           namedImport.forEach(imp => {
             if (imp.type === 'ImportSpecifier' && 'name' in imp.imported && possibleNamedImports.includes(imp.imported.name)) {
@@ -67,20 +72,22 @@ const rule = createLintRule({
         if (!elName) {
           return false;
         }
+        const fixes = [];
 
         // If it is one of the affected native HTML elements
         if (AFFECTED_HTML_ELEMENTS.includes(elName)) {
           const unwantedAttributes = hasUnwantedAttributes(node, 'html');
           if (unwantedAttributes.includes('disabled')) {
-            return context.report({
+            fixes.push(context.report({
               node: node.openingElement,
               messageId: 'noDisabled'
-            });
-          } else if (unwantedAttributes.includes('readonly')) {
-            return context.report({
+            }));
+          }
+          if (unwantedAttributes.includes('readonly')) {
+            fixes.push(context.report({
               node: node.openingElement,
               messageId: 'noReadOnly'
-            });
+            }));
           }
           // Else, it is a React component
         } else {
@@ -94,17 +101,19 @@ const rule = createLintRule({
           }
           const unwantedAttributes = hasUnwantedAttributes(node, 'atlaskit');
           if (unwantedAttributes.includes('isDisabled')) {
-            return context.report({
+            fixes.push(context.report({
               node: node.openingElement,
               messageId: 'noDisabled'
-            });
-          } else if (unwantedAttributes.includes('isReadOnly')) {
-            return context.report({
+            }));
+          }
+          if (unwantedAttributes.includes('isReadOnly')) {
+            fixes.push(context.report({
               node: node.openingElement,
               messageId: 'noReadOnly'
-            });
+            }));
           }
         }
+        return fixes;
       }
     };
   }

package/dist/es2019/rules/no-readonly-or-disabled-inputs/unwanted-atlaskit-attributes.js

@@ -0,0 +1 @@
+export const UNWANTED_ATLASKIT_ATTRIBUTES = ['isDisabled', 'isReadOnly'];

package/dist/es2019/rules/no-readonly-or-disabled-inputs/unwanted-html-attributes.js

@@ -0,0 +1 @@
+export const UNWANTED_HTML_ATTRIBUTES = ['disabled', 'readonly'];

package/dist/es2019/rules/no-separator-with-list-elements/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 separatorAsCombinationNotAllowed = 'The combination of `separator` with `as="li"`, `as="ol"`, or `as="dl"` is not allowed.';
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/no-styled-tagged-template-expression/index.js

@@ -1,6 +1,7 @@
 import { isStyled } from '@atlaskit/eslint-utils/is-supported-import';
-import { createNoTaggedTemplateExpressionRule, noTaggedTemplateExpressionRuleSchema } from '../utils/create-no-tagged-template-expression-rule';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { createNoTaggedTemplateExpressionRule } from '../utils/create-no-tagged-template-expression-rule/create-no-tagged-template-expression-rule';
+import { noTaggedTemplateExpressionRuleSchema } from '../utils/create-no-tagged-template-expression-rule/no-tagged-template-expression-rule-schema';
 const rule = createLintRule({
   meta: {
     name: 'no-styled-tagged-template-expression',

package/dist/es2019/rules/no-to-match-snapshot/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';
 export const name = 'no-to-match-snapshot';
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/no-unsafe-design-token-usage/index.js

@@ -3,9 +3,9 @@ import renameMapping from '@atlaskit/tokens/rename-mapping';
 import tokenDefaultValues from '@atlaskit/tokens/token-default-values';
 import { getTokenId } from '@atlaskit/tokens/token-ids';
 import tokens from '@atlaskit/tokens/token-names';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
+import { isDecendantOfStyleBlock } from '../utils/is-decendant-of-style-block';
 import { isDecendantOfStyleJsxAttribute } from '../utils/is-decendant-of-style-jsx-attribute';
-import { isDecendantOfStyleBlock } from '../utils/is-node';
 import { isToken } from '../utils/is-token';
 const rule = createLintRule({
   meta: {

package/dist/es2019/rules/no-unsafe-inline-snapshot/index.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 export const name = 'no-unsafe-inline-snapshot';
 const MAX_LINES = 100;
 

package/dist/es2019/rules/no-unsafe-style-overrides/index.js

@@ -1,6 +1,6 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
-import { createLintRule } from '../utils/create-rule';
+import { createLintRule } from '../utils/create-lint-rule';
 import { getModuleOfIdentifier } from '../utils/get-module-of-identifier';
 import { getJSXElementName } from '../utils/jsx';
 const unsafeOverrides = ['css', 'className', 'theme', 'cssFn', 'styles'];

package/dist/es2019/rules/no-unsupported-drag-and-drop-libraries/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';
 import { restrictedPaths } from './paths';
 const rule = createLintRule({
   meta: {

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

@@ -0,0 +1,12 @@
+export const getCssMapObject = node => {
+  // We assume the argument `node` is already a cssMap() call.
+
+  // Things like the number of arguments to cssMap and the type of
+  // cssMap's argument are handled by the TypeScript compiler, so
+  // we don't bother with creating eslint errors for these here
+
+  if (node.arguments.length !== 1 || node.arguments[0].type !== 'ObjectExpression') {
+    return;
+  }
+  return node.arguments[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';