@atlaskit/icon 23.11.0 → 24.1.0

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @atlaskit/icon
 
+## 24.1.0
+
+### Minor Changes
+
+- [#117980](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117980)
+  [`445574ca2bf8c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/445574ca2bf8c) -
+  This release updates icons in `@atlaskit/icon`.
+
+  ### Updated:
+
+  **`@atlaskit/icon/core`**
+
+  - `drag-handle-horizontal`
+  - `drag-handle-vertical`
+  - `drag-handle`
+  - `text-strikethrough`
+
+  **`@atlaskit/icon/utility`**
+
+  - `drag-handle-horizontal`
+  - `drag-handle-vertical`
+  - `drag-handle`
+
+## 24.0.0
+
+### Major Changes
+
+- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
+  [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
+  This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
+  status of only supporting React 18 going forward. No explicit breaking change to React support has
+  been made in this release, but this is to signify going forward, breaking changes for React 16 or
+  React 17 may come via non-major semver releases.
+
+  Please refer this community post for more details:
+  https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.11.0
 
 ### Minor Changes

package/core/drag-handle-horizontal.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::371dbbdb3311a2882d5d17a05cb6ade8>>
+ * @codegen <<SignedSource::6e72a8d0068086056f364f7dd341ab92>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,12 +19,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "DragHandleHorizontal".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Single purpose - Reserved for draggle elements, like columns.
+ * Usage guidance: Reserved for dragging elements along a horizontal axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const DragHandleHorizontalIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path fill="currentcolor" d="M13.25 7a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5m0 5.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5M8 7a1.75 1.75 0 1 1 0-3.5A1.75 1.75 0 0 1 8 7m0 5.5A1.75 1.75 0 1 1 8 9a1.75 1.75 0 0 1 0 3.5M2.75 7a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5m0 5.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5"/>`
+  dangerouslySetGlyph: `<path fill="currentcolor" d="M2.75 9a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m0-5.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5M8 9a1.75 1.75 0 1 1 0 3.5A1.75 1.75 0 0 1 8 9m0-5.5A1.75 1.75 0 1 1 8 7a1.75 1.75 0 0 1 0-3.5M13.25 9a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m0-5.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 DragHandleHorizontalIcon.displayName = 'DragHandleHorizontalIcon';

package/core/drag-handle-vertical.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4481c307497582287ccd465c3de9a051>>
+ * @codegen <<SignedSource::c883ece1ddc4283c1c24f59585eb17c1>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "DragHandleVertical".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Single purpose - Reserved for draggable elements, like rows.
+ * Usage guidance: Reserved for dragging elements along a vertical axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/drag-handle.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::91e617a25717aeb2c294de92433f73ef>>
+ * @codegen <<SignedSource::de286473fe5e78031dbf3827a458676d>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "DragHandle".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Single purpose - Reserved for draggable elements, like rows.
+ * Usage guidance: Single purpose - Reserved for draggable elements along a vertical axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::efe12828f5ff62e9046b60695b745e32>>
+ * @codegen <<SignedSource::eff27fc4d0f96940c8f13195e9bd0a6f>>
  * @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 draggable elements, like rows.
+ * Usage guidance: Single purpose - Reserved for draggable elements along a vertical axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::00cf753aab05b73546ecd78f6bc8ff56>>
+ * @codegen <<SignedSource::847a2f915333f5f55d1ac98fb7766dcc>>
  * @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 draggable elements, like rows.
+ * Usage guidance: Reserved for dragging elements along a vertical axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/text-strikethrough.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d5e04986bf45fc62002ec37970dc29ba>>
+ * @codegen <<SignedSource::7b4023e312161c995c752f2eaf26f5fa>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const TextStrikethroughIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<mask id="mask0_35812_9552" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" fill-rule="evenodd" d="M16 0H0v16h16zm-1 8.75H1v1.5h14z" clip-rule="evenodd"/></mask><g mask="url(#mask0_35812_9552)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M11 3a3.33 3.33 0 0 0-2.6-1.25h-.934a2.866 2.866 0 0 0-.787 5.622l3.018.863a3.067 3.067 0 0 1-.842 6.015h-.668a3.75 3.75 0 0 1-3.427-2.227L4.75 12"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M15 8H1"/>`
+  dangerouslySetGlyph: `<mask id="mask0_37654_4542" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" fill-rule="evenodd" d="M16 0H0v16h16zm-1 8.75H1v1.5h14z" clip-rule="evenodd"/></mask><g mask="url(#mask0_37654_4542)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M11 3a3.33 3.33 0 0 0-2.6-1.25h-.934a2.866 2.866 0 0 0-.787 5.622l3.018.863a3.067 3.067 0 0 1-.842 6.015h-.668a3.75 3.75 0 0 1-3.427-2.227L4.75 12"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M15 8H1"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 TextStrikethroughIcon.displayName = 'TextStrikethroughIcon';

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::a79b61e7d7891e9865d33932dc25db57>>
+ * @codegen <<SignedSource::d25a2654a95241ca8decc1ab6a780010>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -1018,7 +1018,7 @@ var metadata = {
     team: 'Design System Team'
   },
   'drag-handle': {
-    keywords: ['drag-handle', 'draghandle', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle', 'draghandle', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder vertical'],
     componentName: 'DragHandleIcon',
     package: '@atlaskit/icon/core/drag-handle',
     oldName: ['drag-handler'],
@@ -1029,27 +1029,30 @@ var metadata = {
       location: '@atlaskit/icon'
     },
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for draggable elements, like rows.',
-    team: 'Design System Team'
+    usage: 'Single purpose - Reserved for draggable elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-horizontal': {
-    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder horizontal'],
     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'
+    usage: 'Reserved for dragging elements along a horizontal axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
-    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder vertical'],
     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'
+    usage: 'Reserved for dragging elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   edit: {
     keywords: ['edit', 'pencil', 'write', 'icon', 'core', 'pencil', 'pencil on page'],

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::34c18c6b3305be3ce8bfc2ad0683cdaa>>
+ * @codegen <<SignedSource::58a5410f3478761fe38a89a56184aefb>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -176,27 +176,29 @@ var metadata = {
       location: '@atlaskit/icon'
     },
     categorization: 'utility',
-    usage: 'Reserved for draggable elements, like rows.',
+    usage: 'Reserved for draggable elements.',
     team: 'Design System Team'
   },
   'drag-handle-horizontal': {
-    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag', 'drag handler', 'reorder columns', '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'
+    usage: 'Reserved for dragging elements along a horizontal axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
-    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag', 'drag handler', 'move', 'reorder rows'],
     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'
+    usage: 'Reserved for dragging elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   error: {
     keywords: ['error', 'warning', 'alert', 'icon', 'utility', 'filled', 'status', 'form', 'helper'],

package/dist/es2019/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
+ * @codegen <<SignedSource::d25a2654a95241ca8decc1ab6a780010>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -1012,7 +1012,7 @@ const metadata = {
     team: 'Design System Team'
   },
   'drag-handle': {
-    keywords: ['drag-handle', 'draghandle', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle', 'draghandle', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder vertical'],
     componentName: 'DragHandleIcon',
     package: '@atlaskit/icon/core/drag-handle',
     oldName: ['drag-handler'],
@@ -1023,27 +1023,30 @@ const metadata = {
       location: '@atlaskit/icon'
     },
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for draggable elements, like rows.',
-    team: 'Design System Team'
+    usage: 'Single purpose - Reserved for draggable elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-horizontal': {
-    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder horizontal'],
     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'
+    usage: 'Reserved for dragging elements along a horizontal axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
-    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder vertical'],
     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'
+    usage: 'Reserved for dragging elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   edit: {
     keywords: ['edit', 'pencil', 'write', 'icon', 'core', 'pencil', 'pencil on page'],

package/dist/es2019/metadata-utility.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
+ * @codegen <<SignedSource::58a5410f3478761fe38a89a56184aefb>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -170,27 +170,29 @@ const metadata = {
       location: '@atlaskit/icon'
     },
     categorization: 'utility',
-    usage: 'Reserved for draggable elements, like rows.',
+    usage: 'Reserved for draggable elements.',
     team: 'Design System Team'
   },
   'drag-handle-horizontal': {
-    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag', 'drag handler', 'reorder columns', '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'
+    usage: 'Reserved for dragging elements along a horizontal axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
-    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag', 'drag handler', 'move', 'reorder rows'],
     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'
+    usage: 'Reserved for dragging elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   error: {
     keywords: ['error', 'warning', 'alert', 'icon', 'utility', 'filled', 'status', 'form', 'helper'],

package/dist/esm/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
+ * @codegen <<SignedSource::d25a2654a95241ca8decc1ab6a780010>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -1012,7 +1012,7 @@ var metadata = {
     team: 'Design System Team'
   },
   'drag-handle': {
-    keywords: ['drag-handle', 'draghandle', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle', 'draghandle', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder vertical'],
     componentName: 'DragHandleIcon',
     package: '@atlaskit/icon/core/drag-handle',
     oldName: ['drag-handler'],
@@ -1023,27 +1023,30 @@ var metadata = {
       location: '@atlaskit/icon'
     },
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for draggable elements, like rows.',
-    team: 'Design System Team'
+    usage: 'Single purpose - Reserved for draggable elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-horizontal': {
-    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder horizontal'],
     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'
+    usage: 'Reserved for dragging elements along a horizontal axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
-    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'reorder', 'move', 'reorder vertical'],
     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'
+    usage: 'Reserved for dragging elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   edit: {
     keywords: ['edit', 'pencil', 'write', 'icon', 'core', 'pencil', 'pencil on page'],

package/dist/esm/metadata-utility.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
+ * @codegen <<SignedSource::58a5410f3478761fe38a89a56184aefb>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -170,27 +170,29 @@ var metadata = {
       location: '@atlaskit/icon'
     },
     categorization: 'utility',
-    usage: 'Reserved for draggable elements, like rows.',
+    usage: 'Reserved for draggable elements.',
     team: 'Design System Team'
   },
   'drag-handle-horizontal': {
-    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag', 'drag handler', 'reorder columns', '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'
+    usage: 'Reserved for dragging elements along a horizontal axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
-    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
+    keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag', 'drag handler', 'move', 'reorder rows'],
     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'
+    usage: 'Reserved for dragging elements along a vertical axis.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
   },
   error: {
     keywords: ['error', 'warning', 'alert', 'icon', 'utility', 'filled', 'status', 'form', 'helper'],

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
+ * @codegen <<SignedSource::d25a2654a95241ca8decc1ab6a780010>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
+ * @codegen <<SignedSource::58a5410f3478761fe38a89a56184aefb>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
+ * @codegen <<SignedSource::d25a2654a95241ca8decc1ab6a780010>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
+ * @codegen <<SignedSource::58a5410f3478761fe38a89a56184aefb>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "23.11.0",
+	"version": "24.1.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -68,39 +68,39 @@
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/tokens": "^4.1.0",
 		"@babel/register": "^7.25.9",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+		"react": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/icon-build-process": "^2.4.0",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^20.3.12",
-		"@atlaskit/code": "^15.8.0",
-		"@atlaskit/css": "^0.9.0",
+		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/code": "^16.0.0",
+		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/form": "^11.2.0",
-		"@atlaskit/heading": "^4.3.0",
-		"@atlaskit/icon-file-type": "^6.8.0",
-		"@atlaskit/icon-object": "^6.11.0",
-		"@atlaskit/link": "^2.2.0",
-		"@atlaskit/logo": "^15.4.0",
-		"@atlaskit/menu": "^2.14.0",
-		"@atlaskit/modal-dialog": "^12.19.3",
-		"@atlaskit/primitives": "^13.6.0",
+		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/heading": "^5.0.0",
+		"@atlaskit/icon-file-type": "^7.0.0",
+		"@atlaskit/icon-object": "^7.0.0",
+		"@atlaskit/link": "^3.0.0",
+		"@atlaskit/logo": "^16.0.0",
+		"@atlaskit/menu": "^3.0.0",
+		"@atlaskit/modal-dialog": "^13.0.0",
+		"@atlaskit/primitives": "^14.0.0",
 		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^7.0.0",
-		"@atlaskit/theme": "^16.0.0",
-		"@atlaskit/toggle": "^14.2.0",
-		"@atlaskit/tooltip": "^19.2.0",
+		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/toggle": "^15.0.0",
+		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@babel/core": "7.24.9",
 		"@codeshift/utils": "^0.2.4",

package/svgs/core/drag-handle-horizontal.svg

@@ -1 +1 @@
-<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M13.25 7a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5m0 5.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5M8 7a1.75 1.75 0 1 1 0-3.5A1.75 1.75 0 0 1 8 7m0 5.5A1.75 1.75 0 1 1 8 9a1.75 1.75 0 0 1 0 3.5M2.75 7a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5m0 5.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5"/></svg>
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M2.75 9a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m0-5.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5M8 9a1.75 1.75 0 1 1 0 3.5A1.75 1.75 0 0 1 8 9m0-5.5A1.75 1.75 0 1 1 8 7a1.75 1.75 0 0 1 0-3.5M13.25 9a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m0-5.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5"/></svg>

package/svgs/core/text-strikethrough.svg

@@ -1 +1 @@
-<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_35812_9552" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" fill-rule="evenodd" d="M16 0H0v16h16zm-1 8.75H1v1.5h14z" clip-rule="evenodd"/></mask><g mask="url(#mask0_35812_9552)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M11 3a3.33 3.33 0 0 0-2.6-1.25h-.934a2.866 2.866 0 0 0-.787 5.622l3.018.863a3.067 3.067 0 0 1-.842 6.015h-.668a3.75 3.75 0 0 1-3.427-2.227L4.75 12"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M15 8H1"/></svg>
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_37654_4542" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" fill-rule="evenodd" d="M16 0H0v16h16zm-1 8.75H1v1.5h14z" clip-rule="evenodd"/></mask><g mask="url(#mask0_37654_4542)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M11 3a3.33 3.33 0 0 0-2.6-1.25h-.934a2.866 2.866 0 0 0-.787 5.622l3.018.863a3.067 3.067 0 0 1-.842 6.015h-.668a3.75 3.75 0 0 1-3.427-2.227L4.75 12"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M15 8H1"/></svg>

package/utility/drag-handle-horizontal.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a1bad36676d1d31f8288ef8ad8a703e>>
+ * @codegen <<SignedSource::d8e16ffd6bbe43bfa48ab5f240e3fbf8>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "DragHandleHorizontal".
  * Category: utility
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for draggable elements, like columns.
+ * Usage guidance: Reserved for dragging elements along a horizontal axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/utility/drag-handle-vertical.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c774d61f8c99d81f0dbd4a601b5a2640>>
+ * @codegen <<SignedSource::2363445358d0eab1261310a34cc6dcee>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "DragHandleVertical".
  * Category: utility
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for draggable elements, like rows.
+ * Usage guidance: Reserved for dragging elements along a vertical axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/utility/drag-handle.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::bd19f7355c1583637def5fcd8c5ced43>>
+ * @codegen <<SignedSource::cd9976b41c77774865477faedb2807d1>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "DragHandle".
  * Category: utility
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for draggable elements, like rows.
+ * Usage guidance: Reserved for draggable elements.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/utility/migration/drag-handle--drag-handler.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::28f3eb3664044b93368e3fef7d78315a>>
+ * @codegen <<SignedSource::1889360ea50129d9de12bad0626d7284>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,7 +21,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  * Category: utility
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for draggable elements, like rows.
+ * Usage guidance: Reserved for draggable elements.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7dcab57e1a5296ed5da9181f33797fc0>>
+ * @codegen <<SignedSource::982da6b8d9fa048cb33c2c4e5a671523>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,7 +21,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  * Category: utility
  * Location: @atlaskit/icon
- * Usage guidance: Reserved for draggable elements, like rows.
+ * Usage guidance: Reserved for dragging elements along a vertical axis.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */