@atlaskit/icon 22.4.0 → 22.5.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/icon
 
+## 22.5.0
+
+### Minor Changes
+
+- [#114987](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114987)
+  [`4fdcfc2b65ce0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4fdcfc2b65ce0) - -
+  Added experimental new variants of the new icon components with legacy fallbacks built in. These
+  are available at `core/migration` and `utility/migration` and are generated based on a new
+  migration mapping, available at `@atlaskit/icon/UNSAFE_migration-map`.
+  - Updated the `oldName` value in `metadata-core` and `metadata-utility` to contain an array of
+    legacy icon IDs, generated from the information in the migration map.
+
+## 22.4.1
+
+### Patch Changes
+
+- [#113646](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113646)
+  [`01c04f5a4e85a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01c04f5a4e85a) -
+  Update experimental new icons to support link tokens as colors
+- Updated dependencies
+
 ## 22.4.0
 
 ### Minor Changes

package/UNSAFE_migration-map/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/icon/UNSAFE_migration-map",
+  "main": "../dist/cjs/entry-points/migration-map.js",
+  "module": "../dist/esm/entry-points/migration-map.js",
+  "module:es2019": "../dist/es2019/entry-points/migration-map.js",
+  "sideEffects": false,
+  "types": "../dist/types/entry-points/migration-map.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/migration-map.d.ts"
+      ]
+    }
+  }
+}

package/afm-jira/tsconfig.json

