@atlaskit/eslint-plugin-design-system 8.23.3 → 8.24.0

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,47 @@
+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 true if an object contains no nested values, false otherwise.
+     *
+     * Note:
+     *  - Returns false if object contains spread elements.
+     *  - Returns true if object is empty.
+     */
+    isFlat(node: ObjectExpression): 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;

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/rules/use-primitives/config/index.d.ts

@@ -1,4 +1,4 @@
-type Pattern = 'compiled-css-function' | 'compiled-styled-object' | 'css-template-literal' | 'css-property-with-tokens' | 'css-property-multiple-values';
+type Pattern = 'compiled-css-function' | 'compiled-styled-object' | 'css-template-literal' | 'css-property-with-tokens' | 'css-property-multiple-values' | 'multiple-properties';
 export interface RuleConfig {
     patterns: Pattern[];
 }

package/dist/types-ts4.5/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/eslint-plugin-design-system",
   "description": "The essential plugin for use with the Atlassian Design System.",
-  "version": "8.23.3",
+  "version": "8.24.0",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/cjs/rules/no-css-tagged-template-expression/is-supported-import.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSupportedImport = exports.SUPPORTED_IMPORTS = void 0;
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-var SUPPORTED_IMPORTS = exports.SUPPORTED_IMPORTS = {
-  compiled: '@compiled/react',
-  emotionReact: '@emotion/react',
-  emotionCore: '@emotion/core',
-  styledComponents: 'styled-components'
-};
-var isImportSpecifierWrapper = function isImportSpecifierWrapper(name) {
-  return function (def) {
-    var _def$parent, _def$parent2, _def$parent3, _def$parent4, _def$parent5;
-    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === name && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && (((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value) === SUPPORTED_IMPORTS.compiled || ((_def$parent3 = def.parent) === null || _def$parent3 === void 0 ? void 0 : _def$parent3.source.value) === SUPPORTED_IMPORTS.emotionReact || ((_def$parent4 = def.parent) === null || _def$parent4 === void 0 ? void 0 : _def$parent4.source.value) === SUPPORTED_IMPORTS.emotionCore || ((_def$parent5 = def.parent) === null || _def$parent5 === void 0 ? void 0 : _def$parent5.source.value) === SUPPORTED_IMPORTS.styledComponents);
-  };
-};
-var isSupportedImport = exports.isSupportedImport = function isSupportedImport(name) {
-  var isImportSpecifier = isImportSpecifierWrapper(name);
-  return function (node, references) {
-    return node.type === 'Identifier' && references.some(function (reference) {
-      var _reference$resolved;
-      return reference.identifier === node && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(isImportSpecifier));
-    });
-  };
-};

package/dist/es2019/rules/no-css-tagged-template-expression/is-supported-import.js

@@ -1,21 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-export const SUPPORTED_IMPORTS = {
-  compiled: '@compiled/react',
-  emotionReact: '@emotion/react',
-  emotionCore: '@emotion/core',
-  styledComponents: 'styled-components'
-};
-const isImportSpecifierWrapper = name => {
-  return def => {
-    var _def$parent, _def$parent2, _def$parent3, _def$parent4, _def$parent5;
-    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === name && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && (((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value) === SUPPORTED_IMPORTS.compiled || ((_def$parent3 = def.parent) === null || _def$parent3 === void 0 ? void 0 : _def$parent3.source.value) === SUPPORTED_IMPORTS.emotionReact || ((_def$parent4 = def.parent) === null || _def$parent4 === void 0 ? void 0 : _def$parent4.source.value) === SUPPORTED_IMPORTS.emotionCore || ((_def$parent5 = def.parent) === null || _def$parent5 === void 0 ? void 0 : _def$parent5.source.value) === SUPPORTED_IMPORTS.styledComponents);
-  };
-};
-export const isSupportedImport = name => {
-  const isImportSpecifier = isImportSpecifierWrapper(name);
-  return (node, references) => node.type === 'Identifier' && references.some(reference => {
-    var _reference$resolved;
-    return reference.identifier === node && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(isImportSpecifier));
-  });
-};

package/dist/esm/rules/no-css-tagged-template-expression/is-supported-import.js

@@ -1,23 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-export var SUPPORTED_IMPORTS = {
-  compiled: '@compiled/react',
-  emotionReact: '@emotion/react',
-  emotionCore: '@emotion/core',
-  styledComponents: 'styled-components'
-};
-var isImportSpecifierWrapper = function isImportSpecifierWrapper(name) {
-  return function (def) {
-    var _def$parent, _def$parent2, _def$parent3, _def$parent4, _def$parent5;
-    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === name && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && (((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value) === SUPPORTED_IMPORTS.compiled || ((_def$parent3 = def.parent) === null || _def$parent3 === void 0 ? void 0 : _def$parent3.source.value) === SUPPORTED_IMPORTS.emotionReact || ((_def$parent4 = def.parent) === null || _def$parent4 === void 0 ? void 0 : _def$parent4.source.value) === SUPPORTED_IMPORTS.emotionCore || ((_def$parent5 = def.parent) === null || _def$parent5 === void 0 ? void 0 : _def$parent5.source.value) === SUPPORTED_IMPORTS.styledComponents);
-  };
-};
-export var isSupportedImport = function isSupportedImport(name) {
-  var isImportSpecifier = isImportSpecifierWrapper(name);
-  return function (node, references) {
-    return node.type === 'Identifier' && references.some(function (reference) {
-      var _reference$resolved;
-      return reference.identifier === node && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(isImportSpecifier));
-    });
-  };
-};

package/dist/types/rules/no-css-tagged-template-expression/is-supported-import.d.ts

@@ -1,12 +0,0 @@
-import type { Rule, Scope } from 'eslint';
-type Node = Rule.Node;
-type Reference = Scope.Reference;
-type SupportedNameChecker = (node: Node, references: Reference[]) => boolean;
-export declare const SUPPORTED_IMPORTS: {
-    compiled: string;
-    emotionReact: string;
-    emotionCore: string;
-    styledComponents: string;
-};
-export declare const isSupportedImport: (name: string) => SupportedNameChecker;
-export {};

package/dist/types-ts4.5/rules/no-css-tagged-template-expression/is-supported-import.d.ts

@@ -1,12 +0,0 @@
-import type { Rule, Scope } from 'eslint';
-type Node = Rule.Node;
-type Reference = Scope.Reference;
-type SupportedNameChecker = (node: Node, references: Reference[]) => boolean;
-export declare const SUPPORTED_IMPORTS: {
-    compiled: string;
-    emotionReact: string;
-    emotionCore: string;
-    styledComponents: string;
-};
-export declare const isSupportedImport: (name: string) => SupportedNameChecker;
-export {};