@atlaskit/icon 22.4.0 → 22.5.0

package/dist/types/entry-points/migration-map.d.ts

@@ -0,0 +1 @@
+export { default } from '../../src/migration-map';

package/dist/types/entry-points/types.d.ts

@@ -1 +1 @@
-export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, } from '../types';
+export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, IconMigrationMap as UNSAFE_IconMigrationMap, } from '../types';

package/dist/types/index.d.ts

@@ -4,4 +4,4 @@ export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';
-export type { Size, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, } from './types';
+export type { Size, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, IconMigrationMap as UNSAFE_IconMigrationMap, } from './types';

package/dist/types/metadata-core.d.ts

@@ -11,7 +11,7 @@ interface Data {
     keywords: string[];
     componentName: string;
     package: string;
-    oldName?: string | string[];
+    oldName?: string[];
     categorization?: string;
     location?: string;
     team?: string;

package/dist/types/metadata-utility.d.ts

@@ -11,7 +11,7 @@ interface Data {
     keywords: string[];
     componentName: string;
     package: string;
-    oldName?: string | string[];
+    oldName?: string[];
     categorization?: string;
     location?: string;
     team?: string;

package/dist/types/migration-map.d.ts

@@ -0,0 +1,3 @@
+import type { IconMigrationMap } from './types';
+declare const migrationMap: IconMigrationMap;
+export default migrationMap;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType, SVGProps as ReactSVGProps, ReactNode } from 'react';
-import type { IconColor } from '@atlaskit/tokens/css-type-schema';
+import type { IconColor, IconColorPressed } from '@atlaskit/tokens/css-type-schema';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
     /**
@@ -36,7 +36,7 @@ export interface NewGlyphColorProps {
     /**
      * Color for the icon. Supports any icon design token, or 'currentColor' to inherit the current text color.
      */
-    color?: IconColor | 'currentColor';
+    color?: IconColor | IconColorPressed | 'currentColor';
 }
 export interface GlyphSizeProps {
     /**
@@ -101,7 +101,7 @@ export interface NewIconProps extends NewGlyphProps, IconInternalGlyphProps {
     /**
      * Size of the legacy fallback icon. Legacy icons default to "medium".
      */
-    LEGACY_size?: 'small' | 'medium';
+    LEGACY_size?: Size;
     /**
      * Icon type. Used in icon build process.
      */
@@ -148,4 +148,17 @@ export interface SVGProps extends GlyphProps {
      */
     children?: ReactNode;
 }
+/**
+ * The migration outcome for a given legacy icon
+ */
+type IconMigrationResult = {
+    newIcon?: {
+        name?: string;
+        type?: string;
+        package?: string;
+    };
+    sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
+};
+export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'swap-size-shift-utility' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
+export type IconMigrationMap = Record<string, IconMigrationResult>;
 export {};

package/dist/types-ts4.5/entry-points/migration-map.d.ts

@@ -0,0 +1 @@
+export { default } from '../../src/migration-map';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +1 @@
-export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, } from '../types';
+export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, IconMigrationMap as UNSAFE_IconMigrationMap, } from '../types';

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

@@ -4,4 +4,4 @@ export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';
-export type { Size, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, } from './types';
+export type { Size, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps as UNSAFE_NewIconProps, IconMigrationMap as UNSAFE_IconMigrationMap, } from './types';

package/dist/types-ts4.5/metadata-core.d.ts

