@atlaskit/eslint-plugin-design-system 13.41.1 → 13.41.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.41.2
+
+### Patch Changes
+
+- [`5e06fddfce409`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5e06fddfce409) -
+  Rename codemod to `next-icon-spacing-to-flex-primitive` (now discoverable via
+  `npx @atlaskit/codemod-cli`) and update `no-icon-spacing-prop` ESLint rule to generate `Flex`
+  wrapper instead of `Box`.
+- Updated dependencies
+
 ## 13.41.1
 
 ### Patch Changes

package/README.md

@@ -82,7 +82,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-html-select/README.md">no-html-select</a>                                                             | Discourage direct usage of HTML select elements in favor of the Atlassian Design System select component.                                                                                                                                                                                                           | Yes         |         | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-html-text-input/README.md">no-html-text-input</a>                                                     | Discourage direct usage of HTML text input elements in favor of the Atlassian Design System textfield component.                                                                                                                                                                                                    | Yes         |         | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-html-textarea/README.md">no-html-textarea</a>                                                         | Discourage direct usage of HTML textarea elements in favor of the Atlassian Design System textarea component.                                                                                                                                                                                                       | Yes         |         | Yes         |
-| <a href="./packages/design-system/eslint-plugin/src/rules/no-icon-spacing-prop/README.md">no-icon-spacing-prop</a>                                                 | Disallows usage of the deprecated spacing prop on new icons. Use Box with cssMap for spacing instead.                                                                                                                                                                                                               | Yes         |         | Yes         |
+| <a href="./packages/design-system/eslint-plugin/src/rules/no-icon-spacing-prop/README.md">no-icon-spacing-prop</a>                                                 | Disallows usage of the deprecated spacing prop on new icons. Use Flex with cssMap for spacing instead.                                                                                                                                                                                                              | Yes         |         | Yes         |
 | <a href="./packages/design-system/eslint-plugin/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         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-keyframes-tagged-template-expression/README.md">no-keyframes-tagged-template-expression</a>           | Disallows any `keyframe` tagged template expressions that originate from Emotion, Styled Components or Compiled                                                                                                                                                                                                     |             | Yes     |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-legacy-icons/README.md">no-legacy-icons</a>                                                           | Enforces no legacy icons are used.                                                                                                                                                                                                                                                                                  |             | Yes     | Yes         |

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

