@atlaskit/eslint-plugin-platform 0.12.0 → 0.13.1

package/dist/esm/rules/compiled/expand-border-shorthand/index.js

@@ -0,0 +1,94 @@
+var EXCLUDED_VALUES = ['0', 'none', 'unset', 'none !important'];
+var findCallExpression = function findCallExpression(node) {
+  var parent = node.parent;
+  if (!parent) {
+    return null;
+  }
+  if (parent.type === 'CallExpression') {
+    return parent;
+  }
+  return findCallExpression(parent);
+};
+var separateBorderProperties = function separateBorderProperties(borderString, property, context) {
+  if (EXCLUDED_VALUES.includes(borderString)) {
+    return;
+  }
+  context.report({
+    node: property,
+    messageId: 'expandBorderShorthand'
+  });
+};
+
+// checks if the function that holds the border property is using an import package that this rule is targeting
+var isCompiledAPI = function isCompiledAPI(importDeclaration, callExpression) {
+  var functionName;
+  if (callExpression.callee.type === 'Identifier') {
+    functionName = callExpression.callee.name;
+  } else if (callExpression.callee.type === 'MemberExpression') {
+    if (callExpression.callee.object.type === 'Identifier') {
+      functionName = callExpression.callee.object.name;
+    }
+  }
+  if (!functionName) {
+    return;
+  }
+  return importDeclaration.specifiers.some(function (specifier) {
+    return specifier.type === 'ImportSpecifier' && specifier.imported.name === functionName;
+  });
+};
+export var expandBorderShorthand = {
+  meta: {
+    docs: {
+      url: 'https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/platform/eslint-plugin/src/rules/compiled/expand-border-shorthand'
+    },
+    messages: {
+      expandBorderShorthand: 'Use borderColor, borderStyle, and borderWidth instead of border shorthand'
+    },
+    type: 'problem'
+  },
+  create: function create(context) {
+    var importDeclaration;
+    return {
+      'ImportDeclaration[source.value="@compiled/react"], ImportDeclaration[source.value="@atlaskit/css"]': function ImportDeclarationSourceValueCompiledReactImportDeclarationSourceValueAtlaskitCss(node) {
+        importDeclaration = node;
+      },
+      'Property[key.name="border"]': function PropertyKeyNameBorder(node) {
+        var callExpression = findCallExpression(node);
+        if (!callExpression) {
+          return;
+        }
+        if (importDeclaration) {
+          if (isCompiledAPI(importDeclaration, callExpression)) {
+            if (node.value.type === 'Literal' && node.value.value !== null) {
+              if (typeof node.value.value === 'string') {
+                var borderString = node.value.value;
+                separateBorderProperties(borderString, node, context);
+              } else if (node.value.raw) {
+                var _borderString = node.value.raw;
+                separateBorderProperties(_borderString, node, context);
+              }
+            } else if (node.value.type === 'TemplateLiteral') {
+              if (node.value.quasis.length > 1 || node.value.expressions.length > 0) {
+                context.report({
+                  node: node,
+                  messageId: 'expandBorderShorthand'
+                });
+                return;
+              }
+              if (node.value.quasis.length === 1 && node.value.quasis[0].value.cooked) {
+                var borderQuasis = node.value.quasis[0].value.cooked;
+                separateBorderProperties(borderQuasis, node, context);
+              }
+            } else if (node.value.type === 'CallExpression') {
+              context.report({
+                node: node,
+                messageId: 'expandBorderShorthand'
+              });
+            }
+          }
+        }
+      }
+    };
+  }
+};
+export default expandBorderShorthand;

