@atlaskit/icon 26.0.0 → 26.1.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/icon
 
+## 26.1.1
+
+### Patch Changes
+
+- [#158890](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158890)
+  [`a8e4b409426ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8e4b409426ca) -
+  Added guidance for chevron icons to inform makers to use 12px variant to maintain uniformity
+
+## 26.1.0
+
+### Minor Changes
+
+- [#149822](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149822)
+  [`5f950e40b46c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f950e40b46c5) -
+  New icons now support a `size` prop with `medium` and `small` options. This replaces utility
+  icons, which will soon be deprecated. See the
+  [migration guide](https://atlassian.design/components/icon/migration-guide) for more information.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 26.0.0
 
 ### Major Changes

package/build/index.tsx

@@ -17,6 +17,7 @@ import coreIconMetadata from '../icons_raw/metadata-core';
 import utilityIconMetadata from '../icons_raw/metadata-utility';
 import legacyMetadata from '../src/metadata';
 import migrationMap from '../src/migration-map';
+import { recommendedSmallIcons } from '../src/recommended-small';
 import synonyms from '../utils/synonyms';
 
 async function main() {
@@ -76,6 +77,7 @@ async function main() {
 			['icon', 'core'],
 			coreIconMetadata,
 			migrationMap,
+			recommendedSmallIcons,
 		);
 
 		fs.outputFile(path.resolve(root, 'src/metadata-core.tsx'), iconDocs);

package/core/chevron-double-left.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::6ad9c743a54bd14e5289ecca1c52bde0>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const ChevronDoubleLeftIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default ChevronDoubleLeftIcon;

package/core/chevron-double-left.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0aedad896576c9f30117ce568dac9ae2>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "ChevronDoubleLeft".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronDoubleLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="m7.72 1.47-6 6a.75.75 0 0 0-.052 1.004l.052.056 6 6 1.06-1.06L3.31 8l5.47-5.47z"/><path fill="currentcolor" d="m12.47 1.47-6 6a.75.75 0 0 0-.052 1.004l.052.056 6 6 1.06-1.06L8.06 8l5.47-5.47z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronDoubleLeftIcon.displayName = 'ChevronDoubleLeftIcon';
+var _default = exports.default = ChevronDoubleLeftIcon;

package/core/chevron-double-right.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::9f8f52058dc75ff281f4f129204b5398>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const ChevronDoubleRightIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default ChevronDoubleRightIcon;

package/core/chevron-double-right.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::efa862c3c428395b18b265911f386760>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "ChevronDoubleRight".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronDoubleRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="m8.28 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L12.69 8 7.22 2.53z"/><path fill="currentcolor" d="m3.53 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L7.94 8 2.47 2.53z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronDoubleRightIcon.displayName = 'ChevronDoubleRightIcon';
+var _default = exports.default = ChevronDoubleRightIcon;

package/core/chevron-down.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::892db6479728872c440bdf52fd925bcf>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const ChevronDownIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIcon;

package/core/chevron-down.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::05a4941b07732842dd47a8ac581e394b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "ChevronDown".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [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(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="m14.53 6.03-6 6a.75.75 0 0 1-1.004.052l-.056-.052-6-6 1.06-1.06L8 10.44l5.47-5.47z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronDownIcon.displayName = 'ChevronDownIcon';
+var _default = exports.default = ChevronDownIcon;

package/core/chevron-left.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::83fe925fea385a41c707027a40e47be4>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const ChevronLeftIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default ChevronLeftIcon;

package/core/chevron-left.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::9d5b8c4a4b8259ad2ac099d079c39acc>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "ChevronLeft".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="m9.97 1.47-6 6a.75.75 0 0 0-.052 1.004l.052.056 6 6 1.06-1.06L5.56 8l5.47-5.47z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronLeftIcon.displayName = 'ChevronLeftIcon';
+var _default = exports.default = ChevronLeftIcon;

package/core/chevron-right.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::93b0f86d3fd771ab33191892c65a8327>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const ChevronRightIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default ChevronRightIcon;

package/core/chevron-right.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::6d99c40083bd8ba17abae11f3e4c84cb>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "ChevronRight".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="m6.03 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L10.44 8 4.97 2.53z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronRightIcon.displayName = 'ChevronRightIcon';
+var _default = exports.default = ChevronRightIcon;

package/core/chevron-up.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c270ec6cd9d7c5e126e1c1fc59fd1734>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const ChevronUpIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default ChevronUpIcon;

package/core/chevron-up.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::384cf900fa5e1e265919ad6f422b5c61>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon: "ChevronUp".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronUpIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentcolor" d="m14.53 9.97-6-6a.75.75 0 0 0-1.004-.052l-.056.052-6 6 1.06 1.06L8 5.56l5.47 5.47z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronUpIcon.displayName = 'ChevronUpIcon';
+var _default = exports.default = ChevronUpIcon;

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

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b2ee3216c230724b420938aeb0877802>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronDownIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIconMigration;

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

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::09f8583bbc8ebf2e03977a53b3b2431d>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _chevronDownCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down-circle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronDownIcon.
+ * This component is ChevronDownIcon, with `UNSAFE_fallbackIcon` set to "ChevronDownCircleIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [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/core/migration/chevron-down--hipchat-chevron-down.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b2ee3216c230724b420938aeb0877802>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronDownIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIconMigration;

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

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f0a527b9fbd19f12aa8b3a40ed19f48c>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronDownIcon.
+ * This component is ChevronDownIcon, with `UNSAFE_fallbackIcon` set to "HipchatChevronDownIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [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/core/migration/chevron-down.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b2ee3216c230724b420938aeb0877802>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronDownIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronDownIconMigration;

package/core/migration/chevron-down.js

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::118036bebf83d35a87abd08d1f67ec19>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronDownIcon.
+ * This component is ChevronDownIcon, with `UNSAFE_fallbackIcon` set to "ChevronDownIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [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/core/migration/chevron-left--chevron-left-circle.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7057a288cd9afded02db1fca55d07ff6>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronLeftIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronLeftIconMigration;

package/core/migration/chevron-left--chevron-left-circle.js

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::4ec16a8b3668a256708abceb0d7d3c7e>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _chevronLeftCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-circle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronLeftIcon.
+ * This component is ChevronLeftIcon, with `UNSAFE_fallbackIcon` set to "ChevronLeftCircleIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronLeftIcon = props => /*#__PURE__*/_react.default.createElement(_chevronLeft.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronLeftCircle.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronLeftIcon.Name = 'ChevronLeftIconMigration';
+var _default = exports.default = ChevronLeftIcon;

package/core/migration/chevron-left--chevron-left-large.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7057a288cd9afded02db1fca55d07ff6>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronLeftIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronLeftIconMigration;

package/core/migration/chevron-left--chevron-left-large.js

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::3a278a6cfed0f849d237aca1133973e8>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronLeftIcon.
+ * This component is ChevronLeftIcon, with `UNSAFE_fallbackIcon` set to "ChevronLeftLargeIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronLeftIcon = props => /*#__PURE__*/_react.default.createElement(_chevronLeft.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronLeftLarge.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronLeftIcon.Name = 'ChevronLeftIconMigration';
+var _default = exports.default = ChevronLeftIcon;

package/core/migration/chevron-left.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7057a288cd9afded02db1fca55d07ff6>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronLeftIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronLeftIconMigration;

package/core/migration/chevron-left.js

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::73c63d2f299dfa1c3f4f2deb74ad8fd5>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _chevronLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronLeftIcon.
+ * This component is ChevronLeftIcon, with `UNSAFE_fallbackIcon` set to "ChevronLeftIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronLeftIcon = props => /*#__PURE__*/_react.default.createElement(_chevronLeft.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronLeft2.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronLeftIcon.Name = 'ChevronLeftIconMigration';
+var _default = exports.default = ChevronLeftIcon;

package/core/migration/chevron-right--chevron-right-circle.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f57fa70ce1ea0c1f422ada2e278f57fc>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import React from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+import Icon from '@atlaskit/icon/base-new';
+
+declare const ChevronRightIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default ChevronRightIconMigration;

package/core/migration/chevron-right--chevron-right-circle.js

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e75e03023a4b6a855da6b347e989e9ce>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
+var _chevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-circle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Migration Icon component for ChevronRightIcon.
+ * This component is ChevronRightIcon, with `UNSAFE_fallbackIcon` set to "ChevronRightCircleIcon".
+ *
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ChevronRightIcon = props => /*#__PURE__*/_react.default.createElement(_chevronRight.default, Object.assign({
+  LEGACY_fallbackIcon: _chevronRightCircle.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ChevronRightIcon.Name = 'ChevronRightIconMigration';
+var _default = exports.default = ChevronRightIcon;