@@ -11,7 +11,7 @@ interface Data {
     keywords: string[];
     componentName: string;
     package: string;
-    oldName?: string | string[];
+    oldName?: string[];
     categorization?: string;
     location?: string;
     team?: string;

package/dist/types-ts4.5/metadata-utility.d.ts

@@ -11,7 +11,7 @@ interface Data {
     keywords: string[];
     componentName: string;
     package: string;
-    oldName?: string | string[];
+    oldName?: string[];
     categorization?: string;
     location?: string;
     team?: string;

package/dist/types-ts4.5/migration-map.d.ts

@@ -0,0 +1,3 @@
+import type { IconMigrationMap } from './types';
+declare const migrationMap: IconMigrationMap;
+export default migrationMap;

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

@@ -1,5 +1,5 @@
 import type { ComponentType, SVGProps as ReactSVGProps, ReactNode } from 'react';
-import type { IconColor } from '@atlaskit/tokens/css-type-schema';
+import type { IconColor, IconColorPressed } from '@atlaskit/tokens/css-type-schema';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
     /**
@@ -36,7 +36,7 @@ export interface NewGlyphColorProps {
     /**
      * Color for the icon. Supports any icon design token, or 'currentColor' to inherit the current text color.
      */
-    color?: IconColor | 'currentColor';
+    color?: IconColor | IconColorPressed | 'currentColor';
 }
 export interface GlyphSizeProps {
     /**
@@ -101,7 +101,7 @@ export interface NewIconProps extends NewGlyphProps, IconInternalGlyphProps {
     /**
      * Size of the legacy fallback icon. Legacy icons default to "medium".
      */
-    LEGACY_size?: 'small' | 'medium';
+    LEGACY_size?: Size;
     /**
      * Icon type. Used in icon build process.
      */
@@ -148,4 +148,17 @@ export interface SVGProps extends GlyphProps {
      */
     children?: ReactNode;
 }
+/**
+ * The migration outcome for a given legacy icon
+ */
+type IconMigrationResult = {
+    newIcon?: {
+        name?: string;
+        type?: string;
+        package?: string;
+    };
+    sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
+};
+export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'swap-size-shift-utility' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
+export type IconMigrationMap = Record<string, IconMigrationResult>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "22.4.0",
+	"version": "22.5.0",
 	"description": "An icon is a visual representation of a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^0.2.0",
-		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/tokens": "^1.53.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -40,19 +40,19 @@
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
-		"@af/icon-build-process": "^0.6.0",
+		"@af/icon-build-process": "^1.0.0",
 		"@af/visual-regression": "*",
-		"@atlaskit/code": "^15.2.0",
+		"@atlaskit/code": "^15.3.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/logo": "^14.1.0",
-		"@atlaskit/primitives": "^7.4.0",
+		"@atlaskit/primitives": "^9.0.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.4.0",
-		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/toggle": "^13.2.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/visual-regression": "*",
-		"@atlassian/icon-lab": "^0.0.1",
+		"@atlassian/icon-lab": "^0.0.2",
 		"@babel/core": "^7.20.0",
 		"@emotion/babel-preset-css-prop": "^10.0.7",
 		"@testing-library/react": "^12.1.5",
@@ -100,13 +100,16 @@
 	"af:exports": {
 		"./base": "./src/entry-points/base.tsx",
 		"./UNSAFE_base-new": "./src/entry-points/base-new.tsx",
+		"./UNSAFE_migration-map": "./src/entry-points/migration-map.tsx",
 		"./constants": "./src/entry-points/constants.tsx",
 		"./metadata": "./src/entry-points/metadata.tsx",
 		"./svg": "./src/entry-points/svg.tsx",
 		"./types": "./src/entry-points/types.tsx",
 		"./glyph": "./glyph",
 		"./core": "./core",
+		"./core/migration": "./core/migration",
 		"./utility": "./utility",
+		"./utility/migration": "./utility/migration",
 		".": "./src/index.tsx"
 	},
 	"platform-feature-flags": {

package/utility/migration/add--add-circle.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AddIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default AddIconMigration;

package/utility/migration/add--add-circle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
+var _addCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/add-circle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for AddIcon.
+ * This component is AddIcon, with `UNSAFE_fallbackIcon` set to "AddCircleIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object as a secondary action within a Menu Item.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AddIcon = props => /*#__PURE__*/_react.default.createElement(_add.default, Object.assign({
+  LEGACY_fallbackIcon: _addCircle.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AddIcon.Name = 'AddIconMigration';
+var _default = exports.default = AddIcon;

package/utility/migration/add--emoji-custom.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AddIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default AddIconMigration;

package/utility/migration/add--emoji-custom.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
+var _custom = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji/custom"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for AddIcon.
+ * This component is AddIcon, with `UNSAFE_fallbackIcon` set to "EmojiCustomIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object as a secondary action within a Menu Item.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AddIcon = props => /*#__PURE__*/_react.default.createElement(_add.default, Object.assign({
+  LEGACY_fallbackIcon: _custom.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AddIcon.Name = 'AddIconMigration';
+var _default = exports.default = AddIcon;

package/utility/migration/add.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AddIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default AddIconMigration;

package/utility/migration/add.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
+var _add2 = _interopRequireDefault(require("@atlaskit/icon/glyph/add"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for AddIcon.
+ * This component is AddIcon, with `UNSAFE_fallbackIcon` set to "AddIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object as a secondary action within a Menu Item.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AddIcon = props => /*#__PURE__*/_react.default.createElement(_add.default, Object.assign({
+  LEGACY_fallbackIcon: _add2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AddIcon.Name = 'AddIconMigration';
+var _default = exports.default = AddIcon;

package/utility/migration/check-circle--editor-success.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const CheckCircleIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default CheckCircleIconMigration;

package/utility/migration/check-circle--editor-success.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/utility/check-circle"));
+var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for CheckCircleIcon.
+ * This component is CheckCircleIcon, with `UNSAFE_fallbackIcon` set to "EditorSuccessIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for Helper Messages in Forms.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const CheckCircleIcon = props => /*#__PURE__*/_react.default.createElement(_checkCircle.default, Object.assign({
+  LEGACY_fallbackIcon: _success.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+CheckCircleIcon.Name = 'CheckCircleIconMigration';
+var _default = exports.default = CheckCircleIcon;

package/utility/migration/check-circle.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const CheckCircleIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default CheckCircleIconMigration;

package/utility/migration/check-circle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/utility/check-circle"));
+var _checkCircle2 = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for CheckCircleIcon.
+ * This component is CheckCircleIcon, with `UNSAFE_fallbackIcon` set to "CheckCircleIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for Helper Messages in Forms.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const CheckCircleIcon = props => /*#__PURE__*/_react.default.createElement(_checkCircle.default, Object.assign({
+  LEGACY_fallbackIcon: _checkCircle2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+CheckCircleIcon.Name = 'CheckCircleIconMigration';
+var _default = exports.default = CheckCircleIcon;

package/utility/migration/check-mark--check.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const CheckMarkIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default CheckMarkIconMigration;

package/utility/migration/check-mark--check.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _checkMark = _interopRequireDefault(require("@atlaskit/icon/utility/check-mark"));
+var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for CheckMarkIcon.
+ * This component is CheckMarkIcon, with `UNSAFE_fallbackIcon` set to "CheckIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: TBD
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const CheckMarkIcon = props => /*#__PURE__*/_react.default.createElement(_checkMark.default, Object.assign({
+  LEGACY_fallbackIcon: _check.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+CheckMarkIcon.Name = 'CheckMarkIconMigration';
+var _default = exports.default = CheckMarkIcon;

package/utility/migration/check-mark--editor-done.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const CheckMarkIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default CheckMarkIconMigration;

package/utility/migration/check-mark--editor-done.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _checkMark = _interopRequireDefault(require("@atlaskit/icon/utility/check-mark"));
+var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for CheckMarkIcon.
+ * This component is CheckMarkIcon, with `UNSAFE_fallbackIcon` set to "EditorDoneIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: TBD
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const CheckMarkIcon = props => /*#__PURE__*/_react.default.createElement(_checkMark.default, Object.assign({
+  LEGACY_fallbackIcon: _done.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+CheckMarkIcon.Name = 'CheckMarkIconMigration';
+var _default = exports.default = CheckMarkIcon;

package/utility/migration/chevron-down--chevron-down-circle.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const ChevronDownIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIconMigration;

package/utility/migration/chevron-down--chevron-down-circle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDownCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down-circle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for ChevronDownIcon.
+ * This component is ChevronDownIcon, with `UNSAFE_fallbackIcon` set to "ChevronDownCircleIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for dropdown menus, selects, accordions, and expands.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronDownIcon = props => /*#__PURE__*/_react.default.createElement(_chevronDown.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronDownCircle.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronDownIcon.Name = 'ChevronDownIconMigration';
+var _default = exports.default = ChevronDownIcon;

package/utility/migration/chevron-down--hipchat-chevron-down.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const ChevronDownIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIconMigration;

package/utility/migration/chevron-down--hipchat-chevron-down.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for ChevronDownIcon.
+ * This component is ChevronDownIcon, with `UNSAFE_fallbackIcon` set to "HipchatChevronDownIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for dropdown menus, selects, accordions, and expands.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronDownIcon = props => /*#__PURE__*/_react.default.createElement(_chevronDown.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronDown2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronDownIcon.Name = 'ChevronDownIconMigration';
+var _default = exports.default = ChevronDownIcon;

package/utility/migration/chevron-down.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const ChevronDownIconMigration: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIconMigration;

package/utility/migration/chevron-down.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Migration Icon component for ChevronDownIcon.
+ * This component is ChevronDownIcon, with `UNSAFE_fallbackIcon` set to "ChevronDownIcon".
+ *
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for dropdown menus, selects, accordions, and expands.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronDownIcon = props => /*#__PURE__*/_react.default.createElement(_chevronDown.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronDown2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronDownIcon.Name = 'ChevronDownIconMigration';
+var _default = exports.default = ChevronDownIcon;