@@ -1,12 +1,11 @@
 {
-  "extends": "../../../../tsconfig.products.json",
+  "extends": "../../../../tsconfig.entry-points.jira.json",
   "compilerOptions": {
     "declaration": true,
     "target": "es5",
     "outDir": "../../../../../tsDist/@atlaskit__icon/app",
     "composite": true,
-    "rootDir": "../",
-    "baseUrl": "../"
+    "rootDir": "../"
   },
   "include": [
     "../src/**/*.ts",

package/build/index.tsx

@@ -1,9 +1,11 @@
 import path from 'path';
-import buildIcons, { createIconDocs } from '@af/icon-build-process';
-import type { IconBuildConfig } from '@af/icon-build-process';
+import { UNSAFE_buildNew as buildIconsNew, UNSAFE_createIconDocsNew } from '@af/icon-build-process';
+import type { UNSAFE_NewIconBuildConfig } from '@af/icon-build-process';
 import pkgDir from 'pkg-dir';
 import fs from 'fs-extra';
 import synonyms from '../utils/synonyms';
+import migrationMap from '../src/migration-map';
+import legacyMetadata from '../src/metadata';
 import coreIconMetadata from '../icons_raw/metadata-core';
 import utilityIconMetadata from '../icons_raw/metadata-utility';
 
@@ -40,27 +42,30 @@ if (!root) {
 /**
  * The updated icon build process for the new icons under `@atlaskit/icon/core/*`
  */
-const configCore: IconBuildConfig = {
+const configCore: UNSAFE_NewIconBuildConfig = {
 	srcDir: path.resolve(root, 'icons_raw/core'),
 	processedDir: path.resolve(root, 'icons_optimised/core'),
 	destDir: path.resolve(root, 'core'),
 	maxWidth: 24,
 	maxHeight: 24,
 	glob: '**/*.svg',
+	packageName: '@atlaskit/icon',
 	baseIconEntryPoint: '@atlaskit/icon/UNSAFE_base-new',
-	isUpdatedIconBuildEnabled: true,
 	iconType: 'core',
 	metadata: coreIconMetadata,
+	legacyMetadata: legacyMetadata,
+	migrationMap: migrationMap,
 };
 
-buildIcons(configCore).then((icons) => {
-	const iconDocs = createIconDocs(
+buildIconsNew(configCore).then((icons) => {
+	const iconDocs = UNSAFE_createIconDocsNew(
 		icons,
-		'@atlaskit/icon/core',
+		'@atlaskit/icon',
+		'core',
 		synonyms,
 		['icon', 'core'],
-		true,
 		coreIconMetadata,
+		migrationMap,
 	);
 
 	return fs.outputFile(path.resolve(root, 'src/metadata-core.tsx'), iconDocs);
@@ -69,27 +74,30 @@ buildIcons(configCore).then((icons) => {
 /**
  * The updated icon build process for the new icons under `@atlaskit/icon/utility/*`
  */
-const configUtility: IconBuildConfig = {
+const configUtility: UNSAFE_NewIconBuildConfig = {
 	srcDir: path.resolve(root, 'icons_raw/utility'),
 	processedDir: path.resolve(root, 'icons_optimised/utility'),
 	destDir: path.resolve(root, 'utility'),
 	maxWidth: 12,
 	maxHeight: 12,
 	glob: '**/*.svg',
+	packageName: '@atlaskit/icon',
 	baseIconEntryPoint: '@atlaskit/icon/UNSAFE_base-new',
-	isUpdatedIconBuildEnabled: true,
 	iconType: 'utility',
 	metadata: utilityIconMetadata,
+	legacyMetadata: legacyMetadata,
+	migrationMap: migrationMap,
 };
 
-buildIcons(configUtility).then((icons) => {
-	const iconDocs = createIconDocs(
+buildIconsNew(configUtility).then((icons) => {
+	const iconDocs = UNSAFE_createIconDocsNew(
 		icons,
-		'@atlaskit/icon/utility',
+		'@atlaskit/icon',
+		'utility',
 		synonyms,
 		['icon', 'utility'],
-		true,
 		utilityIconMetadata,
+		migrationMap,
 	);
 
 	return fs.outputFile(path.resolve(root, 'src/metadata-utility.tsx'), iconDocs);

package/core/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' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default AddIconMigration;

package/core/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/core/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: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object.
+ * - [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/core/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' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default AddIconMigration;

package/core/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/core/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: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object.
+ * - [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/core/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' | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default AddIconMigration;

package/core/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/core/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: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object.
+ * - [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/core/migration/align-center--editor-align-center.d.ts

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

package/core/migration/align-center--editor-align-center.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _alignCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-center"));
+var _alignCenter2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-center"));
+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 AlignCenterIcon.
+ * This component is AlignCenterIcon, with `UNSAFE_fallbackIcon` set to "EditorAlignCenterIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text center, align center.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignCenterIcon = props => /*#__PURE__*/_react.default.createElement(_alignCenter.default, Object.assign({
+  LEGACY_fallbackIcon: _alignCenter2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignCenterIcon.Name = 'AlignCenterIconMigration';
+var _default = exports.default = AlignCenterIcon;

package/core/migration/align-left--editor-align-left.d.ts

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

package/core/migration/align-left--editor-align-left.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _alignLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-left"));
+var _alignLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-left"));
+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 AlignLeftIcon.
+ * This component is AlignLeftIcon, with `UNSAFE_fallbackIcon` set to "EditorAlignLeftIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text left, align content left, summary.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignLeftIcon = props => /*#__PURE__*/_react.default.createElement(_alignLeft.default, Object.assign({
+  LEGACY_fallbackIcon: _alignLeft2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignLeftIcon.Name = 'AlignLeftIconMigration';
+var _default = exports.default = AlignLeftIcon;

package/core/migration/align-left--overview.d.ts

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

package/core/migration/align-left--overview.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _alignLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-left"));
+var _overview = _interopRequireDefault(require("@atlaskit/icon/glyph/overview"));
+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 AlignLeftIcon.
+ * This component is AlignLeftIcon, with `UNSAFE_fallbackIcon` set to "OverviewIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text left, align content left, summary.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignLeftIcon = props => /*#__PURE__*/_react.default.createElement(_alignLeft.default, Object.assign({
+  LEGACY_fallbackIcon: _overview.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignLeftIcon.Name = 'AlignLeftIconMigration';
+var _default = exports.default = AlignLeftIcon;

package/core/migration/align-right--editor-align-right.d.ts

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

package/core/migration/align-right--editor-align-right.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _alignRight = _interopRequireDefault(require("@atlaskit/icon/core/align-right"));
+var _alignRight2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-right"));
+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 AlignRightIcon.
+ * This component is AlignRightIcon, with `UNSAFE_fallbackIcon` set to "EditorAlignRightIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text right, align content right.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignRightIcon = props => /*#__PURE__*/_react.default.createElement(_alignRight.default, Object.assign({
+  LEGACY_fallbackIcon: _alignRight2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignRightIcon.Name = 'AlignRightIconMigration';
+var _default = exports.default = AlignRightIcon;

package/core/migration/angle-brackets--bitbucket-source.d.ts

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

package/core/migration/angle-brackets--bitbucket-source.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var _source = _interopRequireDefault(require("@atlaskit/icon/glyph/bitbucket/source"));
+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 AngleBracketsIcon.
+ * This component is AngleBracketsIcon, with `UNSAFE_fallbackIcon` set to "BitbucketSourceIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: code or source code in Bitbucket and Jira.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AngleBracketsIcon = props => /*#__PURE__*/_react.default.createElement(_angleBrackets.default, Object.assign({
+  LEGACY_fallbackIcon: _source.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AngleBracketsIcon.Name = 'AngleBracketsIconMigration';
+var _default = exports.default = AngleBracketsIcon;

package/core/migration/angle-brackets--code.d.ts

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

package/core/migration/angle-brackets--code.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/code"));
+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 AngleBracketsIcon.
+ * This component is AngleBracketsIcon, with `UNSAFE_fallbackIcon` set to "CodeIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: code or source code in Bitbucket and Jira.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AngleBracketsIcon = props => /*#__PURE__*/_react.default.createElement(_angleBrackets.default, Object.assign({
+  LEGACY_fallbackIcon: _code.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AngleBracketsIcon.Name = 'AngleBracketsIconMigration';
+var _default = exports.default = AngleBracketsIcon;

package/core/migration/angle-brackets--editor-code.d.ts

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

package/core/migration/angle-brackets--editor-code.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/code"));
+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 AngleBracketsIcon.
+ * This component is AngleBracketsIcon, with `UNSAFE_fallbackIcon` set to "EditorCodeIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: code or source code in Bitbucket and Jira.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AngleBracketsIcon = props => /*#__PURE__*/_react.default.createElement(_angleBrackets.default, Object.assign({
+  LEGACY_fallbackIcon: _code.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AngleBracketsIcon.Name = 'AngleBracketsIconMigration';
+var _default = exports.default = AngleBracketsIcon;

package/core/migration/angle-brackets--media-services-code.d.ts

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

package/core/migration/angle-brackets--media-services-code.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/code"));
+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 AngleBracketsIcon.
+ * This component is AngleBracketsIcon, with `UNSAFE_fallbackIcon` set to "MediaServicesCodeIcon".
+ *
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: code or source code in Bitbucket and Jira.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AngleBracketsIcon = props => /*#__PURE__*/_react.default.createElement(_angleBrackets.default, Object.assign({
+  LEGACY_fallbackIcon: _code.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AngleBracketsIcon.Name = 'AngleBracketsIconMigration';
+var _default = exports.default = AngleBracketsIcon;

package/core/migration/app--addon.d.ts

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

package/core/migration/app--addon.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _app = _interopRequireDefault(require("@atlaskit/icon/core/app"));
+var _addon = _interopRequireDefault(require("@atlaskit/icon/glyph/addon"));
+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 AppIcon.
+ * This component is AppIcon, with `UNSAFE_fallbackIcon` set to "AddonIcon".
+ *
+ * Category: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for marketplace apps and integrations across products.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AppIcon = props => /*#__PURE__*/_react.default.createElement(_app.default, Object.assign({
+  LEGACY_fallbackIcon: _addon.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AppIcon.Name = 'AppIconMigration';
+var _default = exports.default = AppIcon;