@atlaskit/icon 23.10.1 → 23.11.0

package/core/migration/drag-handle-vertical--drag-handler.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0ffd025b8c1d5631ea349c5a2404b747>>
+ * @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 DragHandleVerticalIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default DragHandleVerticalIconMigration;

package/core/migration/drag-handle-vertical--drag-handler.js

@@ -0,0 +1,33 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::00cf753aab05b73546ecd78f6bc8ff56>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/core/drag-handle-vertical"));
+var _dragHandler = _interopRequireDefault(require("@atlaskit/icon/glyph/drag-handler"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ *
+ * Migration Icon component for DragHandleVerticalIcon.
+ * This component is DragHandleVerticalIcon, with `UNSAFE_fallbackIcon` set to "DragHandlerIcon".
+ *
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Single purpose - Reserved for draggable elements, like rows.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const DragHandleVerticalIcon = props => /*#__PURE__*/_react.default.createElement(_dragHandleVertical.default, Object.assign({
+  LEGACY_fallbackIcon: _dragHandler.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+DragHandleVerticalIcon.Name = 'DragHandleVerticalIconMigration';
+var _default = exports.default = DragHandleVerticalIcon;

package/core/migration/refresh.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e77e094a0aa1d7ca1d4c9b1f496feee5>>
+ * @codegen <<SignedSource::1e8917d3a5aac4b99b0f55b24958842a>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,7 +21,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Single purpose - Reserved for expanding a object or panel.
+ * Usage guidance: Reserved for reloading content.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/migration/stroke-weight-small--media-services-line.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::218b34ae245bdec69bf1bc75f86ff9aa>>
+ * @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 StrokeWeightSmallIconMigration: {
+  (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
+  displayName: string;
+};
+export default StrokeWeightSmallIconMigration;

package/core/migration/stroke-weight-small--media-services-line.js

@@ -0,0 +1,33 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7939c8f3fdd07450329c48be10d24e3c>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
+var _line = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/line"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ *
+ * Migration Icon component for StrokeWeightSmallIcon.
+ * This component is StrokeWeightSmallIcon, with `UNSAFE_fallbackIcon` set to "MediaServicesLineIcon".
+ *
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for representing thin border stroke widths.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const StrokeWeightSmallIcon = props => /*#__PURE__*/_react.default.createElement(_strokeWeightSmall.default, Object.assign({
+  LEGACY_fallbackIcon: _line.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+StrokeWeightSmallIcon.Name = 'StrokeWeightSmallIconMigration';
+var _default = exports.default = StrokeWeightSmallIcon;

package/core/refresh.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f34e41ee33b1e524435b178556b66735>>
+ * @codegen <<SignedSource::f7ed6beb9fac025198bce90a008b6791>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,12 +19,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "Refresh".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Single purpose - Reserved for expanding a object or panel.
+ * Usage guidance: Reserved for reloading content.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const RefreshIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M6.25 6V1.75H2m5.5 12.48c-3.218-.254-5.75-2.447-5.75-5.73 0-3.368 2.42-4.921 4-6.29m4 7.77v4.25H14M8.5 1.75c3.218.255 5.75 2.447 5.75 5.73 0 3.352-2.397 4.906-3.977 6.27"/>`
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M8.5 1.75c2 0 5.75 2.125 5.75 6.25s-4.24 6.24-4.24 6.24m-2.51.01c-2 0-5.75-2.125-5.75-6.25s4.26-6.26 4.26-6.26m.24 3.76V1.25H2m7.75 9.23v4.25H14"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 RefreshIcon.displayName = 'RefreshIcon';

package/dist/cjs/deprecated-core.js

@@ -9,8 +9,63 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::8445ed95dffea52ddea417fc5752ff90>>
+ * @codegen <<SignedSource::55fb779a9011f99fef900f3ab2221b1c>>
  * @codegenCommand yarn build:icon-glyphs
  */
-var deprecatedIcons = {};
+var deprecatedIcons = {
+  '@atlaskit/icon/core/align-center': {
+    message: 'The icon "align-center" is deprecated in favour of "align-text-center" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/align-left': {
+    message: 'The icon "align-left" is deprecated in favour of "align-text-left" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/align-right': {
+    message: 'The icon "align-right" is deprecated in favour of "align-text-right" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/border-weight-medium': {
+    message: 'The icon "border-weight-medium" is deprecated in favour of "stroke-weight-medium" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/border-weight-thick': {
+    message: 'The icon "border-weight-thick" is deprecated in favour of "stroke-weight-large" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/border-weight-thin': {
+    message: 'The icon "border-weight-thin" is deprecated in favour of "stroke-weight-small" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/content-align-center': {
+    message: 'The icon "content-align-center" is deprecated in favour of "align-image-center" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/content-align-left': {
+    message: 'The icon "content-align-left" is deprecated in favour of "align-image-left" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/content-align-right': {
+    message: 'The icon "content-align-right" is deprecated in favour of "align-image-right" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/drag-handle': {
+    message: 'The icon "drag-handle" is deprecated in favour of "drag-handle-vertical" from “@atlaskit/icon/core”'
+  },
+  '@atlaskit/icon/core/migration/align-center--editor-align-center': {
+    message: 'The icon "align-center--editor-align-center" is deprecated in favour of "align-text-center--editor-align-center" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/align-left--editor-align-left': {
+    message: 'The icon "align-left--editor-align-left" is deprecated in favour of "align-text-left--editor-align-left" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/align-right--editor-align-right': {
+    message: 'The icon "align-right--editor-align-right" is deprecated in favour of "align-text-right--editor-align-right" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/border-weight-thin--media-services-line': {
+    message: 'The icon "border-weight-thin--media-services-line" is deprecated in favour of "stroke-weight-small--media-services-line" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/content-align-center--editor-align-image-center': {
+    message: 'The icon "content-align-center--editor-align-image-center" is deprecated in favour of "align-image-center--editor-align-image-center" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/content-align-left--editor-align-image-left': {
+    message: 'The icon "content-align-left--editor-align-image-left" is deprecated in favour of "align-image-left--editor-align-image-left" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/content-align-right--editor-align-image-right': {
+    message: 'The icon "content-align-right--editor-align-image-right" is deprecated in favour of "align-image-right--editor-align-image-right" from “@atlaskit/icon/core/migration”'
+  },
+  '@atlaskit/icon/core/migration/drag-handle--drag-handler': {
+    message: 'The icon "drag-handle--drag-handler" is deprecated in favour of "drag-handle-vertical--drag-handler" from “@atlaskit/icon/core/migration”'
+  }
+};
 var _default = exports.default = deprecatedIcons;

package/dist/cjs/deprecated-utility.js

@@ -9,8 +9,16 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
  *
- * @codegen <<SignedSource::8445ed95dffea52ddea417fc5752ff90>>
+ * @codegen <<SignedSource::8236f283e88f1b5269e1bb00e04aff39>>
  * @codegenCommand yarn build:icon-glyphs
  */
-var deprecatedIcons = {};
+var deprecatedIcons = {
+  '@atlaskit/icon/utility/drag-handle': {
+    message: 'The icon "drag-handle" is deprecated in favour of "drag-handle-vertical" from “@atlaskit/icon/utility”'
+  },
+  '@atlaskit/icon/utility/migration/drag-handle--drag-handler': {
+    message: 'The icon "drag-handle--drag-handler" is deprecated, Please refer to the changelog for guidance on how to migrate. https://atlassian.design/components/icon/changelog',
+    unfixable: true
+  }
+};
 var _default = exports.default = deprecatedIcons;

package/dist/cjs/metadata-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::8d615a9e55d05a28b6a31d643dc17516>>
+ * @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -57,6 +57,11 @@ var metadata = {
     package: '@atlaskit/icon/core/align-center',
     oldName: ['editor/align-center'],
     type: 'core',
+    replacement: {
+      name: 'align-text-center',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: align text center, align center.',
     team: 'Design System Team'
@@ -65,6 +70,7 @@ var metadata = {
     keywords: ['align-image-center', 'alignimagecenter', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'centre'],
     componentName: 'AlignImageCenterIcon',
     package: '@atlaskit/icon/core/align-image-center',
+    oldName: ['editor/align-image-center'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for center aligning media and content.',
@@ -74,6 +80,7 @@ var metadata = {
     keywords: ['align-image-left', 'alignimageleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left'],
     componentName: 'AlignImageLeftIcon',
     package: '@atlaskit/icon/core/align-image-left',
+    oldName: ['editor/align-image-left'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for left aligning media and content.',
@@ -83,6 +90,7 @@ var metadata = {
     keywords: ['align-image-right', 'alignimageright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right'],
     componentName: 'AlignImageRightIcon',
     package: '@atlaskit/icon/core/align-image-right',
+    oldName: ['editor/align-image-right'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for right aligning media and content.',
@@ -94,6 +102,11 @@ var metadata = {
     package: '@atlaskit/icon/core/align-left',
     oldName: ['editor/align-left', 'overview'],
     type: 'core',
+    replacement: {
+      name: 'align-text-left',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
     team: 'Design System Team'
@@ -104,6 +117,11 @@ var metadata = {
     package: '@atlaskit/icon/core/align-right',
     oldName: ['editor/align-right'],
     type: 'core',
+    replacement: {
+      name: 'align-text-right',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: align text right, align content right.',
     team: 'Design System Team'
@@ -112,6 +130,7 @@ var metadata = {
     keywords: ['align-text-center', 'aligntextcenter', 'icon', 'core', 'alignment', 'text', 'content'],
     componentName: 'AlignTextCenterIcon',
     package: '@atlaskit/icon/core/align-text-center',
+    oldName: ['editor/align-center'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: align text center, align center.',
@@ -121,6 +140,7 @@ var metadata = {
     keywords: ['align-text-left', 'aligntextleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
     componentName: 'AlignTextLeftIcon',
     package: '@atlaskit/icon/core/align-text-left',
+    oldName: ['editor/align-left'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
@@ -130,6 +150,7 @@ var metadata = {
     keywords: ['align-text-right', 'aligntextright', 'icon', 'core', 'alignment', 'text', 'content'],
     componentName: 'AlignTextRightIcon',
     package: '@atlaskit/icon/core/align-text-right',
+    oldName: ['editor/align-right'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: align text right, align content right.',
@@ -390,6 +411,11 @@ var metadata = {
     componentName: 'BorderWeightMediumIcon',
     package: '@atlaskit/icon/core/border-weight-medium',
     type: 'core',
+    replacement: {
+      name: 'stroke-weight-medium',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
     usage: 'Reserved for representing medium border stroke widths.',
     team: 'Editor'
@@ -399,6 +425,11 @@ var metadata = {
     componentName: 'BorderWeightThickIcon',
     package: '@atlaskit/icon/core/border-weight-thick',
     type: 'core',
+    replacement: {
+      name: 'stroke-weight-large',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
     usage: 'Reserved for representing thick border stroke widths.',
     team: 'Editor'
@@ -409,6 +440,11 @@ var metadata = {
     package: '@atlaskit/icon/core/border-weight-thin',
     oldName: ['media-services/line'],
     type: 'core',
+    replacement: {
+      name: 'stroke-weight-small',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
     usage: 'Reserved for representing thin border stroke widths.',
     team: 'Editor'
@@ -729,6 +765,11 @@ var metadata = {
     package: '@atlaskit/icon/core/content-align-center',
     oldName: ['editor/align-image-center'],
     type: 'core',
+    replacement: {
+      name: 'align-image-center',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for center aligning media and content.',
     team: 'Design System Team'
@@ -739,6 +780,11 @@ var metadata = {
     package: '@atlaskit/icon/core/content-align-left',
     oldName: ['editor/align-image-left'],
     type: 'core',
+    replacement: {
+      name: 'align-image-left',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for left aligning media and content.',
     team: 'Design System Team'
@@ -749,6 +795,11 @@ var metadata = {
     package: '@atlaskit/icon/core/content-align-right',
     oldName: ['editor/align-image-right'],
     type: 'core',
+    replacement: {
+      name: 'align-image-right',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for right aligning media and content.',
     team: 'Design System Team'
@@ -972,8 +1023,32 @@ var metadata = {
     package: '@atlaskit/icon/core/drag-handle',
     oldName: ['drag-handler'],
     type: 'core',
+    replacement: {
+      name: 'drag-handle-vertical',
+      type: 'core',
+      location: '@atlaskit/icon'
+    },
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for draggable elements.',
+    usage: 'Single purpose - Reserved for draggable elements, like rows.',
+    team: 'Design System Team'
+  },
+  'drag-handle-horizontal': {
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    componentName: 'DragHandleHorizontalIcon',
+    package: '@atlaskit/icon/core/drag-handle-horizontal',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for draggle elements, like columns.',
+    team: 'Design System Team'
+  },
+  'drag-handle-vertical': {
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    componentName: 'DragHandleVerticalIcon',
+    package: '@atlaskit/icon/core/drag-handle-vertical',
+    oldName: ['drag-handler'],
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for draggable elements, like rows.',
     team: 'Design System Team'
   },
   edit: {
@@ -2314,13 +2389,13 @@ var metadata = {
     team: 'Design System Team'
   },
   refresh: {
-    keywords: ['refresh', 'cycle', 'icon', 'core', 'diagonal', 'resize', 'arrows'],
+    keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows'],
     componentName: 'RefreshIcon',
     package: '@atlaskit/icon/core/refresh',
     oldName: ['refresh'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for expanding a object or panel.',
+    usage: 'Reserved for reloading content.',
     team: 'Design System Team'
   },
   release: {
@@ -2725,6 +2800,7 @@ var metadata = {
     keywords: ['stroke-weight-small', 'strokeweightsmall', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thin'],
     componentName: 'StrokeWeightSmallIcon',
     package: '@atlaskit/icon/core/stroke-weight-small',
+    oldName: ['media-services/line'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Reserved for representing thin border stroke widths.',

package/dist/cjs/metadata-utility.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::d604eb54f7c4dbe01b0cc929a7910d27>>
+ * @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -170,8 +170,32 @@ var metadata = {
     package: '@atlaskit/icon/utility/drag-handle',
     oldName: ['drag-handler'],
     type: 'utility',
+    replacement: {
+      name: 'drag-handle-vertical',
+      type: 'utility',
+      location: '@atlaskit/icon'
+    },
     categorization: 'utility',
-    usage: 'Reserved for draggable elements.',
+    usage: 'Reserved for draggable elements, like rows.',
+    team: 'Design System Team'
+  },
+  'drag-handle-horizontal': {
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    componentName: 'DragHandleHorizontalIcon',
+    package: '@atlaskit/icon/utility/drag-handle-horizontal',
+    type: 'utility',
+    categorization: 'utility',
+    usage: 'Reserved for draggable elements, like columns.',
+    team: 'Design System Team'
+  },
+  'drag-handle-vertical': {
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    componentName: 'DragHandleVerticalIcon',
+    package: '@atlaskit/icon/utility/drag-handle-vertical',
+    oldName: ['drag-handler'],
+    type: 'utility',
+    categorization: 'utility',
+    usage: 'Reserved for draggable elements, like rows.',
     team: 'Design System Team'
   },
   error: {

package/dist/cjs/migration-map.js

@@ -90,10 +90,15 @@ var migrationMap = {
   },
   'editor/align-center': {
     newIcon: {
-      name: 'align-center',
+      name: 'align-text-center',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'align-center',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -103,10 +108,15 @@ var migrationMap = {
   },
   'editor/align-left': {
     newIcon: {
-      name: 'align-left',
+      name: 'align-text-left',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'align-left',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -116,10 +126,15 @@ var migrationMap = {
   },
   'editor/align-right': {
     newIcon: {
-      name: 'align-right',
+      name: 'align-text-right',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'align-right',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -1133,10 +1148,15 @@ var migrationMap = {
   },
   'drag-handler': {
     newIcon: {
-      name: 'drag-handle',
+      name: 'drag-handle-vertical',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'drag-handle',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap',
       medium: 'swap',
@@ -1209,10 +1229,15 @@ var migrationMap = {
   },
   'editor/align-image-center': {
     newIcon: {
-      name: 'content-align-center',
+      name: 'align-image-center',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'content-align-center',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1222,10 +1247,15 @@ var migrationMap = {
   },
   'editor/align-image-left': {
     newIcon: {
-      name: 'content-align-left',
+      name: 'align-image-left',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'content-align-left',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1235,10 +1265,15 @@ var migrationMap = {
   },
   'editor/align-image-right': {
     newIcon: {
-      name: 'content-align-right',
+      name: 'align-image-right',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'content-align-right',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -2990,10 +3025,15 @@ var migrationMap = {
   },
   'media-services/line': {
     newIcon: {
-      name: 'border-weight-thin',
+      name: 'stroke-weight-small',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'border-weight-thin',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',