package/dist/esm/rules/{no-alias → feature-gating/no-alias}/index.js

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { FEATURE_API_IMPORT_SOURCES, FEATURE_MOCKS_IMPORT_SOURCES, FEATURE_UTILS_IMPORT_SOURCES } from '../constants';
+import { FEATURE_API_IMPORT_SOURCES, FEATURE_MOCKS_IMPORT_SOURCES, FEATURE_UTILS_IMPORT_SOURCES } from '../../constants';
 import { isIdentifierImportedFrom } from '../utils';
 var IMPORT_SOURCES = new Set([].concat(_toConsumableArray(FEATURE_API_IMPORT_SOURCES), _toConsumableArray(FEATURE_MOCKS_IMPORT_SOURCES), _toConsumableArray(FEATURE_UTILS_IMPORT_SOURCES)));
 var rule = {

package/dist/esm/rules/{prefer-fg → feature-gating/prefer-fg}/index.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { FEATURE_API_IMPORT_SOURCES } from '../constants';
+import { FEATURE_API_IMPORT_SOURCES } from '../../constants';
 var validateUsage = function validateUsage(node, utilName, context, changeMap) {
   var _context$getScope$ref;
   var resolved = (_context$getScope$ref = context.getScope().references.find(function (ref) {

package/dist/esm/rules/{static-feature-flags → feature-gating/static-feature-flags}/index.js

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { FEATURE_API_IMPORT_SOURCES } from '../constants';
+import { FEATURE_API_IMPORT_SOURCES } from '../../constants';
 import { getDef, isIdentifierImportedFrom } from '../utils';
 var IMPORT_SOURCES = new Set([].concat(_toConsumableArray(FEATURE_API_IMPORT_SOURCES), ['@atlassian/jira-feature-flagging-utils', '@atlassian/jira-feature-gate-component', '@atlassian/jira-feature-gates-test-mocks', '@atlassian/jira-feature-gates-storybook-mocks']));
 

package/dist/esm/rules/{utils.js → feature-gating/utils.js}

@@ -1,7 +1,7 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { FEATURE_API_IMPORT_SOURCES } from './constants';
+import { FEATURE_API_IMPORT_SOURCES } from '../constants';
 export function isIdentifierImportedFrom(identifierName, sources, context) {
   if (sources.size > 0) {
     var _context$getScope$ref, _context$getScope$ref2;

package/dist/types/index.d.ts

@@ -8,6 +8,7 @@ export declare const rules: {
     'ensure-critical-dependency-resolutions': import("eslint").Rule.RuleModule;
     'ensure-valid-platform-yarn-protocol-usage': import("eslint").Rule.RuleModule;
     'ensure-valid-bin-values': import("eslint").Rule.RuleModule;
+    'expand-border-shorthand': import("eslint").Rule.RuleModule;
     'no-duplicate-dependencies': import("eslint").Rule.RuleModule;
     'no-invalid-feature-flag-usage': import("eslint").Rule.RuleModule;
     'no-pre-post-install-scripts': import("eslint").Rule.RuleModule;
@@ -28,6 +29,12 @@ export declare const configs: {
     recommended: {
         plugins: string[];
         rules: {
+            '@atlaskit/platform/no-module-level-eval': string;
+            '@atlaskit/platform/static-feature-flags': string;
+            '@atlaskit/platform/no-preconditioning': string;
+            '@atlaskit/platform/inline-usage': string;
+            '@atlaskit/platform/prefer-fg': string;
+            '@atlaskit/platform/no-alias': string;
             '@atlaskit/platform/ensure-feature-flag-registration': string;
             '@atlaskit/platform/ensure-feature-flag-prefix': (string | {
                 allowedPrefixes: string[];
@@ -37,13 +44,30 @@ export declare const configs: {
             '@atlaskit/platform/no-invalid-feature-flag-usage': string;
             '@atlaskit/platform/no-invalid-storybook-decorator-usage': string;
             '@atlaskit/platform/ensure-atlassian-team': string;
-            '@atlaskit/platform/no-module-level-eval': string;
             '@atlaskit/platform/no-module-level-eval-nav4': string;
-            '@atlaskit/platform/static-feature-flags': string;
-            '@atlaskit/platform/no-preconditioning': string;
-            '@atlaskit/platform/inline-usage': string;
-            '@atlaskit/platform/prefer-fg': string;
-            '@atlaskit/platform/no-alias': string;
+            '@atlaskit/platform/expand-border-shorthand': string;
+            '@compiled/jsx-pragma': (string | {
+                importSources: string[];
+                onlyRunIfImportingCompiled: boolean;
+                runtime: string;
+            })[];
+        };
+    };
+    jira: {
+        plugins: string[];
+        rules: {
+            '@atlaskit/platform/ensure-test-runner-arguments': string;
+            '@atlaskit/platform/ensure-test-runner-nested-count': string;
+            '@atlaskit/platform/no-invalid-feature-flag-usage': string;
+            '@atlaskit/platform/no-invalid-storybook-decorator-usage': string;
+            '@atlaskit/platform/ensure-atlassian-team': string;
+            '@atlaskit/platform/no-module-level-eval-nav4': string;
+            '@atlaskit/platform/expand-border-shorthand': string;
+            '@compiled/jsx-pragma': (string | {
+                importSources: string[];
+                onlyRunIfImportingCompiled: boolean;
+                runtime: string;
+            })[];
         };
     };
 };

package/dist/types/rules/compiled/expand-border-shorthand/index.d.ts

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

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

@@ -8,6 +8,7 @@ export declare const rules: {
     'ensure-critical-dependency-resolutions': import("eslint").Rule.RuleModule;
     'ensure-valid-platform-yarn-protocol-usage': import("eslint").Rule.RuleModule;
     'ensure-valid-bin-values': import("eslint").Rule.RuleModule;
+    'expand-border-shorthand': import("eslint").Rule.RuleModule;
     'no-duplicate-dependencies': import("eslint").Rule.RuleModule;
     'no-invalid-feature-flag-usage': import("eslint").Rule.RuleModule;
     'no-pre-post-install-scripts': import("eslint").Rule.RuleModule;
@@ -28,6 +29,12 @@ export declare const configs: {
     recommended: {
         plugins: string[];
         rules: {
+            '@atlaskit/platform/no-module-level-eval': string;
+            '@atlaskit/platform/static-feature-flags': string;
+            '@atlaskit/platform/no-preconditioning': string;
+            '@atlaskit/platform/inline-usage': string;
+            '@atlaskit/platform/prefer-fg': string;
+            '@atlaskit/platform/no-alias': string;
             '@atlaskit/platform/ensure-feature-flag-registration': string;
             '@atlaskit/platform/ensure-feature-flag-prefix': (string | {
                 allowedPrefixes: string[];
@@ -37,13 +44,30 @@ export declare const configs: {
             '@atlaskit/platform/no-invalid-feature-flag-usage': string;
             '@atlaskit/platform/no-invalid-storybook-decorator-usage': string;
             '@atlaskit/platform/ensure-atlassian-team': string;
-            '@atlaskit/platform/no-module-level-eval': string;
             '@atlaskit/platform/no-module-level-eval-nav4': string;
-            '@atlaskit/platform/static-feature-flags': string;
-            '@atlaskit/platform/no-preconditioning': string;
-            '@atlaskit/platform/inline-usage': string;
-            '@atlaskit/platform/prefer-fg': string;
-            '@atlaskit/platform/no-alias': string;
+            '@atlaskit/platform/expand-border-shorthand': string;
+            '@compiled/jsx-pragma': (string | {
+                importSources: string[];
+                onlyRunIfImportingCompiled: boolean;
+                runtime: string;
+            })[];
+        };
+    };
+    jira: {
+        plugins: string[];
+        rules: {
+            '@atlaskit/platform/ensure-test-runner-arguments': string;
+            '@atlaskit/platform/ensure-test-runner-nested-count': string;
+            '@atlaskit/platform/no-invalid-feature-flag-usage': string;
+            '@atlaskit/platform/no-invalid-storybook-decorator-usage': string;
+            '@atlaskit/platform/ensure-atlassian-team': string;
+            '@atlaskit/platform/no-module-level-eval-nav4': string;
+            '@atlaskit/platform/expand-border-shorthand': string;
+            '@compiled/jsx-pragma': (string | {
+                importSources: string[];
+                onlyRunIfImportingCompiled: boolean;
+                runtime: string;
+            })[];
         };
     };
 };

package/dist/types-ts4.5/rules/compiled/expand-border-shorthand/index.d.ts

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

package/package.json

@@ -1,10 +1,10 @@
 {
 	"name": "@atlaskit/eslint-plugin-platform",
 	"description": "The essential plugin for use with Atlassian frontend platform tools",
-	"version": "0.12.0",
+	"version": "0.13.1",
 	"author": "Atlassian Pty Ltd",
 	"atlassian": {
-		"team": "UIP Dev Infra",
+		"team": "Build Infra",
 		"toolingLabels": [
 			"linting"
 		]
@@ -38,8 +38,12 @@
 	},
 	"devDependencies": {
 		"@atlassian/ts-loader": "*",
+		"@compiled/eslint-plugin": "^0.17.0",
 		"@types/eslint": "^8.56.6",
 		"eslint": "^8.57.0",
 		"outdent": "^0.5.0"
+	},
+	"peerDependencies": {
+		"@compiled/eslint-plugin": "^0.17.0"
 	}
 }

package/src/index.tsx

@@ -11,18 +11,19 @@ import ensureFeatureFlagPrefix from './rules/ensure-feature-flag-prefix';
 import ensureCriticalDependencyResolutions from './rules/ensure-critical-dependency-resolutions';
 import ensureValidPlatformYarnProtocolUsage from './rules/ensure-valid-platform-yarn-protocol-usage';
 import ensureValidBinValues from './rules/ensure-valid-bin-values';
+import expandBorderShorthand from './rules/compiled/expand-border-shorthand';
 import noInvalidStorybookDecoratorUsage from './rules/no-invalid-storybook-decorator-usage';
 import ensurePublishValid from './rules/ensure-publish-valid';
 import ensureNativeAndAfExportsSynced from './rules/ensure-native-and-af-exports-synced';
-import noModuleLevelEval from './rules/no-module-level-eval';
-import noModuleLevelEvalNav4 from './rules/no-module-level-eval-nav4';
-import staticFeatureFlags from './rules/static-feature-flags';
-import noPreconditioning from './rules/no-preconditioning';
-import inlineUsage from './rules/inline-usage';
-import preferFG from './rules/prefer-fg';
-import noAlias from './rules/no-alias';
+import noModuleLevelEval from './rules/feature-gating/no-module-level-eval';
+import noModuleLevelEvalNav4 from './rules/feature-gating/no-module-level-eval-nav4';
+import staticFeatureFlags from './rules/feature-gating/static-feature-flags';
+import noPreconditioning from './rules/feature-gating/no-preconditioning';
+import inlineUsage from './rules/feature-gating/inline-usage';
+import preferFG from './rules/feature-gating/prefer-fg';
+import noAlias from './rules/feature-gating/no-alias';
 import useEntrypointsInExamples from './rules/use-entrypoints-in-examples';
-import useRecommendedUtils from './rules/use-recommended-utils';
+import useRecommendedUtils from './rules/feature-gating/use-recommended-utils';
 
 export const rules = {
 	'ensure-feature-flag-registration': ensureFeatureFlagRegistration,
@@ -33,6 +34,7 @@ export const rules = {
 	'ensure-critical-dependency-resolutions': ensureCriticalDependencyResolutions,
 	'ensure-valid-platform-yarn-protocol-usage': ensureValidPlatformYarnProtocolUsage,
 	'ensure-valid-bin-values': ensureValidBinValues,
+	'expand-border-shorthand': expandBorderShorthand,
 	'no-duplicate-dependencies': noDuplicateDependencies,
 	'no-invalid-feature-flag-usage': noInvalidFeatureFlagUsage,
 	'no-pre-post-install-scripts': noPreAndPostInstallScripts,
@@ -50,27 +52,50 @@ export const rules = {
 	'use-recommended-utils': useRecommendedUtils,
 };
 
+const commonConfig = {
+	'@atlaskit/platform/ensure-test-runner-arguments': 'error',
+	'@atlaskit/platform/ensure-test-runner-nested-count': 'warn',
+	'@atlaskit/platform/no-invalid-feature-flag-usage': 'error',
+	'@atlaskit/platform/no-invalid-storybook-decorator-usage': 'error',
+	'@atlaskit/platform/ensure-atlassian-team': 'error',
+	'@atlaskit/platform/no-module-level-eval-nav4': 'error',
+	// Compiled: rules that are not included via `@compiled/recommended
+	'@atlaskit/platform/expand-border-shorthand': 'warn',
+	'@compiled/jsx-pragma': [
+		'error',
+		{
+			importSources: ['@atlaskit/css'],
+			onlyRunIfImportingCompiled: true,
+			runtime: 'classic',
+		},
+	],
+};
+
 export const configs = {
 	recommended: {
-		plugins: ['@atlaskit/platform'],
+		plugins: ['@atlaskit/platform', '@compiled'],
 		rules: {
-			'@atlaskit/platform/ensure-feature-flag-registration': 'error',
-			'@atlaskit/platform/ensure-feature-flag-prefix': [
-				'warn',
-				{ allowedPrefixes: ['platform.', 'platform_'] },
-			],
-			'@atlaskit/platform/ensure-test-runner-arguments': 'error',
-			'@atlaskit/platform/ensure-test-runner-nested-count': 'warn',
-			'@atlaskit/platform/no-invalid-feature-flag-usage': 'error',
-			'@atlaskit/platform/no-invalid-storybook-decorator-usage': 'error',
-			'@atlaskit/platform/ensure-atlassian-team': 'error',
+			...commonConfig,
+			// See platform/packages/platform/eslint-plugin/src/rules/feature-gating/README.md
+			// These rules are specific to `platform` and seem a WIP; jira and confluence currently have their own rules
 			'@atlaskit/platform/no-module-level-eval': 'error',
-			'@atlaskit/platform/no-module-level-eval-nav4': 'error',
 			'@atlaskit/platform/static-feature-flags': 'error',
 			'@atlaskit/platform/no-preconditioning': 'error',
 			'@atlaskit/platform/inline-usage': 'error',
 			'@atlaskit/platform/prefer-fg': 'error',
 			'@atlaskit/platform/no-alias': 'error',
+			// end: feature-gating rules
+			'@atlaskit/platform/ensure-feature-flag-registration': 'error',
+			'@atlaskit/platform/ensure-feature-flag-prefix': [
+				'warn',
+				{ allowedPrefixes: ['platform.', 'platform_'] },
+			],
+		},
+	},
+	jira: {
+		plugins: ['@atlaskit/platform', '@compiled'],
+		rules: {
+			...commonConfig,
 		},
 	},
 };

package/src/rules/compiled/README.md

@@ -0,0 +1,3 @@
+# Atlassian platform ESLint Plugin > Compiled rules
+
+TODO

package/src/rules/compiled/expand-border-shorthand/README.md

@@ -0,0 +1,51 @@
+# `shorthand-property-sorting`
+
+This ESLint rule enforces the expansion of CSS `border` shorthand property, into it's longhand
+equivalents `borderStyle`, `borderWidth`, `borderColor`, for packages that originates from
+`@compiled/react`, and `@atlaskit/css`.
+
+## Rule details
+
+👎 Examples of **incorrect** code for this rule:
+
+```js
+const styles = css({
+	border: '1px solid black',
+});
+
+const styles = css({
+	border: '1px solid',
+});
+
+const styles = css({
+	border: '1px',
+});
+```
+
+👍 Examples of **correct** code for this rule:
+
+```js
+const styles = css({
+	borderWidth: '1px',
+	borderStyle: 'solid',
+	borderColor: 'black',
+});
+```
+
+```js
+const styles = css({
+	border: '0', // exempted from our ESLint rule
+});
+
+const styles = css({
+	border: 'none', // exempted from our ESLint rule
+});
+
+const styles = css({
+	border: 'unset', // exempted from our ESLint rule
+});
+
+const styles = css({
+	border: 'none !important', // exempted from our ESLint rule
+});
+```

package/src/rules/compiled/expand-border-shorthand/__tests__/rule.test.ts

@@ -0,0 +1,186 @@
+import { outdent } from 'outdent';
+
+import { tester } from '../../../../__tests__/utils/_tester';
+import { expandBorderShorthand } from '../index';
+
+const valid_packages_calls_and_imports = [
+	['css', 'css', '@atlaskit/css'],
+	['css', 'css', '@compiled/react'],
+	['styled', 'styled.div', '@compiled/react'],
+	['cssMap', 'cssMap', '@atlaskit/css'],
+	['cssMap', 'cssMap', '@compiled/react'],
+];
+
+const invalid_packages_calls_and_imports = [
+	['css', '@atlaskit/primitives'],
+	['css', '@emotion'],
+	['css', 'styled-components'],
+];
+
+tester.run('expand-border-shorthand', expandBorderShorthand, {
+	valid: [
+		...invalid_packages_calls_and_imports.map(([pkg, imp]) => ({
+			name: `incorrect packages (${pkg}, ${imp})`,
+			code: outdent`
+			import {${pkg}} from '${imp}';
+
+			const styles = ${pkg}({
+				border: '1px solid red',
+			});
+		`,
+		})),
+		{
+			name: 'references correct package',
+			code: outdent`
+			import {css} from '@compiled/react';
+
+			const styles = xcss({
+				border: '1px solid red',
+			});
+		`,
+		},
+		{
+			name: 'excluded values',
+			code: outdent`
+			import {css} from '@compiled/react';
+
+			const styles = css({
+				border: 'none',
+			});
+			const styles2 = css({
+				border: '0',
+			});
+			const styles3 = css({
+				border: 'unset',
+			});
+			const styles4 = css({
+				border: 'none !important',
+			});
+			const styles5 = css({
+				border: \`none\`,
+			});
+			const styles6 = css({
+				border: \`0\`,
+			});
+			const styles7 = css({
+				border: \`unset\`,
+			});
+			const styles8 = css({
+				border: \`none !important\`,
+			});
+			const styles9 = css({
+				border: 0,
+			});
+		`,
+		},
+		{
+			name: 'not using border shorthand',
+			code: outdent`
+			import {css} from '@compiled/react';
+
+			const styles = css({
+				borderTop: '2px solid green',
+				borderRight: '3px dashed orange',
+				borderBottom: '4px double purple',
+				borderLeft: '5px groove teal',
+			});
+			const styles2 = css({
+				borderWidth: '1px',
+				borderStyle: 'solid',
+				borderColor: 'black',
+			});
+		`,
+		},
+	],
+	invalid: [
+		...valid_packages_calls_and_imports.map(([pkg, call, imp]) => ({
+			name: `simple case (${call}, ${imp})`,
+			code: outdent`
+			import {${pkg}} from '${imp}';
+
+			const styles = ${call}({
+				border: '1px solid red',
+			});
+			const styles2 = ${call}({
+				border: '1px solid',
+			});
+			const styles3 = ${call}({
+				border: '1px',
+			});
+			`,
+			errors: Array.from(Array(3), () => ({ messageId: 'expandBorderShorthand' })),
+		})),
+		{
+			name: 'nested ObjectExpression',
+			code: outdent`
+			import {css} from '@compiled/react';
+			const styles = {
+				inverse: css({
+					border: '1px solid red',
+				}),
+			};
+		`,
+			errors: [{ messageId: 'expandBorderShorthand' }],
+		},
+		{
+			name: 'pseudo selector',
+			code: outdent`
+			import {css} from '@compiled/react';
+			const styles = css({
+				'&:hover': {
+					border: '1px solid red',
+					'&:hover': {
+						border: '1px solid red',
+					},
+				},
+				border: '1px solid red',
+			})
+		`,
+			errors: Array.from(Array(3), () => ({ messageId: 'expandBorderShorthand' })),
+		},
+		{
+			name: 'template string',
+			code: outdent`
+			import {css} from '@compiled/react';
+
+			const styles = css({
+				border: \`1px solid red\`,
+			})
+
+			const styles2 = css({
+				border: \`1px solid \${token('red')}\`,
+			})
+
+			const styles3 = css({
+				border: \`1px \${solid} red\`,
+			})
+
+			const styles4 = css({
+				border: \`1px red\`,
+			})
+
+			const styles5 = css({
+				border: \`1px\`,
+			})
+
+			const styles6 = css({
+				border: \` \${token('red')}\`,
+			})
+		`,
+			errors: Array.from(Array(6), () => ({ messageId: 'expandBorderShorthand' })),
+		},
+		{
+			name: 'tokens',
+			code: outdent`
+			import {css} from '@compiled/react';
+			const styles = css({
+				border: token('color.border'),
+			})
+			const styles2 = css({
+				border: token('space.025', '2px'),
+			})
+		`,
+			errors: Array.from(Array(2), () => ({ messageId: 'expandBorderShorthand' })),
+		},
+	],
+});