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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 8.25.0
+
+### Minor Changes
+
+- [#70369](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70369) [`611434ce1fe5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/611434ce1fe5) - ensure-design-token-usage no longer errors on color properties defined in SVG JSX elements.
+
+## 8.24.0
+
+### Minor Changes
+
+- [#70036](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70036) [`667c0a990b15`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/667c0a990b15) - Allow linting of multiple property style objects in use-primitives rule.
+
 ## 8.23.4
 
 ### Patch Changes

package/dist/cjs/ast-nodes/object.js

@@ -15,7 +15,25 @@ var ASTObjectExpression = exports.Object = {
     return !!ASTObjectExpression.getProperty(node, name);
   },
   /**
-   * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+   * 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: function isFlat(node) {
+    return node.properties.every(function (entry) {
+      if (!(0, _eslintCodemodUtils.isNodeOfType)(entry, 'Property')) {
+        return false;
+      }
+      if ((0, _eslintCodemodUtils.isNodeOfType)(entry.value, 'ObjectExpression')) {
+        return false;
+      }
+      return true;
+    });
+  },
+  /**
+   * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`.
    */
   getEntryByPropertyName: function getEntryByPropertyName(node, name) {
     return node.properties.find(function (property) {
@@ -36,16 +54,16 @@ var ASTObjectExpression = exports.Object = {
     return [fixer.remove(entry)];
   },
   /**
-   * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`
+   * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`.
    */
   getProperty: function getProperty(node, name) {
     var _ASTObjectExpression$;
     return (_ASTObjectExpression$ = ASTObjectExpression.getEntryByPropertyName(node, name)) === null || _ASTObjectExpression$ === void 0 ? void 0 : _ASTObjectExpression$.key;
   },
   /**
-   * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`
+   * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`.
    *
-   * Values can be basically anything, so be careful with this
+   * Values can be basically anything, so be careful with this.
    */
   getValueByPropertyName: function getValueByPropertyName(node, name) {
     var _ASTObjectExpression$2;
@@ -73,7 +91,7 @@ var ASTObjectExpression = exports.Object = {
    *   fixer,
    * )
    * ```
-   * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+   * Will result in `{ padding: 'space.100', margin: 'space.200'}`.
    */
   appendEntry: function appendEntry(node, key, value, fixer) {
     return fixer.insertTextAfter(node.properties[node.properties.length - 1], "".concat((0, _eslintCodemodUtils.property)({

package/dist/cjs/rules/ensure-design-token-usage/color.js

@@ -140,6 +140,9 @@ var lintJSXLiteralForColor = exports.lintJSXLiteralForColor = function lintJSXLi
   if (!(0, _eslintCodemodUtils.isNodeOfType)(node.parent.name, 'JSXIdentifier')) {
     return;
   }
+  if ((0, _isNode.isDecendantOfSvgElement)(node.parent)) {
+    return;
+  }
   if (['alt', 'src', 'label', 'key'].includes(node.parent.name.name)) {
     return;
   }

package/dist/cjs/rules/use-primitives/utils/is-valid-css-properties-to-transform.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,9 +9,12 @@ exports.isValidCssPropertiesToTransform = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
+var ast = _interopRequireWildcard(require("../../../ast-nodes"));
 var _cssToXcss = require("../transformers/css-to-xcss");
 var _convertAstObjectExpressionToJsObject = require("./convert-ast-object-expression-to-js-object");
 var _excluded = ["unsupported"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var isValidCssPropertiesToTransform = exports.isValidCssPropertiesToTransform = function isValidCssPropertiesToTransform(node, config) {
   if (!node) {
     return false;
@@ -20,13 +24,20 @@ var isValidCssPropertiesToTransform = exports.isValidCssPropertiesToTransform =
   if (!cssObjectExpression || !(0, _eslintCodemodUtils.isNodeOfType)(cssObjectExpression, 'ObjectExpression')) {
     return false;
   }
+  if (!ast.Object.isFlat(cssObjectExpression)) {
+    return false;
+  }
   var _convertASTObjectExpr = (0, _convertAstObjectExpressionToJsObject.convertASTObjectExpressionToJSObject)(cssObjectExpression),
     unsupported = _convertASTObjectExpr.unsupported,
     cssObject = (0, _objectWithoutProperties2.default)(_convertASTObjectExpr, _excluded);
   // Bail if there are any unsupported styles
-  if (unsupported.length > 0 || Object.keys(cssObject).length !== 1) {
+  if (unsupported.length > 0) {
     return false;
   }
+  if (!config.patterns.includes('multiple-properties') && Object.keys(cssObject).length > 1) {
+    return false;
+  }
+
   // Short-circuit when token calls are found but pattern is not enabled in config
   if (!config.patterns.includes('css-property-with-tokens') && Object.values(cssObject).some(function (value) {
     return (0, _typeof2.default)(value) === 'object' && value.tokenName;

package/dist/cjs/rules/utils/is-node.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isPropertyKey = exports.isDecendantOfType = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfGlobalToken = exports.isCssInJsTemplateNode = exports.isCssInJsObjectNode = exports.isCssInJsCallNode = exports.isChildOfType = void 0;
+exports.isPropertyKey = exports.isDecendantOfType = exports.isDecendantOfSvgElement = exports.isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleBlock = exports.isDecendantOfGlobalToken = exports.isCssInJsTemplateNode = exports.isCssInJsObjectNode = exports.isCssInJsCallNode = exports.isChildOfType = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 // eslint-disable-next-line import/no-extraneous-dependencies
 
@@ -42,6 +42,18 @@ var isDecendantOfStyleJsxAttribute = exports.isDecendantOfStyleJsxAttribute = fu
   }
   return false;
 };
+var isDecendantOfSvgElement = exports.isDecendantOfSvgElement = function isDecendantOfSvgElement(node) {
+  if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+    // @ts-ignore
+    if (node.openingElement.name.name === 'svg') {
+      return true;
+    }
+  }
+  if (node.parent) {
+    return isDecendantOfSvgElement(node.parent);
+  }
+  return false;
+};
 var cssInJsCallees = ['css', 'styled', 'styled2'];
 var isCssInJsTemplateNode = exports.isCssInJsTemplateNode = function isCssInJsTemplateNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';

package/dist/es2019/ast-nodes/object.js

@@ -9,7 +9,25 @@ const ASTObjectExpression = {
     return !!ASTObjectExpression.getProperty(node, name);
   },
   /**
-   * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+   * 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) {
+    return node.properties.every(entry => {
+      if (!isNodeOfType(entry, 'Property')) {
+        return false;
+      }
+      if (isNodeOfType(entry.value, 'ObjectExpression')) {
+        return false;
+      }
+      return true;
+    });
+  },
+  /**
+   * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`.
    */
   getEntryByPropertyName(node, name) {
     return node.properties.find(property => {
@@ -30,16 +48,16 @@ const ASTObjectExpression = {
     return [fixer.remove(entry)];
   },
   /**
-   * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`
+   * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`.
    */
   getProperty(node, name) {
     var _ASTObjectExpression$;
     return (_ASTObjectExpression$ = ASTObjectExpression.getEntryByPropertyName(node, name)) === null || _ASTObjectExpression$ === void 0 ? void 0 : _ASTObjectExpression$.key;
   },
   /**
-   * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`
+   * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`.
    *
-   * Values can be basically anything, so be careful with this
+   * Values can be basically anything, so be careful with this.
    */
   getValueByPropertyName(node, name) {
     var _ASTObjectExpression$2;
@@ -67,7 +85,7 @@ const ASTObjectExpression = {
    *   fixer,
    * )
    * ```
-   * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+   * Will result in `{ padding: 'space.100', margin: 'space.200'}`.
    */
   appendEntry(node, key, value, fixer) {
     return fixer.insertTextAfter(node.properties[node.properties.length - 1], `${property({

package/dist/es2019/rules/ensure-design-token-usage/color.js

@@ -4,7 +4,7 @@ import { node as generate, isNodeOfType } from 'eslint-codemod-utils';
 import { getIsException } from '../utils/get-is-exception';
 import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';
 import { isLegacyElevation } from '../utils/is-elevation';
-import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfStyleBlock } from '../utils/is-node';
+import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfSvgElement } from '../utils/is-node';
 // TemplateLiteral > Identifier
 export const lintTemplateIdentifierForColor = (node, context, config) => {
   if (node.type !== 'Identifier') {
@@ -135,6 +135,9 @@ export const lintJSXLiteralForColor = (node, context, config) => {
   if (!isNodeOfType(node.parent.name, 'JSXIdentifier')) {
     return;
   }
+  if (isDecendantOfSvgElement(node.parent)) {
+    return;
+  }
   if (['alt', 'src', 'label', 'key'].includes(node.parent.name.name)) {
     return;
   }

package/dist/es2019/rules/use-primitives/utils/is-valid-css-properties-to-transform.js

@@ -1,4 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
+import * as ast from '../../../ast-nodes';
 import { supportedStylesMap } from '../transformers/css-to-xcss';
 import { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
 export const isValidCssPropertiesToTransform = (node, config) => {
@@ -10,14 +11,21 @@ export const isValidCssPropertiesToTransform = (node, config) => {
   if (!cssObjectExpression || !isNodeOfType(cssObjectExpression, 'ObjectExpression')) {
     return false;
   }
+  if (!ast.Object.isFlat(cssObjectExpression)) {
+    return false;
+  }
   const {
     unsupported,
     ...cssObject
   } = convertASTObjectExpressionToJSObject(cssObjectExpression);
   // Bail if there are any unsupported styles
-  if (unsupported.length > 0 || Object.keys(cssObject).length !== 1) {
+  if (unsupported.length > 0) {
     return false;
   }
+  if (!config.patterns.includes('multiple-properties') && Object.keys(cssObject).length > 1) {
+    return false;
+  }
+
   // Short-circuit when token calls are found but pattern is not enabled in config
   if (!config.patterns.includes('css-property-with-tokens') && Object.values(cssObject).some(value => typeof value === 'object' && value.tokenName)) {
     return false;

package/dist/es2019/rules/utils/is-node.js

@@ -35,6 +35,18 @@ export const isDecendantOfStyleJsxAttribute = node => {
   }
   return false;
 };
+export const isDecendantOfSvgElement = node => {
+  if (isNodeOfType(node, 'JSXElement')) {
+    // @ts-ignore
+    if (node.openingElement.name.name === 'svg') {
+      return true;
+    }
+  }
+  if (node.parent) {
+    return isDecendantOfSvgElement(node.parent);
+  }
+  return false;
+};
 const cssInJsCallees = ['css', 'styled', 'styled2'];
 export const isCssInJsTemplateNode = node => (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';
 export const isCssInJsCallNode = node => (node === null || node === void 0 ? void 0 : node.type) === 'CallExpression' && node.callee.type === 'Identifier' && cssInJsCallees.includes(node.callee.name);

package/dist/esm/ast-nodes/object.js

@@ -9,7 +9,25 @@ var ASTObjectExpression = {
     return !!ASTObjectExpression.getProperty(node, name);
   },
   /**
-   * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+   * 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: function isFlat(node) {
+    return node.properties.every(function (entry) {
+      if (!isNodeOfType(entry, 'Property')) {
+        return false;
+      }
+      if (isNodeOfType(entry.value, 'ObjectExpression')) {
+        return false;
+      }
+      return true;
+    });
+  },
+  /**
+   * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`.
    */
   getEntryByPropertyName: function getEntryByPropertyName(node, name) {
     return node.properties.find(function (property) {
@@ -30,16 +48,16 @@ var ASTObjectExpression = {
     return [fixer.remove(entry)];
   },
   /**
-   * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`
+   * Returns a only the property @type {Property['key']} like: `padding` from: `{ padding: '8px' }`.
    */
   getProperty: function getProperty(node, name) {
     var _ASTObjectExpression$;
     return (_ASTObjectExpression$ = ASTObjectExpression.getEntryByPropertyName(node, name)) === null || _ASTObjectExpression$ === void 0 ? void 0 : _ASTObjectExpression$.key;
   },
   /**
-   * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`
+   * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`.
    *
-   * Values can be basically anything, so be careful with this
+   * Values can be basically anything, so be careful with this.
    */
   getValueByPropertyName: function getValueByPropertyName(node, name) {
     var _ASTObjectExpression$2;
@@ -67,7 +85,7 @@ var ASTObjectExpression = {
    *   fixer,
    * )
    * ```
-   * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+   * Will result in `{ padding: 'space.100', margin: 'space.200'}`.
    */
   appendEntry: function appendEntry(node, key, value, fixer) {
     return fixer.insertTextAfter(node.properties[node.properties.length - 1], "".concat(property({

package/dist/esm/rules/ensure-design-token-usage/color.js

@@ -4,7 +4,7 @@ import { node as generate, isNodeOfType } from 'eslint-codemod-utils';
 import { getIsException } from '../utils/get-is-exception';
 import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';
 import { isLegacyElevation } from '../utils/is-elevation';
-import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfStyleBlock } from '../utils/is-node';
+import { isChildOfType, isDecendantOfGlobalToken, isDecendantOfStyleBlock, isDecendantOfSvgElement } from '../utils/is-node';
 // TemplateLiteral > Identifier
 export var lintTemplateIdentifierForColor = function lintTemplateIdentifierForColor(node, context, config) {
   if (node.type !== 'Identifier') {
@@ -134,6 +134,9 @@ export var lintJSXLiteralForColor = function lintJSXLiteralForColor(node, contex
   if (!isNodeOfType(node.parent.name, 'JSXIdentifier')) {
     return;
   }
+  if (isDecendantOfSvgElement(node.parent)) {
+    return;
+  }
   if (['alt', 'src', 'label', 'key'].includes(node.parent.name.name)) {
     return;
   }

package/dist/esm/rules/use-primitives/utils/is-valid-css-properties-to-transform.js

@@ -2,6 +2,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["unsupported"];
 import { isNodeOfType } from 'eslint-codemod-utils';
+import * as ast from '../../../ast-nodes';
 import { supportedStylesMap } from '../transformers/css-to-xcss';
 import { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
 export var isValidCssPropertiesToTransform = function isValidCssPropertiesToTransform(node, config) {
@@ -13,13 +14,20 @@ export var isValidCssPropertiesToTransform = function isValidCssPropertiesToTran
   if (!cssObjectExpression || !isNodeOfType(cssObjectExpression, 'ObjectExpression')) {
     return false;
   }
+  if (!ast.Object.isFlat(cssObjectExpression)) {
+    return false;
+  }
   var _convertASTObjectExpr = convertASTObjectExpressionToJSObject(cssObjectExpression),
     unsupported = _convertASTObjectExpr.unsupported,
     cssObject = _objectWithoutProperties(_convertASTObjectExpr, _excluded);
   // Bail if there are any unsupported styles
-  if (unsupported.length > 0 || Object.keys(cssObject).length !== 1) {
+  if (unsupported.length > 0) {
     return false;
   }
+  if (!config.patterns.includes('multiple-properties') && Object.keys(cssObject).length > 1) {
+    return false;
+  }
+
   // Short-circuit when token calls are found but pattern is not enabled in config
   if (!config.patterns.includes('css-property-with-tokens') && Object.values(cssObject).some(function (value) {
     return _typeof(value) === 'object' && value.tokenName;

package/dist/esm/rules/utils/is-node.js

@@ -36,6 +36,18 @@ export var isDecendantOfStyleJsxAttribute = function isDecendantOfStyleJsxAttrib
   }
   return false;
 };
+export var isDecendantOfSvgElement = function isDecendantOfSvgElement(node) {
+  if (isNodeOfType(node, 'JSXElement')) {
+    // @ts-ignore
+    if (node.openingElement.name.name === 'svg') {
+      return true;
+    }
+  }
+  if (node.parent) {
+    return isDecendantOfSvgElement(node.parent);
+  }
+  return false;
+};
 var cssInJsCallees = ['css', 'styled', 'styled2'];
 export var isCssInJsTemplateNode = function isCssInJsTemplateNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type) === 'TaggedTemplateExpression' && node.tag.type === 'MemberExpression' && node.tag.object.type === 'Identifier' && node.tag.object.name === 'styled';

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

@@ -6,18 +6,26 @@ declare const ASTObjectExpression: {
      */
     hasProperty(node: ObjectExpression, name: string): boolean;
     /**
-     * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+     * 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' }`
+     * 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' }`
+     * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`.
      *
-     * Values can be basically anything, so be careful with this
+     * Values can be basically anything, so be careful with this.
      */
     getValueByPropertyName(node: ObjectExpression, name: string): Property['value'] | undefined;
     containsSpreadProps(node: ObjectExpression): boolean;
@@ -32,7 +40,7 @@ declare const ASTObjectExpression: {
      *   fixer,
      * )
      * ```
-     * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+     * Will result in `{ padding: 'space.100', margin: 'space.200'}`.
      */
     appendEntry(node: ObjectExpression, key: string, value: string, fixer: Rule.RuleFixer): Rule.Fix;
 };

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';
+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/rules/utils/is-node.d.ts

@@ -4,6 +4,7 @@ export declare const isDecendantOfGlobalToken: (node: EslintNode) => boolean;
 export declare const isDecendantOfType: (node: Rule.Node, type: Rule.Node['type'], skipNode?: boolean) => boolean;
 export declare const isPropertyKey: (node: Rule.Node) => boolean;
 export declare const isDecendantOfStyleJsxAttribute: (node: Rule.Node) => boolean;
+export declare const isDecendantOfSvgElement: (node: Rule.Node) => boolean;
 export declare const isCssInJsTemplateNode: (node?: Expression | null) => node is TaggedTemplateExpression;
 export declare const isCssInJsCallNode: (node?: Expression | null) => node is CallExpression;
 export declare const isCssInJsObjectNode: (node?: Expression | null) => node is CallExpression;

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

@@ -6,18 +6,26 @@ declare const ASTObjectExpression: {
      */
     hasProperty(node: ObjectExpression, name: string): boolean;
     /**
-     * Returns a key-value pair like: `padding: '8px'` from: `{ padding: '8px' }`
+     * 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' }`
+     * 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' }`
+     * Returns a only the property @type {Property['value']} like: `'8px` from: `{ padding: '8px' }`.
      *
-     * Values can be basically anything, so be careful with this
+     * Values can be basically anything, so be careful with this.
      */
     getValueByPropertyName(node: ObjectExpression, name: string): Property['value'] | undefined;
     containsSpreadProps(node: ObjectExpression): boolean;
@@ -32,7 +40,7 @@ declare const ASTObjectExpression: {
      *   fixer,
      * )
      * ```
-     * Will result in `{ padding: 'space.100', margin: 'space.200'}`
+     * Will result in `{ padding: 'space.100', margin: 'space.200'}`.
      */
     appendEntry(node: ObjectExpression, key: string, value: string, fixer: Rule.RuleFixer): Rule.Fix;
 };

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-node.d.ts

@@ -4,6 +4,7 @@ export declare const isDecendantOfGlobalToken: (node: EslintNode) => boolean;
 export declare const isDecendantOfType: (node: Rule.Node, type: Rule.Node['type'], skipNode?: boolean) => boolean;
 export declare const isPropertyKey: (node: Rule.Node) => boolean;
 export declare const isDecendantOfStyleJsxAttribute: (node: Rule.Node) => boolean;
+export declare const isDecendantOfSvgElement: (node: Rule.Node) => boolean;
 export declare const isCssInJsTemplateNode: (node?: Expression | null) => node is TaggedTemplateExpression;
 export declare const isCssInJsCallNode: (node?: Expression | null) => node is CallExpression;
 export declare const isCssInJsObjectNode: (node?: Expression | null) => node is CallExpression;

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