@atlaskit/eslint-plugin-design-system 8.23.2 → 8.23.4

package/dist/esm/rules/use-primitives/transformers/emotion-css/contains-only-supported-attrs.js

@@ -0,0 +1,19 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import * as ast from '../../../../ast-nodes';
+import * as supported from './supported';
+
+/**
+ * Check that every attribute in the JSXElement is something we support.
+ * We do this via a whitelist in `this.attributes`. The result is we exclude
+ * dangerous attrs like `id` and `style`.
+ */
+export var containsOnlySupportedAttrs = function containsOnlySupportedAttrs(node) {
+  var attrs = ast.JSXElement.getAttributes(node);
+  return attrs.every(function (attr) {
+    if (!isNodeOfType(attr, 'JSXAttribute')) {
+      return false;
+    }
+    var name = ast.JSXAttribute.getName(attr);
+    return supported.attributes.includes(name);
+  });
+};

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

@@ -5,7 +5,9 @@ import { getIdentifierInParentScope, isNodeOfType } from 'eslint-codemod-utils';
 import * as ast from '../../../../ast-nodes';
 import { getVariableDefinitionValue, getVariableUsagesCount, isValidCssPropertiesToTransform } from '../../utils';
 import { cssToXcssTransformer } from '../css-to-xcss';
+import { containsOnlySupportedAttrs } from './contains-only-supported-attrs';
 import * as supported from './supported';
