@atlaskit/eslint-plugin-design-system 10.13.0 → 10.15.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 10.15.0
+
+### Minor Changes
+
+- [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511)
+  [`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) -
+  Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0`
+  to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
+
+  This change has been done to enable usage of `react@18.3` as well as to have a consistent peer
+  dependency range for `react` and `react-dom` for `/platform` packages.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.14.0
+
+### Minor Changes
+
+- [#128926](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128926)
+  [`5df26d24db3c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5df26d24db3c7) - -
+  Remove config for rules that do not belong in this plugin long-term:
+  '@atlaskit/design-system/no-empty-styled-expression', '@atlaskit/design-system/no-exported-css',
+  '@atlaskit/design-system/no-exported-keyframes' — they may be removed in a future release and
+  prefer `@atlaskit/eslint-plugin/ui-styling-standard/recommended` for this type of rules in the
+  future.
+  - Reconfigure '@atlaskit/design-system/no-invalid-css-map' to work properly of the box alongside
+    ADS.
+
 ## 10.13.0
 
 ### Minor Changes

package/README.md

@@ -60,9 +60,9 @@ module.exports = {
 | <a href="./src/rules/no-deprecated-design-token-usage/README.md">no-deprecated-design-token-usage</a>                       | Disallow using deprecated design tokens.                                                                                                                                                                                                                                                                            | Yes         | Yes     |             |
 | <a href="./src/rules/no-deprecated-imports/README.md">no-deprecated-imports</a>                                             | Disallow importing deprecated modules.                                                                                                                                                                                                                                                                              | Yes         |         |             |
 | <a href="./src/rules/no-direct-use-of-web-platform-drag-and-drop/README.md">no-direct-use-of-web-platform-drag-and-drop</a> | Disallow using direct use of native drag and drop (please use Pragmatic drag and drop)                                                                                                                                                                                                                              | Yes         |         |             |
-| <a href="./src/rules/no-empty-styled-expression/README.md">no-empty-styled-expression</a>                                   | Forbids any styled expression to be used when passing empty arguments to styled.div() (or other JSX elements).                                                                                                                                                                                                      | Yes         |         |             |
-| <a href="./src/rules/no-exported-css/README.md">no-exported-css</a>                                                         | Forbid exporting `css` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.                                                                                                                                                              | Yes         |         |             |
-| <a href="./src/rules/no-exported-keyframes/README.md">no-exported-keyframes</a>                                             | Forbid exporting `keyframes` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.                                                                                                                                                        | Yes         |         |             |
+| <a href="./src/rules/no-empty-styled-expression/README.md">no-empty-styled-expression</a>                                   | Forbids any styled expression to be used when passing empty arguments to styled.div() (or other JSX elements).                                                                                                                                                                                                      |             |         |             |
+| <a href="./src/rules/no-exported-css/README.md">no-exported-css</a>                                                         | Forbid exporting `css` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.                                                                                                                                                              |             |         |             |
+| <a href="./src/rules/no-exported-keyframes/README.md">no-exported-keyframes</a>                                             | Forbid exporting `keyframes` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.                                                                                                                                                        |             |         |             |
 | <a href="./src/rules/no-html-anchor/README.md">no-html-anchor</a>                                                           | Discourage direct usage of HTML anchor elements in favor of Atlassian Design System link components.                                                                                                                                                                                                                | Yes         |         |             |
 | <a href="./src/rules/no-html-button/README.md">no-html-button</a>                                                           | Discourage direct usage of HTML button elements in favor of Atlassian Design System button components.                                                                                                                                                                                                              | Yes         |         |             |
 | <a href="./src/rules/no-invalid-css-map/README.md">no-invalid-css-map</a>                                                   | Checks the validity of a CSS map created through cssMap. This is intended to be used alongside TypeScript's type-checking.                                                                                                                                                                                          | Yes         |         |             |

package/dist/cjs/presets/all.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ab43b6e1a867d07b9a27eae78d48834a>>
+ * @codegen <<SignedSource::b6947ac630ea512fe3f4e3f44abb6783>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -23,12 +23,11 @@ var _default = exports.default = {
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
     '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
-    '@atlaskit/design-system/no-empty-styled-expression': 'warn',
-    '@atlaskit/design-system/no-exported-css': 'warn',
-    '@atlaskit/design-system/no-exported-keyframes': 'warn',
     '@atlaskit/design-system/no-html-anchor': 'warn',
     '@atlaskit/design-system/no-html-button': 'warn',
-    '@atlaskit/design-system/no-invalid-css-map': 'error',
+    '@atlaskit/design-system/no-invalid-css-map': ['error', {
+      allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+    }],
     '@atlaskit/design-system/no-keyframes-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-legacy-icons': 'warn',
     '@atlaskit/design-system/no-margin': 'warn',

package/dist/cjs/presets/recommended.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a620cfa5339ecfe9527af26afe5121e4>>
+ * @codegen <<SignedSource::9b6bccf688f4ee18dd0d49dbce48e475>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -20,12 +20,11 @@ var _default = exports.default = {
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
     '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
-    '@atlaskit/design-system/no-empty-styled-expression': 'warn',
-    '@atlaskit/design-system/no-exported-css': 'warn',
-    '@atlaskit/design-system/no-exported-keyframes': 'warn',
     '@atlaskit/design-system/no-html-anchor': 'warn',
     '@atlaskit/design-system/no-html-button': 'warn',
-    '@atlaskit/design-system/no-invalid-css-map': 'error',
+    '@atlaskit/design-system/no-invalid-css-map': ['error', {
+      allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+    }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

package/dist/cjs/rules/no-empty-styled-expression/index.js

@@ -50,8 +50,7 @@ var noEmptyStyledExpressionRule = (0, _createRule.createLintRule)({
     name: 'no-empty-styled-expression',
     docs: {
       description: 'Forbids any styled expression to be used when passing empty arguments to styled.div() (or other JSX elements).',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is configured by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: 'Found an empty expression, or empty object argument passed to `styled` function call. This unnecessarily causes a major performance penalty - please use a plain JSX element or a React fragment instead (e.g. `<div>Hello</div>` or `<>Hello</>`).'

package/dist/cjs/rules/no-exported-css/index.js

@@ -13,8 +13,7 @@ var noExportedCssRule = (0, _createRule.createLintRule)({
     type: 'problem',
     docs: {
       description: 'Forbid exporting `css` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is overriden by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: "`css` can't be exported - this will cause unexpected behaviour at runtime. Instead, please move your `css(...)` code to the same file where these styles are being used."

package/dist/cjs/rules/no-exported-keyframes/index.js

@@ -13,8 +13,7 @@ var noExportedKeyframesRule = (0, _createRule.createLintRule)({
     type: 'problem',
     docs: {
       description: 'Forbid exporting `keyframes` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is overriden by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: "`keyframes` can't be exported - this will cause unexpected behaviour at runtime. Instead, please move your `keyframes(...)` code to the same file where these styles are being used."

package/dist/cjs/rules/no-invalid-css-map/index.js

@@ -65,7 +65,10 @@ var noInvalidCssMapRule = (0, _createRule.createLintRule)({
     docs: {
       description: "Checks the validity of a CSS map created through cssMap. This is intended to be used alongside TypeScript's type-checking.",
       recommended: true,
-      severity: 'error'
+      severity: 'error',
+      pluginConfig: {
+        allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+      }
     },
     messages: {
       mustBeTopLevelScope: 'cssMap must only be used in the top-most scope of the module.',

package/dist/es2019/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ab43b6e1a867d07b9a27eae78d48834a>>
+ * @codegen <<SignedSource::b6947ac630ea512fe3f4e3f44abb6783>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -17,12 +17,11 @@ export default {
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
     '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
-    '@atlaskit/design-system/no-empty-styled-expression': 'warn',
-    '@atlaskit/design-system/no-exported-css': 'warn',
-    '@atlaskit/design-system/no-exported-keyframes': 'warn',
     '@atlaskit/design-system/no-html-anchor': 'warn',
     '@atlaskit/design-system/no-html-button': 'warn',
-    '@atlaskit/design-system/no-invalid-css-map': 'error',
+    '@atlaskit/design-system/no-invalid-css-map': ['error', {
+      allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+    }],
     '@atlaskit/design-system/no-keyframes-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-legacy-icons': 'warn',
     '@atlaskit/design-system/no-margin': 'warn',

package/dist/es2019/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a620cfa5339ecfe9527af26afe5121e4>>
+ * @codegen <<SignedSource::9b6bccf688f4ee18dd0d49dbce48e475>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -14,12 +14,11 @@ export default {
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
     '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
-    '@atlaskit/design-system/no-empty-styled-expression': 'warn',
-    '@atlaskit/design-system/no-exported-css': 'warn',
-    '@atlaskit/design-system/no-exported-keyframes': 'warn',
     '@atlaskit/design-system/no-html-anchor': 'warn',
     '@atlaskit/design-system/no-html-button': 'warn',
-    '@atlaskit/design-system/no-invalid-css-map': 'error',
+    '@atlaskit/design-system/no-invalid-css-map': ['error', {
+      allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+    }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

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

@@ -40,8 +40,7 @@ const noEmptyStyledExpressionRule = createLintRule({
     name: 'no-empty-styled-expression',
     docs: {
       description: 'Forbids any styled expression to be used when passing empty arguments to styled.div() (or other JSX elements).',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is configured by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: 'Found an empty expression, or empty object argument passed to `styled` function call. This unnecessarily causes a major performance penalty - please use a plain JSX element or a React fragment instead (e.g. `<div>Hello</div>` or `<>Hello</>`).'

package/dist/es2019/rules/no-exported-css/index.js

@@ -7,8 +7,7 @@ const noExportedCssRule = createLintRule({
     type: 'problem',
     docs: {
       description: 'Forbid exporting `css` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is overriden by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: "`css` can't be exported - this will cause unexpected behaviour at runtime. Instead, please move your `css(...)` code to the same file where these styles are being used."

package/dist/es2019/rules/no-exported-keyframes/index.js

@@ -7,8 +7,7 @@ const noExportedKeyframesRule = createLintRule({
     type: 'problem',
     docs: {
       description: 'Forbid exporting `keyframes` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is overriden by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: "`keyframes` can't be exported - this will cause unexpected behaviour at runtime. Instead, please move your `keyframes(...)` code to the same file where these styles are being used."

package/dist/es2019/rules/no-invalid-css-map/index.js

@@ -58,7 +58,10 @@ const noInvalidCssMapRule = createLintRule({
     docs: {
       description: "Checks the validity of a CSS map created through cssMap. This is intended to be used alongside TypeScript's type-checking.",
       recommended: true,
-      severity: 'error'
+      severity: 'error',
+      pluginConfig: {
+        allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+      }
     },
     messages: {
       mustBeTopLevelScope: 'cssMap must only be used in the top-most scope of the module.',

package/dist/esm/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ab43b6e1a867d07b9a27eae78d48834a>>
+ * @codegen <<SignedSource::b6947ac630ea512fe3f4e3f44abb6783>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -17,12 +17,11 @@ export default {
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
     '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
-    '@atlaskit/design-system/no-empty-styled-expression': 'warn',
-    '@atlaskit/design-system/no-exported-css': 'warn',
-    '@atlaskit/design-system/no-exported-keyframes': 'warn',
     '@atlaskit/design-system/no-html-anchor': 'warn',
     '@atlaskit/design-system/no-html-button': 'warn',
-    '@atlaskit/design-system/no-invalid-css-map': 'error',
+    '@atlaskit/design-system/no-invalid-css-map': ['error', {
+      allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+    }],
     '@atlaskit/design-system/no-keyframes-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-legacy-icons': 'warn',
     '@atlaskit/design-system/no-margin': 'warn',

package/dist/esm/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a620cfa5339ecfe9527af26afe5121e4>>
+ * @codegen <<SignedSource::9b6bccf688f4ee18dd0d49dbce48e475>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -14,12 +14,11 @@ export default {
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',
     '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': 'error',
-    '@atlaskit/design-system/no-empty-styled-expression': 'warn',
-    '@atlaskit/design-system/no-exported-css': 'warn',
-    '@atlaskit/design-system/no-exported-keyframes': 'warn',
     '@atlaskit/design-system/no-html-anchor': 'warn',
     '@atlaskit/design-system/no-html-button': 'warn',
-    '@atlaskit/design-system/no-invalid-css-map': 'error',
+    '@atlaskit/design-system/no-invalid-css-map': ['error', {
+      allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+    }],
     '@atlaskit/design-system/no-nested-styles': 'error',
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',

package/dist/esm/rules/no-empty-styled-expression/index.js

@@ -43,8 +43,7 @@ var noEmptyStyledExpressionRule = createLintRule({
     name: 'no-empty-styled-expression',
     docs: {
       description: 'Forbids any styled expression to be used when passing empty arguments to styled.div() (or other JSX elements).',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is configured by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: 'Found an empty expression, or empty object argument passed to `styled` function call. This unnecessarily causes a major performance penalty - please use a plain JSX element or a React fragment instead (e.g. `<div>Hello</div>` or `<>Hello</>`).'

package/dist/esm/rules/no-exported-css/index.js

@@ -7,8 +7,7 @@ var noExportedCssRule = createLintRule({
     type: 'problem',
     docs: {
       description: 'Forbid exporting `css` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is overriden by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: "`css` can't be exported - this will cause unexpected behaviour at runtime. Instead, please move your `css(...)` code to the same file where these styles are being used."

package/dist/esm/rules/no-exported-keyframes/index.js

@@ -7,8 +7,7 @@ var noExportedKeyframesRule = createLintRule({
     type: 'problem',
     docs: {
       description: 'Forbid exporting `keyframes` function calls. Exporting `css` function calls can result in unexpected behaviour at runtime, and is not statically analysable.',
-      recommended: true,
-      severity: 'warn'
+      removeFromPresets: true // effectively disable this rule here, this is overriden by `@atlaskit/ui-styling-standard` instead
     },
     messages: {
       unexpected: "`keyframes` can't be exported - this will cause unexpected behaviour at runtime. Instead, please move your `keyframes(...)` code to the same file where these styles are being used."

package/dist/esm/rules/no-invalid-css-map/index.js

@@ -59,7 +59,10 @@ var noInvalidCssMapRule = createLintRule({
     docs: {
       description: "Checks the validity of a CSS map created through cssMap. This is intended to be used alongside TypeScript's type-checking.",
       recommended: true,
-      severity: 'error'
+      severity: 'error',
+      pluginConfig: {
+        allowedFunctionCalls: [['@atlaskit/tokens', 'token']]
+      }
     },
     messages: {
       mustBeTopLevelScope: 'cssMap must only be used in the top-most scope of the module.',

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

@@ -14,12 +14,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-deprecated-design-token-usage': string;
             '@atlaskit/design-system/no-deprecated-imports': string;
             '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-            '@atlaskit/design-system/no-empty-styled-expression': string;
-            '@atlaskit/design-system/no-exported-css': string;
-            '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-html-anchor': string;
             '@atlaskit/design-system/no-html-button': string;
-            '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-invalid-css-map': (string | {
+                allowedFunctionCalls: string[][];
+            })[];
             '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-legacy-icons': string;
             '@atlaskit/design-system/no-margin': string;
@@ -57,12 +56,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-deprecated-design-token-usage': string;
             '@atlaskit/design-system/no-deprecated-imports': string;
             '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-            '@atlaskit/design-system/no-empty-styled-expression': string;
-            '@atlaskit/design-system/no-exported-css': string;
-            '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-html-anchor': string;
             '@atlaskit/design-system/no-html-button': string;
-            '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-invalid-css-map': (string | {
+                allowedFunctionCalls: string[][];
+            })[];
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': string;
             '@atlaskit/design-system/no-unsafe-style-overrides': 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::ab43b6e1a867d07b9a27eae78d48834a>>
+ * @codegen <<SignedSource::b6947ac630ea512fe3f4e3f44abb6783>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -17,12 +17,11 @@ declare const _default: {
         '@atlaskit/design-system/no-deprecated-design-token-usage': string;
         '@atlaskit/design-system/no-deprecated-imports': string;
         '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-        '@atlaskit/design-system/no-empty-styled-expression': string;
-        '@atlaskit/design-system/no-exported-css': string;
-        '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-html-anchor': string;
         '@atlaskit/design-system/no-html-button': string;
-        '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-invalid-css-map': (string | {
+            allowedFunctionCalls: string[][];
+        })[];
         '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-legacy-icons': string;
         '@atlaskit/design-system/no-margin': 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::a620cfa5339ecfe9527af26afe5121e4>>
+ * @codegen <<SignedSource::9b6bccf688f4ee18dd0d49dbce48e475>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -14,12 +14,11 @@ declare const _default: {
         '@atlaskit/design-system/no-deprecated-design-token-usage': string;
         '@atlaskit/design-system/no-deprecated-imports': string;
         '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-        '@atlaskit/design-system/no-empty-styled-expression': string;
-        '@atlaskit/design-system/no-exported-css': string;
-        '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-html-anchor': string;
         '@atlaskit/design-system/no-html-button': string;
-        '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-invalid-css-map': (string | {
+            allowedFunctionCalls: string[][];
+        })[];
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;
         '@atlaskit/design-system/no-unsafe-style-overrides': string;

package/dist/types/rules/ensure-design-token-usage/rule-meta.d.ts

@@ -1,3 +1,44 @@
-import type { LintRuleMeta } from '@atlaskit/eslint-utils/create-rule';
-declare const ruleMeta: LintRuleMeta;
+import { type Domains } from './types';
+declare const ruleMeta: {
+    readonly name: "ensure-design-token-usage";
+    readonly hasSuggestions: true;
+    readonly schema: {
+        readonly type: "array";
+        readonly items: {
+            readonly type: "object";
+            readonly properties: {
+                readonly applyImport: {
+                    readonly type: "boolean";
+                };
+                readonly shouldEnforceFallbacks: {
+                    readonly type: "boolean";
+                };
+                readonly domains: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly enum: Domains;
+                    };
+                };
+                readonly exceptions: {
+                    readonly type: "array";
+                };
+            };
+        };
+    };
+    readonly type: "problem";
+    readonly fixable: "code";
+    readonly docs: {
+        readonly description: "Enforces usage of design tokens rather than hard-coded values.";
+        readonly recommended: true;
+        readonly severity: "error";
+    };
+    readonly messages: {
+        readonly noRawRadiusValues: "The use of shape tokens is preferred over the direct application of border properties.\n\n@meta <<{{payload}}>>";
+        readonly noRawSpacingValues: "The use of spacing primitives or tokens is preferred over the direct application of spacing properties.\n\n@meta <<{{payload}}>>";
+        readonly autofixesPossible: "Automated corrections available for spacing values. Apply autofix to replace values with appropriate tokens";
+        readonly noCalcUsage: "The use of space tokens is preferred over using the CSS calc function. If using a value that is not aligned to the spacing scale, consider aligning to the scale and using tokens instead.";
+        readonly hardCodedColor: "Colors can be sourced from the global theme using the token function.";
+        readonly legacyElevation: "Elevations can be sourced from the global theme using the token function made of both a background and shadow. Use \"card\" for card elevations, and \"overlay\" for anything else that should appear elevated.";
+    };
+};
 export default ruleMeta;

package/dist/types/rules/no-legacy-icons/helpers.d.ts

@@ -27,7 +27,19 @@ export declare const isSize: (size: any) => size is "small" | "medium" | "large"
  * @param iconPackage The name of the legacy icon package
  * @returns The migration map object for the legacy icon or null if not found
  */
-export declare const getMigrationMapObject: (iconPackage: string) => any;
+export declare const getMigrationMapObject: (iconPackage: string) => {
+    newIcon?: {
+        name: string;
+        type: string;
+        package: string;
+    } | undefined;
+    additionalIcons?: {
+        name: string;
+        type: string;
+        package: string;
+    }[] | undefined;
+    sizeGuidance: Record<import("@atlaskit/icon").Size, IconMigrationSizeGuidance>;
+} | null;
 export declare const getUpcomingIcons: (iconPackage: string) => {
     sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
 } | null;

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

@@ -14,12 +14,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-deprecated-design-token-usage': string;
             '@atlaskit/design-system/no-deprecated-imports': string;
             '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-            '@atlaskit/design-system/no-empty-styled-expression': string;
-            '@atlaskit/design-system/no-exported-css': string;
-            '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-html-anchor': string;
             '@atlaskit/design-system/no-html-button': string;
-            '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-invalid-css-map': (string | {
+                allowedFunctionCalls: string[][];
+            })[];
             '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-legacy-icons': string;
             '@atlaskit/design-system/no-margin': string;
@@ -57,12 +56,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-deprecated-design-token-usage': string;
             '@atlaskit/design-system/no-deprecated-imports': string;
             '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-            '@atlaskit/design-system/no-empty-styled-expression': string;
-            '@atlaskit/design-system/no-exported-css': string;
-            '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-html-anchor': string;
             '@atlaskit/design-system/no-html-button': string;
-            '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-invalid-css-map': (string | {
+                allowedFunctionCalls: string[][];
+            })[];
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': string;
             '@atlaskit/design-system/no-unsafe-style-overrides': 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::ab43b6e1a867d07b9a27eae78d48834a>>
+ * @codegen <<SignedSource::b6947ac630ea512fe3f4e3f44abb6783>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -17,12 +17,11 @@ declare const _default: {
         '@atlaskit/design-system/no-deprecated-design-token-usage': string;
         '@atlaskit/design-system/no-deprecated-imports': string;
         '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-        '@atlaskit/design-system/no-empty-styled-expression': string;
-        '@atlaskit/design-system/no-exported-css': string;
-        '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-html-anchor': string;
         '@atlaskit/design-system/no-html-button': string;
-        '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-invalid-css-map': (string | {
+            allowedFunctionCalls: string[][];
+        })[];
         '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-legacy-icons': string;
         '@atlaskit/design-system/no-margin': 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::a620cfa5339ecfe9527af26afe5121e4>>
+ * @codegen <<SignedSource::9b6bccf688f4ee18dd0d49dbce48e475>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -14,12 +14,11 @@ declare const _default: {
         '@atlaskit/design-system/no-deprecated-design-token-usage': string;
         '@atlaskit/design-system/no-deprecated-imports': string;
         '@atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop': string;
-        '@atlaskit/design-system/no-empty-styled-expression': string;
-        '@atlaskit/design-system/no-exported-css': string;
-        '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-html-anchor': string;
         '@atlaskit/design-system/no-html-button': string;
-        '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-invalid-css-map': (string | {
+            allowedFunctionCalls: string[][];
+        })[];
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;
         '@atlaskit/design-system/no-unsafe-style-overrides': string;

package/dist/types-ts4.5/rules/ensure-design-token-usage/rule-meta.d.ts

@@ -1,3 +1,44 @@
-import type { LintRuleMeta } from '@atlaskit/eslint-utils/create-rule';
-declare const ruleMeta: LintRuleMeta;
+import { type Domains } from './types';
+declare const ruleMeta: {
+    readonly name: "ensure-design-token-usage";
+    readonly hasSuggestions: true;
+    readonly schema: {
+        readonly type: "array";
+        readonly items: {
+            readonly type: "object";
+            readonly properties: {
+                readonly applyImport: {
+                    readonly type: "boolean";
+                };
+                readonly shouldEnforceFallbacks: {
+                    readonly type: "boolean";
+                };
+                readonly domains: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly enum: Domains;
+                    };
+                };
+                readonly exceptions: {
+                    readonly type: "array";
+                };
+            };
+        };
+    };
+    readonly type: "problem";
+    readonly fixable: "code";
+    readonly docs: {
+        readonly description: "Enforces usage of design tokens rather than hard-coded values.";
+        readonly recommended: true;
+        readonly severity: "error";
+    };
+    readonly messages: {
+        readonly noRawRadiusValues: "The use of shape tokens is preferred over the direct application of border properties.\n\n@meta <<{{payload}}>>";
+        readonly noRawSpacingValues: "The use of spacing primitives or tokens is preferred over the direct application of spacing properties.\n\n@meta <<{{payload}}>>";
+        readonly autofixesPossible: "Automated corrections available for spacing values. Apply autofix to replace values with appropriate tokens";
+        readonly noCalcUsage: "The use of space tokens is preferred over using the CSS calc function. If using a value that is not aligned to the spacing scale, consider aligning to the scale and using tokens instead.";
+        readonly hardCodedColor: "Colors can be sourced from the global theme using the token function.";
+        readonly legacyElevation: "Elevations can be sourced from the global theme using the token function made of both a background and shadow. Use \"card\" for card elevations, and \"overlay\" for anything else that should appear elevated.";
+    };
+};
 export default ruleMeta;

package/dist/types-ts4.5/rules/no-legacy-icons/helpers.d.ts

@@ -32,7 +32,19 @@ export declare const isSize: (size: any) => size is "small" | "medium" | "large"
  * @param iconPackage The name of the legacy icon package
  * @returns The migration map object for the legacy icon or null if not found
  */
-export declare const getMigrationMapObject: (iconPackage: string) => any;
+export declare const getMigrationMapObject: (iconPackage: string) => {
+    newIcon?: {
+        name: string;
+        type: string;
+        package: string;
+    } | undefined;
+    additionalIcons?: {
+        name: string;
+        type: string;
+        package: string;
+    }[] | undefined;
+    sizeGuidance: Record<import("@atlaskit/icon").Size, IconMigrationSizeGuidance>;
+} | null;
 export declare const getUpcomingIcons: (iconPackage: string) => {
     sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
 } | null;

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": "10.13.0",
+	"version": "10.15.0",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -38,11 +38,11 @@
 		".": "./src/index.tsx"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"dependencies": {
-		"@atlaskit/eslint-utils": "^1.6.0",
-		"@atlaskit/icon": "^22.11.0",
+		"@atlaskit/eslint-utils": "^1.7.0",
+		"@atlaskit/icon": "^22.12.0",
 		"@atlaskit/tokens": "*",
 		"@babel/runtime": "^7.0.0",
 		"@typescript-eslint/utils": "^5.48.1",
@@ -55,8 +55,8 @@
 	},
 	"devDependencies": {
 		"@af/formatting": "*",
-		"@atlaskit/ds-lib": "^2.3.0",
-		"@atlaskit/theme": "^12.11.0",
+		"@atlaskit/ds-lib": "^2.4.0",
+		"@atlaskit/theme": "^12.12.0",
 		"@atlassian/codegen": "*",
 		"@atlassian/eslint-utils": "^0.5.0",
 		"@atlassian/ts-loader": "*",