@atlaskit/eslint-plugin-design-system 8.27.0 → 8.29.0

package/dist/types/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' | 'multiple-properties';
+type Pattern = 'compiled-css-function' | 'compiled-styled-object' | 'css-template-literal' | 'css-property-with-tokens' | 'css-property-multiple-values' | 'multiple-properties' | 'dimension-properties';
 export interface RuleConfig {
     patterns: Pattern[];
 }

package/dist/types/rules/use-primitives/transformers/css-to-xcss.d.ts

@@ -5,6 +5,12 @@ export declare const styledObjectToXcssTokens: (styles: ObjectExpression & Parti
 export declare const spaceTokenMap: {
     [key: string]: string;
 };
+export declare const dimensionsMap: {
+    [key: string]: string;
+};
+export declare const supportedDimensionAttributesMap: {
+    [key: string]: typeof spaceTokenMap;
+};
 export declare const supportedStylesMap: {
     [key: string]: typeof spaceTokenMap;
 };

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

@@ -1,5 +1,7 @@
+import type { JSONSchema4 } from '@typescript-eslint/utils/dist/json-schema';
 import type { Rule } from 'eslint';
-import { SupportedNameChecker } from '../../utils/is-supported-import';
+import { SupportedNameChecker } from '../is-supported-import';
 type RuleModule = Rule.RuleModule;
+export declare const noTaggedTemplateExpressionRuleSchema: JSONSchema4;
 export declare const createNoTaggedTemplateExpressionRule: (isUsage: SupportedNameChecker, messageId: string) => RuleModule['create'];
 export {};

package/dist/types/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/types.d.ts

@@ -23,3 +23,6 @@ export type DeclarationBlock = {
     blocks: Block[];
 };
 export type Argument = Expression | DeclarationBlock;
+export type RuleConfig = {
+    importSources?: string[];
+};

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

@@ -6,20 +6,20 @@ export declare const CSS_IN_JS_IMPORTS: {
     readonly compiled: "@compiled/react";
     readonly emotionReact: "@emotion/react";
     readonly emotionCore: "@emotion/core";
+    readonly emotionStyled: "@emotion/styled";
     readonly styledComponents: "styled-components";
     readonly atlaskitCss: "@atlaskit/css";
     readonly atlaskitPrimitives: "@atlaskit/primitives";
 };
 export type ImportSource = string;
 export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+/**
+ * By default all known import sources are checked against.
+ */
 export declare const DEFAULT_IMPORT_SOURCES: ImportSource[];
 /**
  * Given the ESLint rule context, extract and parse the value of the importSources rule option.
- * The importSources option is used to define additional libraries for which an ESLint rule
- * should apply to.
- *
- * Note that `@compiled/react` and `@atlaskit/css` are always included in importSources, regardless
- * of what importSources is configured to by the user.
+ * The importSources option is used to override which libraries an ESLint rule applies to.
  *
  * @param context The rule context.
  * @returns An array of strings representing what CSS-in-JS packages that should be checked, based

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

@@ -17,9 +17,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-margin': string;
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-physical-properties': string;
+            '@atlaskit/design-system/no-styled-tagged-template-expression': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': string;
             '@atlaskit/design-system/no-unsafe-style-overrides': string;
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 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::914085544778f4543f43e3e30d0982e0>>
+ * @codegen <<SignedSource::5647ce9c10ba880cffece66b5924fd6e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -20,9 +20,11 @@ declare const _default: {
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-margin': string;
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-physical-properties': string;
+        '@atlaskit/design-system/no-styled-tagged-template-expression': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;
         '@atlaskit/design-system/no-unsafe-style-overrides': string;
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': string;

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

@@ -21,9 +21,11 @@ declare const _default: {
     'no-exported-css': import("eslint").Rule.RuleModule;
     'no-exported-keyframes': import("eslint").Rule.RuleModule;
     'no-invalid-css-map': import("eslint").Rule.RuleModule;
+    'no-keyframes-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-margin': import("eslint").Rule.RuleModule;
     'no-nested-styles': import("eslint").Rule.RuleModule;
     'no-physical-properties': import("eslint").Rule.RuleModule;
+    'no-styled-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-unsafe-design-token-usage': import("eslint").Rule.RuleModule;
     'no-unsafe-style-overrides': import("eslint").Rule.RuleModule;
     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;

package/dist/types-ts4.5/rules/no-keyframes-tagged-template-expression/index.d.ts

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

package/dist/types-ts4.5/rules/no-styled-tagged-template-expression/index.d.ts

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

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

@@ -0,0 +1,7 @@
+import type { Scope } from 'eslint';
+import type { CallExpression } from 'estree';
+import { ImportSource } from '../utils/is-supported-import';
+type Callee = CallExpression['callee'];
+type Reference = Scope.Reference;
+export declare const isStyled: (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+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' | 'multiple-properties';
+type Pattern = 'compiled-css-function' | 'compiled-styled-object' | 'css-template-literal' | 'css-property-with-tokens' | 'css-property-multiple-values' | 'multiple-properties' | 'dimension-properties';
 export interface RuleConfig {
     patterns: Pattern[];
 }

package/dist/types-ts4.5/rules/use-primitives/transformers/css-to-xcss.d.ts

@@ -5,6 +5,12 @@ export declare const styledObjectToXcssTokens: (styles: ObjectExpression & Parti
 export declare const spaceTokenMap: {
     [key: string]: string;
 };
+export declare const dimensionsMap: {
+    [key: string]: string;
+};
+export declare const supportedDimensionAttributesMap: {
+    [key: string]: typeof spaceTokenMap;
+};
 export declare const supportedStylesMap: {
     [key: string]: typeof spaceTokenMap;
 };

package/dist/types-ts4.5/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/index.d.ts

@@ -1,5 +1,7 @@
+import type { JSONSchema4 } from '@typescript-eslint/utils/dist/json-schema';
 import type { Rule } from 'eslint';
-import { SupportedNameChecker } from '../../utils/is-supported-import';
+import { SupportedNameChecker } from '../is-supported-import';
 type RuleModule = Rule.RuleModule;
+export declare const noTaggedTemplateExpressionRuleSchema: JSONSchema4;
 export declare const createNoTaggedTemplateExpressionRule: (isUsage: SupportedNameChecker, messageId: string) => RuleModule['create'];
 export {};

package/dist/types-ts4.5/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/types.d.ts

@@ -23,3 +23,6 @@ export type DeclarationBlock = {
     blocks: Block[];
 };
 export type Argument = Expression | DeclarationBlock;
+export type RuleConfig = {
+    importSources?: string[];
+};

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

@@ -6,20 +6,20 @@ export declare const CSS_IN_JS_IMPORTS: {
     readonly compiled: "@compiled/react";
     readonly emotionReact: "@emotion/react";
     readonly emotionCore: "@emotion/core";
+    readonly emotionStyled: "@emotion/styled";
     readonly styledComponents: "styled-components";
     readonly atlaskitCss: "@atlaskit/css";
     readonly atlaskitPrimitives: "@atlaskit/primitives";
 };
 export type ImportSource = string;
 export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+/**
+ * By default all known import sources are checked against.
+ */
 export declare const DEFAULT_IMPORT_SOURCES: ImportSource[];
 /**
  * Given the ESLint rule context, extract and parse the value of the importSources rule option.
- * The importSources option is used to define additional libraries for which an ESLint rule
- * should apply to.
- *
- * Note that `@compiled/react` and `@atlaskit/css` are always included in importSources, regardless
- * of what importSources is configured to by the user.
+ * The importSources option is used to override which libraries an ESLint rule applies to.
  *
  * @param context The rule context.
  * @returns An array of strings representing what CSS-in-JS packages that should be checked, based

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.27.0",
+  "version": "8.29.0",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/es2019/rules/no-css-tagged-template-expression/create-no-tagged-template-expression-rule/index.js

@@ -1,62 +0,0 @@
-// Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/index.ts
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-import { CSS_IN_JS_IMPORTS } from '../../utils/is-supported-import';
-import { generate } from './generate';
-import { getTaggedTemplateExpressionOffset } from './get-tagged-template-expression-offset';
-import { toArguments } from './to-arguments';
-const IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.emotionReact, CSS_IN_JS_IMPORTS.emotionCore, CSS_IN_JS_IMPORTS.styledComponents];
-export const createNoTaggedTemplateExpressionRule = (isUsage, messageId) => context => ({
-  TaggedTemplateExpression(node) {
-    const {
-      references
-    } = context.getScope();
-    if (!isUsage(node.tag, references, IMPORT_SOURCES)) {
-      return;
-    }
-    context.report({
-      messageId,
-      node,
-      *fix(fixer) {
-        const {
-          quasi
-        } = node;
-        const source = context.getSourceCode();
-
-        // TODO Eventually handle comments instead of skipping them
-        // Skip auto-fixing comments
-        if (quasi.quasis.map(q => q.value.raw).join('').match(/\/\*[\s\S]*\*\//g)) {
-          return;
-        }
-
-        // Replace empty tagged template expression with the equivalent object call expression
-        if (!quasi.expressions.length && quasi.quasis.length === 1 && !quasi.quasis[0].value.raw.trim()) {
-          yield fixer.replaceText(quasi, '({})');
-          return;
-        }
-        const args = toArguments(source, quasi);
-
-        // Skip invalid CSS
-        if (args.length < 1) {
-          return;
-        }
-        const oldCode = source.getText(node);
-        // Remove quasi:
-        // styled.div<Props>`
-        //    color: red;
-        // `
-        // becomes
-        // styled.div<Props>
-        const withoutQuasi = oldCode.replace(source.getText(quasi), '');
-        const newCode = withoutQuasi +
-        // Indent the arguments after the tagged template expression range
-        generate(args, getTaggedTemplateExpressionOffset(node));
-        if (oldCode === newCode) {
-          return;
-        }
-        yield fixer.insertTextBefore(node, newCode);
-        yield fixer.remove(node);
-      }
-    });
-  }
-});