@@ -33,6 +33,8 @@ var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
 var _findInParent = require("../utils/find-in-parent");
 var _isColor = require("../utils/is-color");
 var _shape = require("./shape");
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+
 var properties = ['padding', 'paddingBlock', 'paddingInline', 'paddingLeft', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'marginLeft', 'marginTop', 'marginRight', 'marginBottom', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd', 'margin', 'gap', 'rowGap', 'gridRowGap', 'columnGap', 'gridColumnGap', 'top', 'left', 'right', 'bottom', 'inlineStart', 'inlineEnd', 'blockStart', 'blockEnd', 'outline-offset'];
 var spacingValueToToken = Object.fromEntries(_tokensRaw.spacing.map(function (token) {
   return [token.value, token.cleanName];

package/dist/cjs/rules/no-icon-spacing-prop/helpers.js

@@ -5,15 +5,15 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOKEN_IMPORT_MODULE = exports.SPACING_TO_PADDING = exports.CSS_IMPORT_MODULE = exports.CSSMAP_VARIABLE_NAME = exports.BOX_IMPORT_MODULE_NON_COMPILED = exports.BOX_IMPORT_MODULE = void 0;
+exports.TOKEN_IMPORT_MODULE = exports.SPACING_TO_PADDING = exports.FLEX_IMPORT_MODULE_NON_COMPILED = exports.FLEX_IMPORT_MODULE = exports.CSS_IMPORT_MODULE = exports.CSSMAP_VARIABLE_NAME = void 0;
 exports.getCssMapKey = getCssMapKey;
 exports.getIconSize = getIconSize;
 exports.getSpacingAttribute = getSpacingAttribute;
 exports.getStaticAttributeValue = getStaticAttributeValue;
 exports.hasSpreadProps = hasSpreadProps;
-exports.upsertBoxImport = upsertBoxImport;
 exports.upsertCssMapImport = upsertCssMapImport;
 exports.upsertCssMapVariable = upsertCssMapVariable;
+exports.upsertFlexImport = upsertFlexImport;
 exports.upsertTokenImport = upsertTokenImport;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _eslintCodemodUtils = require("eslint-codemod-utils");
@@ -21,8 +21,8 @@ var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var ast = _interopRequireWildcard(require("../../ast-nodes"));
 var _import = require("../../ast-nodes/import");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var BOX_IMPORT_MODULE = exports.BOX_IMPORT_MODULE = '@atlaskit/primitives/compiled';
-var BOX_IMPORT_MODULE_NON_COMPILED = exports.BOX_IMPORT_MODULE_NON_COMPILED = '@atlaskit/primitives';
+var FLEX_IMPORT_MODULE = exports.FLEX_IMPORT_MODULE = '@atlaskit/primitives/compiled';
+var FLEX_IMPORT_MODULE_NON_COMPILED = exports.FLEX_IMPORT_MODULE_NON_COMPILED = '@atlaskit/primitives';
 var TOKEN_IMPORT_MODULE = exports.TOKEN_IMPORT_MODULE = '@atlaskit/tokens';
 var CSS_IMPORT_MODULE = exports.CSS_IMPORT_MODULE = '@atlaskit/css';
 var CSSMAP_VARIABLE_NAME = exports.CSSMAP_VARIABLE_NAME = 'iconSpacingStyles';
@@ -98,22 +98,22 @@ function hasSpreadProps(node) {
 }
 
 /**
- * Upserts `Box` from `@atlaskit/primitives/compiled`, handling:
- * 1. Already imported from `/compiled` → add Box if missing
- * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Box
- * 3. No import → insert new `import { Box } from '@atlaskit/primitives/compiled'`
+ * Upserts `Flex` from `@atlaskit/primitives/compiled`, handling:
+ * 1. Already imported from `/compiled` → add Flex if missing
+ * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Flex
+ * 3. No import → insert new `import { Flex } from '@atlaskit/primitives/compiled'`
  */
-function upsertBoxImport(context, fixer) {
+function upsertFlexImport(context, fixer) {
   var root = (0, _contextCompat.getSourceCode)(context).ast.body;
   var findExactImports = function findExactImports(module) {
     return root.filter(function (node) {
       return node.type === 'ImportDeclaration' && node.source.value === module;
     });
   };
-  var compiledImports = findExactImports(BOX_IMPORT_MODULE);
+  var compiledImports = findExactImports(FLEX_IMPORT_MODULE);
   if (compiledImports.length > 0) {
     var decl = compiledImports[0];
-    if (_import.Import.containsNamedSpecifier(decl, 'Box')) {
+    if (_import.Import.containsNamedSpecifier(decl, 'Flex')) {
       return undefined;
     }
     var specifiers = decl.specifiers.filter(function (s) {
@@ -121,10 +121,10 @@ function upsertBoxImport(context, fixer) {
     }).map(function (s) {
       return s.local.name;
     });
-    specifiers.push('Box');
-    return fixer.replaceText(decl, "import { ".concat(specifiers.join(', '), " } from '").concat(BOX_IMPORT_MODULE, "';"));
+    specifiers.push('Flex');
+    return fixer.replaceText(decl, "import { ".concat(specifiers.join(', '), " } from '").concat(FLEX_IMPORT_MODULE, "';"));
   }
-  var nonCompiledImports = findExactImports(BOX_IMPORT_MODULE_NON_COMPILED);
+  var nonCompiledImports = findExactImports(FLEX_IMPORT_MODULE_NON_COMPILED);
   if (nonCompiledImports.length > 0) {
     var _decl = nonCompiledImports[0];
     var _specifiers = _decl.specifiers.filter(function (s) {
@@ -132,12 +132,14 @@ function upsertBoxImport(context, fixer) {
     }).map(function (s) {
       return s.local.name;
     });
-    if (!_specifiers.includes('Box')) _specifiers.push('Box');
-    return fixer.replaceText(_decl, "import { ".concat(_specifiers.join(', '), " } from '").concat(BOX_IMPORT_MODULE, "';"));
+    if (!_specifiers.includes('Flex')) {
+      _specifiers.push('Flex');
+    }
+    return fixer.replaceText(_decl, "import { ".concat(_specifiers.join(', '), " } from '").concat(FLEX_IMPORT_MODULE, "';"));
   }
   return ast.Root.upsertNamedImportDeclaration({
-    module: BOX_IMPORT_MODULE,
-    specifiers: ['Box']
+    module: FLEX_IMPORT_MODULE,
+    specifiers: ['Flex']
   }, context, fixer);
 }
 
@@ -163,7 +165,9 @@ function upsertCssMapImport(context, fixer) {
     }).map(function (s) {
       return s.local.name;
     });
-    if (!hasCssMap) specifiers.push('cssMap');
+    if (!hasCssMap) {
+      specifiers.push('cssMap');
+    }
     return fixer.replaceText(decl, "import { ".concat(specifiers.join(', '), " } from '").concat(CSS_IMPORT_MODULE, "';"));
   }
   return ast.Root.upsertNamedImportDeclaration({
@@ -213,7 +217,7 @@ function upsertCssMapVariable(context, fixer, paddingToken) {
   var sourceCode = (0, _contextCompat.getSourceCode)(context);
   var body = sourceCode.ast.body;
   var key = getCssMapKey(paddingToken);
-  var keyValuePair = "  ".concat(key, ": { paddingTop: token('").concat(paddingToken, "'), paddingRight: token('").concat(paddingToken, "'), paddingBottom: token('").concat(paddingToken, "'), paddingLeft: token('").concat(paddingToken, "') }");
+  var keyValuePair = "  ".concat(key, ": { paddingBlock: token('").concat(paddingToken, "'), paddingInline: token('").concat(paddingToken, "') }");
 
   // Check if iconSpacingStyles cssMap variable already exists
   var existingVar = body.find(function (node) {

package/dist/cjs/rules/no-icon-spacing-prop/index.js

@@ -14,19 +14,19 @@ var rule = (0, _createRule.createLintRule)({
     hasSuggestions: true,
     type: 'suggestion',
     docs: {
-      description: 'Disallows usage of the deprecated spacing prop on new icons. Use Box with cssMap for spacing instead.',
+      description: 'Disallows usage of the deprecated spacing prop on new icons. Use Flex with cssMap for spacing instead.',
       recommended: true,
       severity: 'warn'
     },
     messages: {
-      noSpacingProp: "The `spacing` prop on icon component '{{iconName}}' is deprecated. Wrap the icon in a `<Box xcss={iconSpacingStyles.spaceXXX}>` using `cssMap` from `@atlaskit/css` instead.",
-      noSpacingPropManual: "The `spacing` prop on icon component '{{iconName}}' is deprecated but cannot be auto-fixed ({{reason}}). Manually wrap the icon in a `<Box xcss={...}>` using `cssMap` from `@atlaskit/css`.",
+      noSpacingProp: "The `spacing` prop on icon component '{{iconName}}' is deprecated. Wrap the icon in a `<Flex xcss={iconSpacingStyles.spaceXXX}>` using `cssMap` from `@atlaskit/css` instead.",
+      noSpacingPropManual: "The `spacing` prop on icon component '{{iconName}}' is deprecated but cannot be auto-fixed ({{reason}}). Manually wrap the icon in a `<Flex xcss={...}>` using `cssMap` from `@atlaskit/css`.",
       suggestRemoveSpacing: 'Remove the `spacing` prop.',
-      suggestWrapInBox: 'Wrap in `<Box xcss={{{cssMapVarName}}.{{cssMapKey}}}>` and remove the `spacing` prop.'
+      suggestWrapInFlex: 'Wrap in `<Flex xcss={{{cssMapVarName}}.{{cssMapKey}}}>` and remove the `spacing` prop.'
     }
   },
   create: function create(context) {
-    var isNewIcon = (0, _isFromImportSource.createIsFromImportSourceFor)(/^@(atlaskit\/icon|atlaskit\/icon-lab|atlassian\/icon-private)\/core\//);
+    var isNewIcon = (0, _isFromImportSource.createIsFromImportSourceFor)(/^@(atlaskit\/icon|atlaskit\/icon-lab)\/core\//);
     return (0, _errorBoundary.errorBoundary)({
       JSXElement: function JSXElement(node) {
         var _SPACING_TO_PADDING$s;
@@ -89,7 +89,7 @@ var rule = (0, _createRule.createLintRule)({
             iconName: iconName
           },
           suggest: [{
-            messageId: 'suggestWrapInBox',
+            messageId: 'suggestWrapInFlex',
             data: {
               cssMapVarName: _helpers.CSSMAP_VARIABLE_NAME,
               cssMapKey: cssMapKey
@@ -100,9 +100,9 @@ var rule = (0, _createRule.createLintRule)({
               // 1. Remove spacing prop
               fixes.push(fixer.remove(spacingAttr));
 
-              // 2. Wrap in Box with cssMap reference
-              fixes.push(fixer.insertTextBefore(node, "<Box xcss={".concat(_helpers.CSSMAP_VARIABLE_NAME, ".").concat(cssMapKey, "}>")));
-              fixes.push(fixer.insertTextAfter(node, "</Box>"));
+              // 2. Wrap in Flex with cssMap reference
+              fixes.push(fixer.insertTextBefore(node, "<Flex xcss={".concat(_helpers.CSSMAP_VARIABLE_NAME, ".").concat(cssMapKey, "}>")));
+              fixes.push(fixer.insertTextAfter(node, "</Flex>"));
 
               // 3. Insert/update cssMap variable after last import
               var cssMapFix = (0, _helpers.upsertCssMapVariable)(context, fixer, paddingToken);
@@ -116,10 +116,10 @@ var rule = (0, _createRule.createLintRule)({
                 fixes.push(cssFix);
               }
 
-              // 5. Add Box to @atlaskit/primitives/compiled
-              var boxFix = (0, _helpers.upsertBoxImport)(context, fixer);
-              if (boxFix) {
-                fixes.push(boxFix);
+              // 5. Add Flex to @atlaskit/primitives/compiled
+              var flexFix = (0, _helpers.upsertFlexImport)(context, fixer);
+              if (flexFix) {
+                fixes.push(flexFix);
               }
 
               // 6. Add token from @atlaskit/tokens

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

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { callExpression, identifier, insertAtStartOfFile, insertImportDeclaration, isNodeOfType, literal } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { spacing as spacingScale } from '@atlaskit/tokens/tokens-raw';

package/dist/es2019/rules/no-icon-spacing-prop/helpers.js

@@ -2,8 +2,8 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../ast-nodes';
 import { Import } from '../../ast-nodes/import';
-export const BOX_IMPORT_MODULE = '@atlaskit/primitives/compiled';
-export const BOX_IMPORT_MODULE_NON_COMPILED = '@atlaskit/primitives';
+export const FLEX_IMPORT_MODULE = '@atlaskit/primitives/compiled';
+export const FLEX_IMPORT_MODULE_NON_COMPILED = '@atlaskit/primitives';
 export const TOKEN_IMPORT_MODULE = '@atlaskit/tokens';
 export const CSS_IMPORT_MODULE = '@atlaskit/css';
 export const CSSMAP_VARIABLE_NAME = 'iconSpacingStyles';
@@ -73,34 +73,36 @@ export function hasSpreadProps(node) {
 }
 
 /**
- * Upserts `Box` from `@atlaskit/primitives/compiled`, handling:
- * 1. Already imported from `/compiled` → add Box if missing
- * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Box
- * 3. No import → insert new `import { Box } from '@atlaskit/primitives/compiled'`
+ * Upserts `Flex` from `@atlaskit/primitives/compiled`, handling:
+ * 1. Already imported from `/compiled` → add Flex if missing
+ * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Flex
+ * 3. No import → insert new `import { Flex } from '@atlaskit/primitives/compiled'`
  */
-export function upsertBoxImport(context, fixer) {
+export function upsertFlexImport(context, fixer) {
   const root = getSourceCode(context).ast.body;
   const findExactImports = module => root.filter(node => node.type === 'ImportDeclaration' && node.source.value === module);
-  const compiledImports = findExactImports(BOX_IMPORT_MODULE);
+  const compiledImports = findExactImports(FLEX_IMPORT_MODULE);
   if (compiledImports.length > 0) {
     const decl = compiledImports[0];
-    if (Import.containsNamedSpecifier(decl, 'Box')) {
+    if (Import.containsNamedSpecifier(decl, 'Flex')) {
       return undefined;
     }
     const specifiers = decl.specifiers.filter(s => s.type === 'ImportSpecifier').map(s => s.local.name);
-    specifiers.push('Box');
-    return fixer.replaceText(decl, `import { ${specifiers.join(', ')} } from '${BOX_IMPORT_MODULE}';`);
+    specifiers.push('Flex');
+    return fixer.replaceText(decl, `import { ${specifiers.join(', ')} } from '${FLEX_IMPORT_MODULE}';`);
   }
-  const nonCompiledImports = findExactImports(BOX_IMPORT_MODULE_NON_COMPILED);
+  const nonCompiledImports = findExactImports(FLEX_IMPORT_MODULE_NON_COMPILED);
   if (nonCompiledImports.length > 0) {
     const decl = nonCompiledImports[0];
     const specifiers = decl.specifiers.filter(s => s.type === 'ImportSpecifier').map(s => s.local.name);
-    if (!specifiers.includes('Box')) specifiers.push('Box');
-    return fixer.replaceText(decl, `import { ${specifiers.join(', ')} } from '${BOX_IMPORT_MODULE}';`);
+    if (!specifiers.includes('Flex')) {
+      specifiers.push('Flex');
+    }
+    return fixer.replaceText(decl, `import { ${specifiers.join(', ')} } from '${FLEX_IMPORT_MODULE}';`);
   }
   return ast.Root.upsertNamedImportDeclaration({
-    module: BOX_IMPORT_MODULE,
-    specifiers: ['Box']
+    module: FLEX_IMPORT_MODULE,
+    specifiers: ['Flex']
   }, context, fixer);
 }
 
@@ -120,7 +122,9 @@ export function upsertCssMapImport(context, fixer) {
       return undefined;
     }
     const specifiers = decl.specifiers.filter(s => s.type === 'ImportSpecifier').map(s => s.local.name);
-    if (!hasCssMap) specifiers.push('cssMap');
+    if (!hasCssMap) {
+      specifiers.push('cssMap');
+    }
     return fixer.replaceText(decl, `import { ${specifiers.join(', ')} } from '${CSS_IMPORT_MODULE}';`);
   }
   return ast.Root.upsertNamedImportDeclaration({
@@ -164,7 +168,7 @@ export function upsertCssMapVariable(context, fixer, paddingToken) {
   const sourceCode = getSourceCode(context);
   const body = sourceCode.ast.body;
   const key = getCssMapKey(paddingToken);
-  const keyValuePair = `  ${key}: { paddingTop: token('${paddingToken}'), paddingRight: token('${paddingToken}'), paddingBottom: token('${paddingToken}'), paddingLeft: token('${paddingToken}') }`;
+  const keyValuePair = `  ${key}: { paddingBlock: token('${paddingToken}'), paddingInline: token('${paddingToken}') }`;
 
   // Check if iconSpacingStyles cssMap variable already exists
   const existingVar = body.find(node => {

package/dist/es2019/rules/no-icon-spacing-prop/index.js

@@ -1,26 +1,26 @@
 import { createIsFromImportSourceFor } from '../no-custom-icons/checks/is-from-import-source';
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { CSSMAP_VARIABLE_NAME, getCssMapKey, getIconSize, getSpacingAttribute, getStaticAttributeValue, hasSpreadProps, SPACING_TO_PADDING, upsertBoxImport, upsertCssMapImport, upsertCssMapVariable, upsertTokenImport } from './helpers';
+import { CSSMAP_VARIABLE_NAME, getCssMapKey, getIconSize, getSpacingAttribute, getStaticAttributeValue, hasSpreadProps, SPACING_TO_PADDING, upsertCssMapImport, upsertCssMapVariable, upsertFlexImport, upsertTokenImport } from './helpers';
 const rule = createLintRule({
   meta: {
     name: 'no-icon-spacing-prop',
     hasSuggestions: true,
     type: 'suggestion',
     docs: {
-      description: 'Disallows usage of the deprecated spacing prop on new icons. Use Box with cssMap for spacing instead.',
+      description: 'Disallows usage of the deprecated spacing prop on new icons. Use Flex with cssMap for spacing instead.',
       recommended: true,
       severity: 'warn'
     },
     messages: {
-      noSpacingProp: "The `spacing` prop on icon component '{{iconName}}' is deprecated. Wrap the icon in a `<Box xcss={iconSpacingStyles.spaceXXX}>` using `cssMap` from `@atlaskit/css` instead.",
-      noSpacingPropManual: "The `spacing` prop on icon component '{{iconName}}' is deprecated but cannot be auto-fixed ({{reason}}). Manually wrap the icon in a `<Box xcss={...}>` using `cssMap` from `@atlaskit/css`.",
+      noSpacingProp: "The `spacing` prop on icon component '{{iconName}}' is deprecated. Wrap the icon in a `<Flex xcss={iconSpacingStyles.spaceXXX}>` using `cssMap` from `@atlaskit/css` instead.",
+      noSpacingPropManual: "The `spacing` prop on icon component '{{iconName}}' is deprecated but cannot be auto-fixed ({{reason}}). Manually wrap the icon in a `<Flex xcss={...}>` using `cssMap` from `@atlaskit/css`.",
       suggestRemoveSpacing: 'Remove the `spacing` prop.',
-      suggestWrapInBox: 'Wrap in `<Box xcss={{{cssMapVarName}}.{{cssMapKey}}}>` and remove the `spacing` prop.'
+      suggestWrapInFlex: 'Wrap in `<Flex xcss={{{cssMapVarName}}.{{cssMapKey}}}>` and remove the `spacing` prop.'
     }
   },
   create(context) {
-    const isNewIcon = createIsFromImportSourceFor(/^@(atlaskit\/icon|atlaskit\/icon-lab|atlassian\/icon-private)\/core\//);
+    const isNewIcon = createIsFromImportSourceFor(/^@(atlaskit\/icon|atlaskit\/icon-lab)\/core\//);
     return errorBoundary({
       JSXElement(node) {
         var _SPACING_TO_PADDING$s;
@@ -83,7 +83,7 @@ const rule = createLintRule({
             iconName
           },
           suggest: [{
-            messageId: 'suggestWrapInBox',
+            messageId: 'suggestWrapInFlex',
             data: {
               cssMapVarName: CSSMAP_VARIABLE_NAME,
               cssMapKey
@@ -94,9 +94,9 @@ const rule = createLintRule({
               // 1. Remove spacing prop
               fixes.push(fixer.remove(spacingAttr));
 
-              // 2. Wrap in Box with cssMap reference
-              fixes.push(fixer.insertTextBefore(node, `<Box xcss={${CSSMAP_VARIABLE_NAME}.${cssMapKey}}>`));
-              fixes.push(fixer.insertTextAfter(node, `</Box>`));
+              // 2. Wrap in Flex with cssMap reference
+              fixes.push(fixer.insertTextBefore(node, `<Flex xcss={${CSSMAP_VARIABLE_NAME}.${cssMapKey}}>`));
+              fixes.push(fixer.insertTextAfter(node, `</Flex>`));
 
               // 3. Insert/update cssMap variable after last import
               const cssMapFix = upsertCssMapVariable(context, fixer, paddingToken);
@@ -110,10 +110,10 @@ const rule = createLintRule({
                 fixes.push(cssFix);
               }
 
-              // 5. Add Box to @atlaskit/primitives/compiled
-              const boxFix = upsertBoxImport(context, fixer);
-              if (boxFix) {
-                fixes.push(boxFix);
+              // 5. Add Flex to @atlaskit/primitives/compiled
+              const flexFix = upsertFlexImport(context, fixer);
+              if (flexFix) {
+                fixes.push(flexFix);
               }
 
               // 6. Add token from @atlaskit/tokens

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

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { callExpression, identifier, insertAtStartOfFile, insertImportDeclaration, isNodeOfType, literal } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { spacing as spacingScale } from '@atlaskit/tokens/tokens-raw';

package/dist/esm/rules/no-icon-spacing-prop/helpers.js

@@ -3,8 +3,8 @@ import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../ast-nodes';
 import { Import } from '../../ast-nodes/import';
-export var BOX_IMPORT_MODULE = '@atlaskit/primitives/compiled';
-export var BOX_IMPORT_MODULE_NON_COMPILED = '@atlaskit/primitives';
+export var FLEX_IMPORT_MODULE = '@atlaskit/primitives/compiled';
+export var FLEX_IMPORT_MODULE_NON_COMPILED = '@atlaskit/primitives';
 export var TOKEN_IMPORT_MODULE = '@atlaskit/tokens';
 export var CSS_IMPORT_MODULE = '@atlaskit/css';
 export var CSSMAP_VARIABLE_NAME = 'iconSpacingStyles';
@@ -80,22 +80,22 @@ export function hasSpreadProps(node) {
 }
 
 /**
- * Upserts `Box` from `@atlaskit/primitives/compiled`, handling:
- * 1. Already imported from `/compiled` → add Box if missing
- * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Box
- * 3. No import → insert new `import { Box } from '@atlaskit/primitives/compiled'`
+ * Upserts `Flex` from `@atlaskit/primitives/compiled`, handling:
+ * 1. Already imported from `/compiled` → add Flex if missing
+ * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Flex
+ * 3. No import → insert new `import { Flex } from '@atlaskit/primitives/compiled'`
  */
-export function upsertBoxImport(context, fixer) {
+export function upsertFlexImport(context, fixer) {
   var root = getSourceCode(context).ast.body;
   var findExactImports = function findExactImports(module) {
     return root.filter(function (node) {
       return node.type === 'ImportDeclaration' && node.source.value === module;
     });
   };
-  var compiledImports = findExactImports(BOX_IMPORT_MODULE);
+  var compiledImports = findExactImports(FLEX_IMPORT_MODULE);
   if (compiledImports.length > 0) {
     var decl = compiledImports[0];
-    if (Import.containsNamedSpecifier(decl, 'Box')) {
+    if (Import.containsNamedSpecifier(decl, 'Flex')) {
       return undefined;
     }
     var specifiers = decl.specifiers.filter(function (s) {
@@ -103,10 +103,10 @@ export function upsertBoxImport(context, fixer) {
     }).map(function (s) {
       return s.local.name;
     });
-    specifiers.push('Box');
-    return fixer.replaceText(decl, "import { ".concat(specifiers.join(', '), " } from '").concat(BOX_IMPORT_MODULE, "';"));
+    specifiers.push('Flex');
+    return fixer.replaceText(decl, "import { ".concat(specifiers.join(', '), " } from '").concat(FLEX_IMPORT_MODULE, "';"));
   }
-  var nonCompiledImports = findExactImports(BOX_IMPORT_MODULE_NON_COMPILED);
+  var nonCompiledImports = findExactImports(FLEX_IMPORT_MODULE_NON_COMPILED);
   if (nonCompiledImports.length > 0) {
     var _decl = nonCompiledImports[0];
     var _specifiers = _decl.specifiers.filter(function (s) {
@@ -114,12 +114,14 @@ export function upsertBoxImport(context, fixer) {
     }).map(function (s) {
       return s.local.name;
     });
-    if (!_specifiers.includes('Box')) _specifiers.push('Box');
-    return fixer.replaceText(_decl, "import { ".concat(_specifiers.join(', '), " } from '").concat(BOX_IMPORT_MODULE, "';"));
+    if (!_specifiers.includes('Flex')) {
+      _specifiers.push('Flex');
+    }
+    return fixer.replaceText(_decl, "import { ".concat(_specifiers.join(', '), " } from '").concat(FLEX_IMPORT_MODULE, "';"));
   }
   return ast.Root.upsertNamedImportDeclaration({
-    module: BOX_IMPORT_MODULE,
-    specifiers: ['Box']
+    module: FLEX_IMPORT_MODULE,
+    specifiers: ['Flex']
   }, context, fixer);
 }
 
@@ -145,7 +147,9 @@ export function upsertCssMapImport(context, fixer) {
     }).map(function (s) {
       return s.local.name;
     });
-    if (!hasCssMap) specifiers.push('cssMap');
+    if (!hasCssMap) {
+      specifiers.push('cssMap');
+    }
     return fixer.replaceText(decl, "import { ".concat(specifiers.join(', '), " } from '").concat(CSS_IMPORT_MODULE, "';"));
   }
   return ast.Root.upsertNamedImportDeclaration({
@@ -195,7 +199,7 @@ export function upsertCssMapVariable(context, fixer, paddingToken) {
   var sourceCode = getSourceCode(context);
   var body = sourceCode.ast.body;
   var key = getCssMapKey(paddingToken);
-  var keyValuePair = "  ".concat(key, ": { paddingTop: token('").concat(paddingToken, "'), paddingRight: token('").concat(paddingToken, "'), paddingBottom: token('").concat(paddingToken, "'), paddingLeft: token('").concat(paddingToken, "') }");
+  var keyValuePair = "  ".concat(key, ": { paddingBlock: token('").concat(paddingToken, "'), paddingInline: token('").concat(paddingToken, "') }");
 
   // Check if iconSpacingStyles cssMap variable already exists
   var existingVar = body.find(function (node) {

package/dist/esm/rules/no-icon-spacing-prop/index.js

@@ -1,26 +1,26 @@
 import { createIsFromImportSourceFor } from '../no-custom-icons/checks/is-from-import-source';
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
-import { CSSMAP_VARIABLE_NAME, getCssMapKey, getIconSize, getSpacingAttribute, getStaticAttributeValue, hasSpreadProps, SPACING_TO_PADDING, upsertBoxImport, upsertCssMapImport, upsertCssMapVariable, upsertTokenImport } from './helpers';
+import { CSSMAP_VARIABLE_NAME, getCssMapKey, getIconSize, getSpacingAttribute, getStaticAttributeValue, hasSpreadProps, SPACING_TO_PADDING, upsertCssMapImport, upsertCssMapVariable, upsertFlexImport, upsertTokenImport } from './helpers';
 var rule = createLintRule({
   meta: {
     name: 'no-icon-spacing-prop',
     hasSuggestions: true,
     type: 'suggestion',
     docs: {
-      description: 'Disallows usage of the deprecated spacing prop on new icons. Use Box with cssMap for spacing instead.',
+      description: 'Disallows usage of the deprecated spacing prop on new icons. Use Flex with cssMap for spacing instead.',
       recommended: true,
       severity: 'warn'
     },
     messages: {
-      noSpacingProp: "The `spacing` prop on icon component '{{iconName}}' is deprecated. Wrap the icon in a `<Box xcss={iconSpacingStyles.spaceXXX}>` using `cssMap` from `@atlaskit/css` instead.",
-      noSpacingPropManual: "The `spacing` prop on icon component '{{iconName}}' is deprecated but cannot be auto-fixed ({{reason}}). Manually wrap the icon in a `<Box xcss={...}>` using `cssMap` from `@atlaskit/css`.",
+      noSpacingProp: "The `spacing` prop on icon component '{{iconName}}' is deprecated. Wrap the icon in a `<Flex xcss={iconSpacingStyles.spaceXXX}>` using `cssMap` from `@atlaskit/css` instead.",
+      noSpacingPropManual: "The `spacing` prop on icon component '{{iconName}}' is deprecated but cannot be auto-fixed ({{reason}}). Manually wrap the icon in a `<Flex xcss={...}>` using `cssMap` from `@atlaskit/css`.",
       suggestRemoveSpacing: 'Remove the `spacing` prop.',
-      suggestWrapInBox: 'Wrap in `<Box xcss={{{cssMapVarName}}.{{cssMapKey}}}>` and remove the `spacing` prop.'
+      suggestWrapInFlex: 'Wrap in `<Flex xcss={{{cssMapVarName}}.{{cssMapKey}}}>` and remove the `spacing` prop.'
     }
   },
   create: function create(context) {
-    var isNewIcon = createIsFromImportSourceFor(/^@(atlaskit\/icon|atlaskit\/icon-lab|atlassian\/icon-private)\/core\//);
+    var isNewIcon = createIsFromImportSourceFor(/^@(atlaskit\/icon|atlaskit\/icon-lab)\/core\//);
     return errorBoundary({
       JSXElement: function JSXElement(node) {
         var _SPACING_TO_PADDING$s;
@@ -83,7 +83,7 @@ var rule = createLintRule({
             iconName: iconName
           },
           suggest: [{
-            messageId: 'suggestWrapInBox',
+            messageId: 'suggestWrapInFlex',
             data: {
               cssMapVarName: CSSMAP_VARIABLE_NAME,
               cssMapKey: cssMapKey
@@ -94,9 +94,9 @@ var rule = createLintRule({
               // 1. Remove spacing prop
               fixes.push(fixer.remove(spacingAttr));
 
-              // 2. Wrap in Box with cssMap reference
-              fixes.push(fixer.insertTextBefore(node, "<Box xcss={".concat(CSSMAP_VARIABLE_NAME, ".").concat(cssMapKey, "}>")));
-              fixes.push(fixer.insertTextAfter(node, "</Box>"));
+              // 2. Wrap in Flex with cssMap reference
+              fixes.push(fixer.insertTextBefore(node, "<Flex xcss={".concat(CSSMAP_VARIABLE_NAME, ".").concat(cssMapKey, "}>")));
+              fixes.push(fixer.insertTextAfter(node, "</Flex>"));
 
               // 3. Insert/update cssMap variable after last import
               var cssMapFix = upsertCssMapVariable(context, fixer, paddingToken);
@@ -110,10 +110,10 @@ var rule = createLintRule({
                 fixes.push(cssFix);
               }
 
-              // 5. Add Box to @atlaskit/primitives/compiled
-              var boxFix = upsertBoxImport(context, fixer);
-              if (boxFix) {
-                fixes.push(boxFix);
+              // 5. Add Flex to @atlaskit/primitives/compiled
+              var flexFix = upsertFlexImport(context, fixer);
+              if (flexFix) {
+                fixes.push(flexFix);
               }
 
               // 6. Add token from @atlaskit/tokens

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

@@ -1,44 +1,44 @@
 import { type Domains } from './types';
 declare const ruleMeta: {
-    readonly name: "ensure-design-token-usage";
+    readonly name: 'ensure-design-token-usage';
     readonly hasSuggestions: true;
     readonly schema: {
-        readonly type: "array";
+        readonly type: 'array';
         readonly items: {
-            readonly type: "object";
+            readonly type: 'object';
             readonly properties: {
                 readonly applyImport: {
-                    readonly type: "boolean";
+                    readonly type: 'boolean';
                 };
                 readonly shouldEnforceFallbacks: {
-                    readonly type: "boolean";
+                    readonly type: 'boolean';
                 };
                 readonly domains: {
-                    readonly type: "array";
+                    readonly type: 'array';
                     readonly items: {
                         readonly enum: Domains;
                     };
                 };
                 readonly exceptions: {
-                    readonly type: "array";
+                    readonly type: 'array';
                 };
             };
         };
     };
-    readonly type: "problem";
-    readonly fixable: "code";
+    readonly type: 'problem';
+    readonly fixable: 'code';
     readonly docs: {
-        readonly description: "Enforces usage of design tokens rather than hard-coded values.";
+        readonly description: 'Enforces usage of design tokens rather than hard-coded values.';
         readonly recommended: true;
-        readonly severity: "error";
+        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.";
+        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/ensure-design-token-usage/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { type EslintNode, type ObjectExpression, type Property, type SpreadElement, type TaggedTemplateExpression } from 'eslint-codemod-utils';
+import { type EslintNode, type ObjectExpression, type Property, SimpleCallExpression, type SpreadElement, StringableASTNode, type TaggedTemplateExpression } from 'eslint-codemod-utils';
 import { type Domains } from './types';
 export type ProcessedCSSLines = [string, string][];
 export declare function insertTokensImport(fixer: Rule.RuleFixer): Rule.Fix;
@@ -86,7 +86,7 @@ export declare function processCssNode(node: TaggedTemplateExpression & Rule.Nod
  * propertyName: fontWeight, value: 400 => token('font.weight.regular', '400')
  * ```
  */
-export declare function getTokenNodeForValue(propertyName: string, value: string): import("eslint-codemod-utils").StringableASTNode<import("estree").SimpleCallExpression>;
+export declare function getTokenNodeForValue(propertyName: string, value: string): StringableASTNode<SimpleCallExpression>;
 export declare function getFontSizeValueInScope(cssProperties: ProcessedCSSLines): number | undefined;
 /**
  * Attempts to remove all non-essential words & characters from a style block.
@@ -117,6 +117,6 @@ export declare function findTokenNameByPropertyValue(propertyName: string, value
  * @param propertyName string camelCased css property.
  * @param value The computed value e.g '8px' -> '8'.
  */
-export declare function getTokenReplacement(propertyName: string, value: string): import("eslint-codemod-utils").StringableASTNode<import("estree").SimpleCallExpression> | undefined;
+export declare function getTokenReplacement(propertyName: string, value: string): StringableASTNode<SimpleCallExpression> | undefined;
 export declare function getPropertyNodeFromParent(property: string, parentNode: ObjectExpression & Rule.NodeParentExtension): Property | SpreadElement | undefined;
 export declare function getValueForPropertyNode(propertyNode: Property | SpreadElement, context: Rule.RuleContext): string | number | null | undefined;

package/dist/types/rules/no-icon-spacing-prop/helpers.d.ts

@@ -1,7 +1,7 @@
 import type { Rule } from 'eslint';
 import { type JSXAttribute, type JSXElement } from 'eslint-codemod-utils';
-export declare const BOX_IMPORT_MODULE = "@atlaskit/primitives/compiled";
-export declare const BOX_IMPORT_MODULE_NON_COMPILED = "@atlaskit/primitives";
+export declare const FLEX_IMPORT_MODULE = "@atlaskit/primitives/compiled";
+export declare const FLEX_IMPORT_MODULE_NON_COMPILED = "@atlaskit/primitives";
 export declare const TOKEN_IMPORT_MODULE = "@atlaskit/tokens";
 export declare const CSS_IMPORT_MODULE = "@atlaskit/css";
 export declare const CSSMAP_VARIABLE_NAME = "iconSpacingStyles";
@@ -32,12 +32,12 @@ export declare function getIconSize(node: JSXElement): string | undefined;
  */
 export declare function hasSpreadProps(node: JSXElement): boolean;
 /**
- * Upserts `Box` from `@atlaskit/primitives/compiled`, handling:
- * 1. Already imported from `/compiled` → add Box if missing
- * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Box
- * 3. No import → insert new `import { Box } from '@atlaskit/primitives/compiled'`
+ * Upserts `Flex` from `@atlaskit/primitives/compiled`, handling:
+ * 1. Already imported from `/compiled` → add Flex if missing
+ * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Flex
+ * 3. No import → insert new `import { Flex } from '@atlaskit/primitives/compiled'`
  */
-export declare function upsertBoxImport(context: Rule.RuleContext, fixer: Rule.RuleFixer): Rule.Fix | undefined;
+export declare function upsertFlexImport(context: Rule.RuleContext, fixer: Rule.RuleFixer): Rule.Fix | undefined;
 /**
  * Upserts `cssMap` from `@atlaskit/css`, handling:
  * 1. Already imported → no-op

package/dist/types/rules/use-should-render-to-parent/index.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
 export declare const RULE_NAME = "use-should-render-to-parent";
-export declare const addProp = "Add `shouldRenderToParent` prop.";
-export declare const setPropToTrue = "Set `shouldRenderToParent` prop to `true`.";
+export declare const addProp: 'Add `shouldRenderToParent` prop.';
+export declare const setPropToTrue: 'Set `shouldRenderToParent` prop to `true`.';
 declare const rule: Rule.RuleModule;
 export default rule;

package/dist/types/rules/use-visually-hidden/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const IMPORT_NAME = "AKVisuallyHidden";
 export declare const VISUALLY_HIDDEN_SOURCE = "@atlaskit/visually-hidden";
-export declare const VISUALLY_HIDDEN_IMPORT = "import AKVisuallyHidden from '@atlaskit/visually-hidden';\n";
+export declare const VISUALLY_HIDDEN_IMPORT: "import AKVisuallyHidden from '@atlaskit/visually-hidden';\n";

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

@@ -1,44 +1,44 @@
 import { type Domains } from './types';
 declare const ruleMeta: {
-    readonly name: "ensure-design-token-usage";
+    readonly name: 'ensure-design-token-usage';
     readonly hasSuggestions: true;
     readonly schema: {
-        readonly type: "array";
+        readonly type: 'array';
         readonly items: {
-            readonly type: "object";
+            readonly type: 'object';
             readonly properties: {
                 readonly applyImport: {
-                    readonly type: "boolean";
+                    readonly type: 'boolean';
                 };
                 readonly shouldEnforceFallbacks: {
-                    readonly type: "boolean";
+                    readonly type: 'boolean';
                 };
                 readonly domains: {
-                    readonly type: "array";
+                    readonly type: 'array';
                     readonly items: {
                         readonly enum: Domains;
                     };
                 };
                 readonly exceptions: {
-                    readonly type: "array";
+                    readonly type: 'array';
                 };
             };
         };
     };
-    readonly type: "problem";
-    readonly fixable: "code";
+    readonly type: 'problem';
+    readonly fixable: 'code';
     readonly docs: {
-        readonly description: "Enforces usage of design tokens rather than hard-coded values.";
+        readonly description: 'Enforces usage of design tokens rather than hard-coded values.';
         readonly recommended: true;
-        readonly severity: "error";
+        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.";
+        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/ensure-design-token-usage/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from 'eslint';
-import { type EslintNode, type ObjectExpression, type Property, type SpreadElement, type TaggedTemplateExpression } from 'eslint-codemod-utils';
+import { type EslintNode, type ObjectExpression, type Property, SimpleCallExpression, type SpreadElement, StringableASTNode, type TaggedTemplateExpression } from 'eslint-codemod-utils';
 import { type Domains } from './types';
 export type ProcessedCSSLines = [
     string,
@@ -89,7 +89,7 @@ export declare function processCssNode(node: TaggedTemplateExpression & Rule.Nod
  * propertyName: fontWeight, value: 400 => token('font.weight.regular', '400')
  * ```
  */
-export declare function getTokenNodeForValue(propertyName: string, value: string): import("eslint-codemod-utils").StringableASTNode<import("estree").SimpleCallExpression>;
+export declare function getTokenNodeForValue(propertyName: string, value: string): StringableASTNode<SimpleCallExpression>;
 export declare function getFontSizeValueInScope(cssProperties: ProcessedCSSLines): number | undefined;
 /**
  * Attempts to remove all non-essential words & characters from a style block.
@@ -120,6 +120,6 @@ export declare function findTokenNameByPropertyValue(propertyName: string, value
  * @param propertyName string camelCased css property.
  * @param value The computed value e.g '8px' -> '8'.
  */
-export declare function getTokenReplacement(propertyName: string, value: string): import("eslint-codemod-utils").StringableASTNode<import("estree").SimpleCallExpression> | undefined;
+export declare function getTokenReplacement(propertyName: string, value: string): StringableASTNode<SimpleCallExpression> | undefined;
 export declare function getPropertyNodeFromParent(property: string, parentNode: ObjectExpression & Rule.NodeParentExtension): Property | SpreadElement | undefined;
 export declare function getValueForPropertyNode(propertyNode: Property | SpreadElement, context: Rule.RuleContext): string | number | null | undefined;

package/dist/types-ts4.5/rules/no-icon-spacing-prop/helpers.d.ts

@@ -1,7 +1,7 @@
 import type { Rule } from 'eslint';
 import { type JSXAttribute, type JSXElement } from 'eslint-codemod-utils';
-export declare const BOX_IMPORT_MODULE = "@atlaskit/primitives/compiled";
-export declare const BOX_IMPORT_MODULE_NON_COMPILED = "@atlaskit/primitives";
+export declare const FLEX_IMPORT_MODULE = "@atlaskit/primitives/compiled";
+export declare const FLEX_IMPORT_MODULE_NON_COMPILED = "@atlaskit/primitives";
 export declare const TOKEN_IMPORT_MODULE = "@atlaskit/tokens";
 export declare const CSS_IMPORT_MODULE = "@atlaskit/css";
 export declare const CSSMAP_VARIABLE_NAME = "iconSpacingStyles";
@@ -32,12 +32,12 @@ export declare function getIconSize(node: JSXElement): string | undefined;
  */
 export declare function hasSpreadProps(node: JSXElement): boolean;
 /**
- * Upserts `Box` from `@atlaskit/primitives/compiled`, handling:
- * 1. Already imported from `/compiled` → add Box if missing
- * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Box
- * 3. No import → insert new `import { Box } from '@atlaskit/primitives/compiled'`
+ * Upserts `Flex` from `@atlaskit/primitives/compiled`, handling:
+ * 1. Already imported from `/compiled` → add Flex if missing
+ * 2. Import from `@atlaskit/primitives` (non-compiled) → migrate path + add Flex
+ * 3. No import → insert new `import { Flex } from '@atlaskit/primitives/compiled'`
  */
-export declare function upsertBoxImport(context: Rule.RuleContext, fixer: Rule.RuleFixer): Rule.Fix | undefined;
+export declare function upsertFlexImport(context: Rule.RuleContext, fixer: Rule.RuleFixer): Rule.Fix | undefined;
 /**
  * Upserts `cssMap` from `@atlaskit/css`, handling:
  * 1. Already imported → no-op

package/dist/types-ts4.5/rules/use-should-render-to-parent/index.d.ts

@@ -1,6 +1,6 @@
 import type { Rule } from 'eslint';
 export declare const RULE_NAME = "use-should-render-to-parent";
-export declare const addProp = "Add `shouldRenderToParent` prop.";
-export declare const setPropToTrue = "Set `shouldRenderToParent` prop to `true`.";
+export declare const addProp: 'Add `shouldRenderToParent` prop.';
+export declare const setPropToTrue: 'Set `shouldRenderToParent` prop to `true`.';
 declare const rule: Rule.RuleModule;
 export default rule;

package/dist/types-ts4.5/rules/use-visually-hidden/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const IMPORT_NAME = "AKVisuallyHidden";
 export declare const VISUALLY_HIDDEN_SOURCE = "@atlaskit/visually-hidden";
-export declare const VISUALLY_HIDDEN_IMPORT = "import AKVisuallyHidden from '@atlaskit/visually-hidden';\n";
+export declare const VISUALLY_HIDDEN_IMPORT: "import AKVisuallyHidden from '@atlaskit/visually-hidden';\n";

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": "13.41.1",
+	"version": "13.41.2",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -55,7 +55,7 @@
 	},
 	"devDependencies": {
 		"@af/formatting": "workspace:^",
-		"@atlaskit/ds-lib": "^5.4.0",
+		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlassian/codegen": "^0.1.0",
 		"@atlassian/eslint-utils": "^0.5.0",