+import { upsertImportDeclaration } from './upsert-import-declaration';
 export var EmotionCSS = {
   lint: function lint(node, _ref) {
     var context = _ref.context,
@@ -53,7 +55,7 @@ export var EmotionCSS = {
     }
 
     // Ignore elements that contain dangerous attributes like `id`.
-    if (!this._containsOnlySupportedAttributes(node)) {
+    if (!containsOnlySupportedAttrs(node)) {
       return false;
     }
 
@@ -95,10 +97,9 @@ export var EmotionCSS = {
     return true;
   },
   _fix: function _fix(node, _ref3) {
-    var _this = this;
     var context = _ref3.context;
     return function (fixer) {
-      var importFix = _this._upsertImportDeclaration({
+      var importFix = upsertImportDeclaration({
         module: '@atlaskit/primitives',
         specifiers: ['Box', 'xcss']
       }, context, fixer);
@@ -110,49 +111,5 @@ export var EmotionCSS = {
         return Boolean(fix);
       }); // Some of the transformers can return arrays with undefined, so filter them out
     };
-  },
-  /**
-   * Check that every attribute in the JSXElement is something we support.
-   * We do this via a whitelist in `this.attributes`. The result is we exclude
-   * dangerous attrs like `id` and `style`.
-   */
-  _containsOnlySupportedAttributes: function _containsOnlySupportedAttributes(node) {
-    var attrs = ast.JSXElement.getAttributes(node);
-    return attrs.every(function (attr) {
-      if (!isNodeOfType(attr, 'JSXAttribute')) {
-        return false;
-      }
-      if (!isNodeOfType(attr.name, 'JSXIdentifier')) {
-        return false;
-      }
-      return supported.attributes.includes(attr.name.name);
-    });
-  },
-  /**
-   * Currently this is defined here because it's not very general purpose.
-   * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
-   * and the other half would be in `Import`.
-   *
-   * TODO: Refactor and move to `ast-nodes`
-   *
-   * Note: It does not handle default imports, namespace imports, or aliased imports.
-   */
-  _upsertImportDeclaration: function _upsertImportDeclaration(_ref4, context, fixer) {
-    var module = _ref4.module,
-      specifiers = _ref4.specifiers;
-    // Find any imports that match the packageName
-    var root = context.getSourceCode().ast.body;
-    var importDeclarations = ast.Root.findImportsByModule(root, module);
-
-    // The import doesn't exist yet, we can just insert a whole new one
-    if (importDeclarations.length === 0) {
-      return ast.Root.insertImport(root, {
-        module: module,
-        specifiers: specifiers
-      }, fixer);
-    }
-
-    // The import exists so, modify the existing one
-    return ast.Import.insertNamedSpecifiers(importDeclarations[0], specifiers, fixer);
   }
 };

package/dist/esm/rules/use-primitives/transformers/emotion-css/supported.js

@@ -1,46 +1,4 @@
 export var elements = ['div'];
 export var attributes = ['css'
 // 'data-testid'
-];
-
-// TODO: https://product-fabric.atlassian.net/browse/DSP-16054
-var spaceTokenMap = {
-  '0px': 'space.0',
-  '2px': 'space.025',
-  '4px': 'space.050',
-  '6px': 'space.075',
-  '8px': 'space.100',
-  '12px': 'space.150',
-  '16px': 'space.200',
-  '20px': 'space.250',
-  '24px': 'space.300',
-  '32px': 'space.400',
-  '40px': 'space.500',
-  '48px': 'space.600',
-  '64px': 'space.800',
-  '80px': 'space.1000'
-};
-export var styles = {
-  padding: spaceTokenMap,
-  paddingBlock: spaceTokenMap,
-  paddingBlockEnd: spaceTokenMap,
-  paddingBlockStart: spaceTokenMap,
-  paddingBottom: spaceTokenMap,
-  paddingInline: spaceTokenMap,
-  paddingInlineEnd: spaceTokenMap,
-  paddingInlineStart: spaceTokenMap,
-  paddingLeft: spaceTokenMap,
-  paddingRight: spaceTokenMap,
-  paddingTop: spaceTokenMap,
-  margin: spaceTokenMap,
-  marginBlock: spaceTokenMap,
-  marginBlockEnd: spaceTokenMap,
-  marginBlockStart: spaceTokenMap,
-  marginBottom: spaceTokenMap,
-  marginInline: spaceTokenMap,
-  marginInlineEnd: spaceTokenMap,
-  marginInlineStart: spaceTokenMap,
-  marginLeft: spaceTokenMap,
-  marginRight: spaceTokenMap,
-  marginTop: spaceTokenMap
-};
+];

package/dist/esm/rules/use-primitives/transformers/emotion-css/upsert-import-declaration.js

@@ -0,0 +1,29 @@
+import * as ast from '../../../../ast-nodes';
+
+/**
+ * Currently this is defined here because it's not very general purpose.
+ * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
+ * and the other half would be in `Import`.
+ *
+ * TODO: Refactor and move to `ast-nodes`
+ *
+ * Note: It does not handle default imports, namespace imports, or aliased imports.
+ */
+export var upsertImportDeclaration = function upsertImportDeclaration(_ref, context, fixer) {
+  var module = _ref.module,
+    specifiers = _ref.specifiers;
+  // Find any imports that match the packageName
+  var root = context.getSourceCode().ast.body;
+  var importDeclarations = ast.Root.findImportsByModule(root, module);
+
+  // The import doesn't exist yet, we can just insert a whole new one
+  if (importDeclarations.length === 0) {
+    return ast.Root.insertImport(root, {
+      module: module,
+      specifiers: specifiers
+    }, fixer);
+  }
+
+  // The import exists so, modify the existing one
+  return ast.Import.insertNamedSpecifiers(importDeclarations[0], specifiers, fixer);
+};

package/dist/esm/rules/use-primitives/transformers/index.js

@@ -1,3 +1,3 @@
 export { cssToXcssTransformer, supportedStylesMap, spaceTokenMap } from './css-to-xcss';
-export { jsxElementToBoxTransformer } from './jsx-element-to-box';
-export { styledComponentToPrimitive } from './styled-component-to-primitive';
+export { CompiledStyled } from './compiled-styled';
+export { EmotionCSS } from './emotion-css';

package/dist/esm/rules/use-primitives/utils/index.js

@@ -1,7 +1,4 @@
-export { containsOnlySupportedAttrs } from './contains-only-supported-attrs';
 export { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
-export { findValidJsxUsageToTransform } from './find-valid-jsx-usage-to-transform';
-export { findValidStyledComponentCall } from './find-valid-styled-component-call';
 export { getAttributeValueIdentifier } from './get-attribute-value-identifier';
 export { getFunctionArgumentAtPos } from './get-function-argument-at-pos';
 export { getJSXAttributeByName } from './get-jsx-attribute-by-name';
@@ -9,7 +6,4 @@ export { getVariableDefinitionValue } from './get-variable-definition-value';
 export { getVariableUsagesCount } from './get-variable-usage-count';
 export { isFunctionNamed } from './is-function-named';
 export { isValidCssPropertiesToTransform } from './is-valid-css-properties-to-transform';
-export { isValidTagName } from './is-valid-tag-name';
-export { updateJSXAttributeByName } from './update-jsx-attribute-by-name';
-export { updateJSXElementName } from './update-jsx-element-name';
-export { upsertImportDeclaration } from './upsert-import-declaration';
+export { updateJSXAttributeByName } from './update-jsx-attribute-by-name';

package/dist/esm/rules/utils/is-supported-import.js

@@ -0,0 +1,54 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+export var CSS_IN_JS_IMPORTS = {
+  compiled: '@compiled/react',
+  emotionReact: '@emotion/react',
+  emotionCore: '@emotion/core',
+  styledComponents: 'styled-components',
+  atlaskitCss: '@atlaskit/css'
+};
+
+// List of CSS-in-JS libraries an import of a valid css, cx, cssMap, etc.
+// function might originate from, e.g. @compiled/react, @emotion/core.
+var isSupportedImportWrapper = function isSupportedImportWrapper(functionName) {
+  // This will need to be extended to support default imports once we start
+  // checking cases like `import css from '@emotion/css'`
+  var checkDefinitionHasImport = function checkDefinitionHasImport(def, importSources) {
+    var _def$parent, _def$parent2;
+    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === functionName && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && importSources.includes((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value);
+  };
+
+  /**
+   * Checks whether:
+   *
+   * 1. a function name `nodeToCheck` matches the name of the function we
+   *    want to check for (e.g. `cx`, `css`, `cssMap`, or `keyframes`), and
+   * 2. whether `nodeToCheck` originates from one of the libraries listed
+   *     in `importSources`.
+   *
+   * @param nodeToCheck the function callee we are checking (e.g. the `css` in `css()`)
+   * @param referencesInScope list of references that are in scope. We'll use this
+   *                          to check where the function callee is imported from.
+   * @param importSources list of libraries that we want to ensure `nodeToCheck`
+   *                      comes from
+   *
+   * @returns whether the above conditions are true
+   */
+  var isSupportedImport = function isSupportedImport(nodeToCheck, referencesInScope, importSources) {
+    return nodeToCheck.type === 'Identifier' && referencesInScope.some(function (reference) {
+      var _reference$resolved;
+      return reference.identifier === nodeToCheck && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(function (def) {
+        return checkDefinitionHasImport(def, importSources);
+      }));
+    });
+  };
+  return isSupportedImport;
+};
+
+// Unused functions have been commented out until we implement corresponding
+// eslint rules which use them
+//
+export var isCss = isSupportedImportWrapper('css');
+export var isCxFunction = isSupportedImportWrapper('cx');
+// export const isCssMap = isLibraryImportWrapper('cssMap');
+// export const isKeyframes = isLibraryImportWrapper('keyframes');

package/dist/types/ast-nodes/index.d.ts

@@ -2,4 +2,5 @@ export { FunctionCall } from './function-call';
 export { Import } from './import';
 export { JSXAttribute } from './jsx-attribute';
 export { JSXElement } from './jsx-element';
+export { Object } from './object';
 export { Root } from './root';

package/dist/types/ast-nodes/object.d.ts

@@ -0,0 +1,39 @@
+import type { Rule } from 'eslint';
+import { ObjectExpression, Property } from 'eslint-codemod-utils';
+declare const ASTObjectExpression: {
+    /**
+     * Returns `true` if an object contains a property with the specified name, `false` otherwise.
+     */
+    hasProperty(node: ObjectExpression, name: string): boolean;
+    /**
+     * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+     */
+    getEntryByPropertyName(node: ObjectExpression, name: string): Property | undefined;
+    deleteEntry(node: ObjectExpression, name: string, fixer: Rule.RuleFixer): Rule.Fix[];
+    /**
+     * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`
+     */
+    getProperty(node: ObjectExpression, name: string): Property['key'] | undefined;
+    /**
+     * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`
+     *
+     * Values can be basically anything, so be careful with this
+     */
+    getValueByPropertyName(node: ObjectExpression, name: string): Property['value'] | undefined;
+    containsSpreadProps(node: ObjectExpression): boolean;
+    updateValue(node: ObjectExpression, propertyName: string, newValue: string, fixer: Rule.RuleFixer): Rule.Fix;
+    /**
+     * Appends a key-value pair to the end of an object. For example:
+     * ```
+     * ast.Object.appendEntry(
+     *   node, // { padding: 'space.100' }
+     *   key, // 'margin',
+     *   value, // 'space.200'
+     *   fixer,
+     * )
+     * ```
+     * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+     */
+    appendEntry(node: ObjectExpression, key: string, value: string, fixer: Rule.RuleFixer): Rule.Fix;
+};
+export { ASTObjectExpression as Object };

package/dist/types/index.codegen.d.ts

@@ -7,6 +7,7 @@ export declare const configs: {
             '@atlaskit/design-system/ensure-design-token-usage': string;
             '@atlaskit/design-system/ensure-design-token-usage/preview': string;
             '@atlaskit/design-system/icon-label': string;
+            '@atlaskit/design-system/local-cx-xcss': string;
             '@atlaskit/design-system/no-banned-imports': string;
             '@atlaskit/design-system/no-css-tagged-template-expression': string;
             '@atlaskit/design-system/no-deprecated-apis': string;
@@ -33,6 +34,7 @@ export declare const configs: {
             '@atlaskit/design-system/consistent-css-prop-usage': string;
             '@atlaskit/design-system/ensure-design-token-usage': string;
             '@atlaskit/design-system/icon-label': string;
+            '@atlaskit/design-system/local-cx-xcss': string;
             '@atlaskit/design-system/no-banned-imports': string;
             '@atlaskit/design-system/no-deprecated-apis': string;
             '@atlaskit/design-system/no-deprecated-design-token-usage': string;

package/dist/types/presets/all.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d1a459e1ea71650f65b2890dc86cc398>>
+ * @codegen <<SignedSource::5026ba2cb55b3c1bcacbfe7fb7728a6c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -10,6 +10,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-design-token-usage': string;
         '@atlaskit/design-system/ensure-design-token-usage/preview': string;
         '@atlaskit/design-system/icon-label': string;
+        '@atlaskit/design-system/local-cx-xcss': string;
         '@atlaskit/design-system/no-banned-imports': string;
         '@atlaskit/design-system/no-css-tagged-template-expression': string;
         '@atlaskit/design-system/no-deprecated-apis': string;

package/dist/types/presets/recommended.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3b93cfbbe0ea14514b9600509632394b>>
+ * @codegen <<SignedSource::839224bfab98c1ddf6018dec5320968e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -9,6 +9,7 @@ declare const _default: {
         '@atlaskit/design-system/consistent-css-prop-usage': string;
         '@atlaskit/design-system/ensure-design-token-usage': string;
         '@atlaskit/design-system/icon-label': string;
+        '@atlaskit/design-system/local-cx-xcss': string;
         '@atlaskit/design-system/no-banned-imports': string;
         '@atlaskit/design-system/no-deprecated-apis': string;
         '@atlaskit/design-system/no-deprecated-design-token-usage': string;

package/dist/types/rules/index.codegen.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
     'ensure-design-token-usage': import("eslint").Rule.RuleModule;
     'ensure-design-token-usage/preview': import("eslint").Rule.RuleModule;
     'icon-label': import("eslint").Rule.RuleModule;
+    'local-cx-xcss': import("eslint").Rule.RuleModule;
     'no-banned-imports': import("eslint").Rule.RuleModule;
     'no-css-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-deprecated-apis': import("@typescript-eslint/utils/dist/ts-eslint/Rule").RuleModule<string, [{

package/dist/types/rules/local-cx-xcss/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from 'eslint';
+export declare const rule: Rule.RuleModule;
+export default rule;

package/dist/types/rules/no-css-tagged-template-expression/create-no-tagged-template-expression-rule/index.d.ts

@@ -1,6 +1,5 @@
-import type { Rule, Scope } from 'eslint';
-type Node = Rule.Node;
-type Reference = Scope.Reference;
+import type { Rule } from 'eslint';
+import { SupportedNameChecker } from '../../utils/is-supported-import';
 type RuleModule = Rule.RuleModule;
-export declare const createNoTaggedTemplateExpressionRule: (isUsage: (node: Node, references: Reference[]) => boolean, messageId: string) => RuleModule['create'];
+export declare const createNoTaggedTemplateExpressionRule: (isUsage: SupportedNameChecker, messageId: string) => RuleModule['create'];
 export {};

package/dist/types/rules/use-primitives/transformers/compiled-styled/convert-jsx-call-site.d.ts

@@ -0,0 +1,17 @@
+import type { Rule } from 'eslint';
+import { JSXElement } from 'eslint-codemod-utils';
+/**
+ * Transforms a JSXElement from:
+ * ```
+ *   <div>
+ *     // ...
+ *   </div>
+ * ```
+ * to
+ * ```
+ *   <Box xcss={myStyles}>
+ *     // ...
+ *   </Box>
+ * ```
+ */
+export declare const convertJsxCallSite: (jsxElement: JSXElement, newStylesVariableName: string, fixer: Rule.RuleFixer) => Rule.Fix[];

package/dist/types/rules/use-primitives/transformers/compiled-styled/convert-styled-component-call-to-jsx.d.ts

@@ -0,0 +1,17 @@
+import type { Rule } from 'eslint';
+import { VariableDeclarator } from 'eslint-codemod-utils';
+/**
+ * Transforms a variable like:
+ * ```
+ * const MyComponent = styled.div({
+ *   padding: '8px',
+ * })
+ * ```
+ * to
+ * ```
+ * const myComponentStyles = xcss({
+ *   padding: 'space.100',
+ * })
+ * ```
+ */
+export declare const convertStyledComponentToXcss: (styles: VariableDeclarator, newStylesVariableName: string, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];

package/dist/types/rules/use-primitives/transformers/compiled-styled/index.d.ts

@@ -0,0 +1,25 @@
+import type { Rule } from 'eslint';
+import { JSXElement, VariableDeclarator } from 'eslint-codemod-utils';
+import { RuleConfig } from '../../config';
+interface MetaData {
+    context: Rule.RuleContext;
+    config: RuleConfig;
+}
+interface Refs {
+    styles: VariableDeclarator;
+    jsxElement: JSXElement;
+}
+type Check = {
+    success: boolean;
+    refs?: Refs;
+};
+export declare const CompiledStyled: {
+    lint(node: Rule.Node, { context, config }: MetaData): void;
+    _check(node: Rule.Node, { context, config }: MetaData): Check;
+    /**
+     * All required validation steps have been taken care of before this
+     * transformer is called, so it just goes ahead providing all necessary fixes
+     */
+    _fix(refs: Refs, context: Rule.RuleContext): (fixer: Rule.RuleFixer) => Rule.Fix[];
+};
+export {};

package/dist/types/rules/use-primitives/transformers/compiled-styled/supported.d.ts

@@ -0,0 +1,2 @@
+export declare const elements: string[];
+export declare const attributes: string[];

package/dist/types/rules/use-primitives/transformers/compiled-styled/upsert-import-declaration.d.ts

@@ -0,0 +1,14 @@
+import type { Rule } from 'eslint';
+/**
+ * Currently this is defined here because it's not very general purpose.
+ * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
+ * and the other half would be in `Import`.
+ *
+ * TODO: Refactor and move to `ast-nodes`
+ *
+ * Note: It does not handle default imports, namespace imports, or aliased imports.
+ */
+export declare const upsertImportDeclaration: ({ module, specifiers, }: {
+    module: string;
+    specifiers: string[];
+}, context: Rule.RuleContext, fixer: Rule.RuleFixer) => Rule.Fix | undefined;

package/dist/types/rules/use-primitives/transformers/emotion-css/contains-only-supported-attrs.d.ts

@@ -0,0 +1,7 @@
+import { JSXElement } from 'eslint-codemod-utils';
+/**
+ * Check that every attribute in the JSXElement is something we support.
+ * We do this via a whitelist in `this.attributes`. The result is we exclude
+ * dangerous attrs like `id` and `style`.
+ */
+export declare const containsOnlySupportedAttrs: (node: JSXElement) => boolean;

package/dist/types/rules/use-primitives/transformers/emotion-css/index.d.ts

@@ -12,24 +12,5 @@ export declare const EmotionCSS: {
     _fix(node: JSXElement, { context }: {
         context: Rule.RuleContext;
     }): FixFunction;
-    /**
-     * Check that every attribute in the JSXElement is something we support.
-     * We do this via a whitelist in `this.attributes`. The result is we exclude
-     * dangerous attrs like `id` and `style`.
-     */
-    _containsOnlySupportedAttributes(node: JSXElement): boolean;
-    /**
-     * Currently this is defined here because it's not very general purpose.
-     * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
-     * and the other half would be in `Import`.
-     *
-     * TODO: Refactor and move to `ast-nodes`
-     *
-     * Note: It does not handle default imports, namespace imports, or aliased imports.
-     */
-    _upsertImportDeclaration({ module, specifiers, }: {
-        module: string;
-        specifiers: string[];
-    }, context: Rule.RuleContext, fixer: Rule.RuleFixer): Rule.Fix | undefined;
 };
 export {};

package/dist/types/rules/use-primitives/transformers/emotion-css/supported.d.ts

@@ -1,9 +1,2 @@
 export declare const elements: string[];
 export declare const attributes: string[];
-declare const spaceTokenMap: {
-    [key: string]: string;
-};
-export declare const styles: {
-    [key: string]: typeof spaceTokenMap;
-};
-export {};

package/dist/types/rules/use-primitives/transformers/emotion-css/upsert-import-declaration.d.ts

@@ -0,0 +1,14 @@
+import type { Rule } from 'eslint';
+/**
+ * Currently this is defined here because it's not very general purpose.
+ * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
+ * and the other half would be in `Import`.
+ *
+ * TODO: Refactor and move to `ast-nodes`
+ *
+ * Note: It does not handle default imports, namespace imports, or aliased imports.
+ */
+export declare const upsertImportDeclaration: ({ module, specifiers, }: {
+    module: string;
+    specifiers: string[];
+}, context: Rule.RuleContext, fixer: Rule.RuleFixer) => Rule.Fix | undefined;

package/dist/types/rules/use-primitives/transformers/index.d.ts

@@ -1,3 +1,3 @@
 export { cssToXcssTransformer, supportedStylesMap, spaceTokenMap, } from './css-to-xcss';
-export { jsxElementToBoxTransformer } from './jsx-element-to-box';
-export { styledComponentToPrimitive } from './styled-component-to-primitive';
+export { CompiledStyled } from './compiled-styled';
+export { EmotionCSS } from './emotion-css';

package/dist/types/rules/use-primitives/utils/index.d.ts

@@ -1,7 +1,4 @@
-export { containsOnlySupportedAttrs } from './contains-only-supported-attrs';
 export { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
-export { findValidJsxUsageToTransform } from './find-valid-jsx-usage-to-transform';
-export { findValidStyledComponentCall } from './find-valid-styled-component-call';
 export { getAttributeValueIdentifier } from './get-attribute-value-identifier';
 export { getFunctionArgumentAtPos } from './get-function-argument-at-pos';
 export { getJSXAttributeByName } from './get-jsx-attribute-by-name';
@@ -9,7 +6,4 @@ export { getVariableDefinitionValue } from './get-variable-definition-value';
 export { getVariableUsagesCount } from './get-variable-usage-count';
 export { isFunctionNamed } from './is-function-named';
 export { isValidCssPropertiesToTransform } from './is-valid-css-properties-to-transform';
-export { isValidTagName } from './is-valid-tag-name';
 export { updateJSXAttributeByName } from './update-jsx-attribute-by-name';
-export { updateJSXElementName } from './update-jsx-element-name';
-export { upsertImportDeclaration } from './upsert-import-declaration';

package/dist/types/rules/utils/is-supported-import.d.ts

@@ -0,0 +1,16 @@
+import type { Scope } from 'eslint';
+import type { CallExpression } from 'estree';
+type Callee = CallExpression['callee'];
+type Reference = Scope.Reference;
+export declare const CSS_IN_JS_IMPORTS: {
+    compiled: string;
+    emotionReact: string;
+    emotionCore: string;
+    styledComponents: string;
+    atlaskitCss: string;
+};
+type ValidImportSources = string[];
+export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ValidImportSources) => boolean;
+export declare const isCss: SupportedNameChecker;
+export declare const isCxFunction: SupportedNameChecker;
+export {};

package/dist/types-ts4.5/ast-nodes/index.d.ts

@@ -2,4 +2,5 @@ export { FunctionCall } from './function-call';
 export { Import } from './import';
 export { JSXAttribute } from './jsx-attribute';
 export { JSXElement } from './jsx-element';
+export { Object } from './object';
 export { Root } from './root';

package/dist/types-ts4.5/ast-nodes/object.d.ts

@@ -0,0 +1,39 @@
+import type { Rule } from 'eslint';
+import { ObjectExpression, Property } from 'eslint-codemod-utils';
+declare const ASTObjectExpression: {
+    /**
+     * Returns `true` if an object contains a property with the specified name, `false` otherwise.
+     */
+    hasProperty(node: ObjectExpression, name: string): boolean;
+    /**
+     * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+     */
+    getEntryByPropertyName(node: ObjectExpression, name: string): Property | undefined;
+    deleteEntry(node: ObjectExpression, name: string, fixer: Rule.RuleFixer): Rule.Fix[];
+    /**
+     * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`
+     */
+    getProperty(node: ObjectExpression, name: string): Property['key'] | undefined;
+    /**
+     * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`
+     *
+     * Values can be basically anything, so be careful with this
+     */
+    getValueByPropertyName(node: ObjectExpression, name: string): Property['value'] | undefined;
+    containsSpreadProps(node: ObjectExpression): boolean;
+    updateValue(node: ObjectExpression, propertyName: string, newValue: string, fixer: Rule.RuleFixer): Rule.Fix;
+    /**
+     * Appends a key-value pair to the end of an object. For example:
+     * ```
+     * ast.Object.appendEntry(
+     *   node, // { padding: 'space.100' }
+     *   key, // 'margin',
+     *   value, // 'space.200'
+     *   fixer,
+     * )
+     * ```
+     * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+     */
+    appendEntry(node: ObjectExpression, key: string, value: string, fixer: Rule.RuleFixer): Rule.Fix;
+};
+export { ASTObjectExpression as Object };

package/dist/types-ts4.5/index.codegen.d.ts

@@ -7,6 +7,7 @@ export declare const configs: {
             '@atlaskit/design-system/ensure-design-token-usage': string;
             '@atlaskit/design-system/ensure-design-token-usage/preview': string;
             '@atlaskit/design-system/icon-label': string;
+            '@atlaskit/design-system/local-cx-xcss': string;
             '@atlaskit/design-system/no-banned-imports': string;
             '@atlaskit/design-system/no-css-tagged-template-expression': string;
             '@atlaskit/design-system/no-deprecated-apis': string;
@@ -33,6 +34,7 @@ export declare const configs: {
             '@atlaskit/design-system/consistent-css-prop-usage': string;
             '@atlaskit/design-system/ensure-design-token-usage': string;
             '@atlaskit/design-system/icon-label': string;
+            '@atlaskit/design-system/local-cx-xcss': string;
             '@atlaskit/design-system/no-banned-imports': string;
             '@atlaskit/design-system/no-deprecated-apis': string;
             '@atlaskit/design-system/no-deprecated-design-token-usage': string;