@atlaskit/icon 22.24.0 → 22.24.2

package/core/migration/video--video-filled.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6bcae513d675b5631a2d6542a081d766>>
+ * @codegen <<SignedSource::b1e1a64477d8a2bd9bfaf4f0ba07f64c>>
  * @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 video in Media.
+ * Usage guidance: Single purpose - Reserved for representing video content across Atlassian and Loom.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/scales.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::091e4fc2ee52d30eb80552f333a1771d>>
+ * @codegen <<SignedSource::af2ad4668be05fb22a575cabc855c1bf>>
  * @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 ScalesIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M6.75 11.25a3 3 0 1 1-6 0m6 0h-6m6 0L3.75 5m-3 6.25 3-6.25m0 0L8 4m7.25 5.25a3 3 0 1 1-6 0m6 0h-6m6 0-3-6.25m-3 6.25 3-6.25m0 0L8 4m0 0V1"/>`
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M8 1v2.998M.755 11.25h5.987m-2.99-6.247L6.75 11.25a3 3 0 1 1-6 0l3-6.25L8 4l4.25-1 3 6.25a3 3 0 1 1-6 0l3.002-6.248m2.996 6.248H9.253"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ScalesIcon.displayName = 'ScalesIcon';

package/core/screen-plus.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::634eb41d53ee1ed541b028e66a7d6d15>>
+ * @codegen <<SignedSource::2eb43807607ad0a201e95ad8a68ce873>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "ScreenPlus".
  * Category: multi-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Multi purpose
+ * Usage guidance: Known uses: TBC
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/core/send.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::50f79fee3edc3bc08584e1e0f25f62c0>>
+ * @codegen <<SignedSource::578824dcb55b508774959facaa3d2955>>
  * @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 SendIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m14.25 1.75-13.5 5 5.5 3m8-8-5 13.5-3-5.5m8-8-8 8"/>`
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M13.679 2.321 6.252 9.753M14.25 1.75l-13.5 5 5.5 3 3 5.5z"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 SendIcon.displayName = 'SendIcon';

package/core/smart-link.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c8b10903ca2942e1d64f5d72bac565da>>
+ * @codegen <<SignedSource::1b2b3c2b0377d5fdfd2ef301d2ae1422>>
  * @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 SmartLinkIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M5 6.5 2.75 8.75a3.182 3.182 0 0 0 4.168 4.79M11 9.5l2.25-2.25a3.182 3.182 0 0 0-4.168-4.79m0 0a1.5 1.5 0 1 0-2.163 2.078 1.5 1.5 0 0 0 2.163-2.077ZM6.918 13.54a1.5 1.5 0 1 0 2.163-2.078 1.5 1.5 0 0 0-2.163 2.077Z"/>`
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M5 6.5 2.75 8.75a3.182 3.182 0 0 0 4.168 4.79M11 9.5l2.25-2.25a3.182 3.182 0 0 0-4.168-4.789m0 0A1.5 1.5 0 1 0 6.919 4.54a1.5 1.5 0 0 0 2.163-2.078ZM6.918 13.54a1.5 1.5 0 1 0 2.163-2.078 1.5 1.5 0 0 0-2.163 2.078Z"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 SmartLinkIcon.displayName = 'SmartLinkIcon';

package/core/status-verified.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6c7a5cdf3808a2a85c592cee6b98f6e5>>
+ * @codegen <<SignedSource::c79209527496ded28415bb6d06619cad>>
  * @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 StatusVerifiedIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
-  dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M9.15 1.406a1.713 1.713 0 0 0-2.3 0L5.7 2.448a.2.2 0 0 1-.15.055L4 2.443a1.713 1.713 0 0 0-1.763 1.48l-.21 1.536a.2.2 0 0 1-.08.14l-1.226.95c-.696.54-.87 1.52-.4 2.266l.828 1.312c.03.047.04.103.027.158L.848 11.8A1.713 1.713 0 0 0 2 13.793l1.477.474a.2.2 0 0 1 .123.103l.723 1.372c.41.78 1.346 1.12 2.162.787l1.436-.586a.2.2 0 0 1 .16 0l1.436.586a1.713 1.713 0 0 0 2.162-.787l.723-1.372a.2.2 0 0 1 .123-.103l1.477-.474a1.713 1.713 0 0 0 1.15-1.993l-.328-1.515a.2.2 0 0 1 .028-.159l.827-1.311a1.71 1.71 0 0 0-.4-2.267l-1.225-.95a.2.2 0 0 1-.08-.14l-.21-1.535A1.713 1.713 0 0 0 12 2.443l-1.55.06a.2.2 0 0 1-.15-.055zm3.176 5.074-1.152-.96-4.424 5.31-1.924-2.31-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z" clip-rule="evenodd"/>`
+  dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M9.15.444a1.713 1.713 0 0 0-2.3 0L5.7 1.486a.2.2 0 0 1-.15.055L4 1.481a1.713 1.713 0 0 0-1.763 1.48l-.21 1.536a.2.2 0 0 1-.08.139l-1.226.95c-.696.54-.87 1.52-.4 2.266l.828 1.312c.03.047.04.104.027.159l-.328 1.515A1.713 1.713 0 0 0 2 12.831l1.477.474a.2.2 0 0 1 .123.103l.723 1.372c.41.78 1.346 1.12 2.162.787l1.436-.586a.2.2 0 0 1 .16 0l1.436.586a1.713 1.713 0 0 0 2.162-.787l.723-1.372a.2.2 0 0 1 .123-.103l1.477-.474a1.713 1.713 0 0 0 1.15-1.993l-.328-1.515a.2.2 0 0 1 .028-.159l.827-1.312a1.71 1.71 0 0 0-.4-2.266l-1.225-.95a.2.2 0 0 1-.08-.14l-.21-1.536A1.713 1.713 0 0 0 12 1.481l-1.55.06a.2.2 0 0 1-.15-.055zm3.176 5.036-1.152-.96L6.75 9.828 4.826 7.52l-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z" clip-rule="evenodd"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 StatusVerifiedIcon.displayName = 'StatusVerifiedIcon';

package/core/video.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0337e7dc2af6868b482a5f3af85a1da3>>
+ * @codegen <<SignedSource::7fcdc9d81a6b006402cdc2c95922b799>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "Video".
  * Category: single-purpose
  * Location: @atlaskit/icon
- * Usage guidance: Single purpose - Reserved for video in Media.
+ * Usage guidance: Single purpose - Reserved for representing video content across Atlassian and Loom.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */

package/dist/cjs/components/icon.js

@@ -111,13 +111,14 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     "aria-hidden": label ? undefined : true
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: _objectSpread({
+    style: {
       '--icon-primary-color': primaryColor,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor || (0, _utils.getBackground)()
-    }, UNSAFE_margin ? {
+      '--icon-secondary-color': secondaryColor || (0, _utils.getBackground)(),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       margin: UNSAFE_margin
-    } : {})
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    }
   }, glyphProps, {
     css: [iconStyles, baseHcmStyles, primaryColor === secondaryColor && primaryEqualsSecondaryHcmStyles, secondaryColor === 'transparent' && secondaryTransparentHcmStyles,
     // NB: This can be resolved if this component, composes base SVG / and/or skeleton

package/dist/cjs/entry-points/metadata.js

@@ -4,10 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "coreIconMetadata", {
+  enumerable: true,
+  get: function get() {
+    return _metadataCore.default;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _metadata.default;
   }
 });
-var _metadata = _interopRequireDefault(require("../metadata"));
+Object.defineProperty(exports, "utilityIconMetadata", {
+  enumerable: true,
+  get: function get() {
+    return _metadataUtility.default;
+  }
+});
+var _metadata = _interopRequireDefault(require("../metadata"));
+var _metadataCore = _interopRequireDefault(require("../metadata-core"));
+var _metadataUtility = _interopRequireDefault(require("../metadata-utility"));

package/dist/cjs/metadata-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::d76c32c1492b8dd1bef65149c573c900>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -173,7 +173,7 @@ var metadata = {
     package: '@atlaskit/icon/core/arrow-down-right',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   'arrow-left': {
@@ -212,7 +212,7 @@ var metadata = {
     package: '@atlaskit/icon/core/arrow-up-left',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   'arrow-up-right': {
@@ -743,6 +743,7 @@ var metadata = {
     keywords: ['content-wrap-left', 'contentwrapleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left', 'inline', 'wrap'],
     componentName: 'ContentWrapLeftIcon',
     package: '@atlaskit/icon/core/content-wrap-left',
+    oldName: ['editor/media-wrap-left'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for left aligning media and content with wrapping enabled.',
@@ -752,6 +753,7 @@ var metadata = {
     keywords: ['content-wrap-right', 'contentwrapright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right', 'inline', 'wrap'],
     componentName: 'ContentWrapRightIcon',
     package: '@atlaskit/icon/core/content-wrap-right',
+    oldName: ['editor/media-wrap-right'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for right aligning media and content with wrapping enabled.',
@@ -914,6 +916,7 @@ var metadata = {
     keywords: ['discovery', 'icon', 'core', 'discovery', 'note', 'filled'],
     componentName: 'DiscoveryIcon',
     package: '@atlaskit/icon/core/discovery',
+    oldName: ['editor/note'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for representing discovery. Used for Note info panel variant in Editor.',
@@ -1160,7 +1163,7 @@ var metadata = {
     keywords: ['file', 'document', 'paper', 'page', 'sheet', 'icon', 'core', 'document', 'file', 'paper'],
     componentName: 'FileIcon',
     package: '@atlaskit/icon/core/file',
-    oldName: ['editor/file', 'file'],
+    oldName: ['document-filled', 'document', 'editor/file', 'file'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known uses: document, file. Do not use to represent a page — use the dedicated 'Page' icon instead.",
@@ -1170,6 +1173,7 @@ var metadata = {
     keywords: ['files', 'icon', 'core', 'documents', 'files', 'papers'],
     componentName: 'FilesIcon',
     package: '@atlaskit/icon/core/files',
+    oldName: ['documents'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known uses: documents, files. Do not use to represent pages — use the dedicated 'Pages' icon instead.",
@@ -1359,7 +1363,7 @@ var metadata = {
     team: 'Design System Team'
   },
   highlight: {
-    keywords: ['highlight', 'icon', 'core', ' highlight', 'highlighter', 'stabilo', 'pen'],
+    keywords: ['highlight', 'icon', 'core', 'highlight', 'highlighter', 'stabilo', 'pen'],
     componentName: 'HighlightIcon',
     package: '@atlaskit/icon/core/highlight',
     type: 'core',
@@ -1779,7 +1783,7 @@ var metadata = {
     keywords: ['minus', 'icon', 'core', 'rule', 'horizontal line', 'divider', 'minus', 'subtract'],
     componentName: 'MinusIcon',
     package: '@atlaskit/icon/core/minus',
-    oldName: ['editor/horizontal-rule'],
+    oldName: ['editor/divider', 'editor/horizontal-rule'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: horizontal rule in Editor.',
@@ -2338,7 +2342,7 @@ var metadata = {
     package: '@atlaskit/icon/core/screen-plus',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   search: {
@@ -3073,7 +3077,7 @@ var metadata = {
     oldName: ['media-services/video', 'hipchat/sd-video', 'vid-camera-on', 'video-circle', 'video-filled'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for video in Media.',
+    usage: 'Single purpose - Reserved for representing video content across Atlassian and Loom.',
     team: 'Design System Team'
   },
   'video-next': {

package/dist/cjs/migration-map.js

@@ -1052,10 +1052,15 @@ var migrationMap = {
   },
   'document-filled': {
     newIcon: {
-      name: 'page',
+      name: 'file',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1065,10 +1070,15 @@ var migrationMap = {
   },
   document: {
     newIcon: {
-      name: 'page',
+      name: 'file',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1078,10 +1088,15 @@ var migrationMap = {
   },
   documents: {
     newIcon: {
-      name: 'pages',
+      name: 'files',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'pages',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1350,6 +1365,11 @@ var migrationMap = {
     }
   },
   'editor/divider': {
+    newIcon: {
+      name: 'minus',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1714,6 +1734,11 @@ var migrationMap = {
     }
   },
   'editor/media-wrap-left': {
+    newIcon: {
+      name: 'content-wrap-left',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1722,6 +1747,11 @@ var migrationMap = {
     }
   },
   'editor/media-wrap-right': {
+    newIcon: {
+      name: 'content-wrap-right',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1757,10 +1787,15 @@ var migrationMap = {
   },
   'editor/note': {
     newIcon: {
-      name: 'page',
+      name: 'discovery',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',

package/dist/es2019/components/icon.js

@@ -112,9 +112,7 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       '--icon-secondary-color': secondaryColor || getBackground(),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ...(UNSAFE_margin ? {
-        margin: UNSAFE_margin
-      } : {})
+      margin: UNSAFE_margin
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     }
   }, glyphProps, {

package/dist/es2019/entry-points/metadata.js

@@ -1 +1,3 @@
-export { default } from '../metadata';
+export { default } from '../metadata';
+export { default as coreIconMetadata } from '../metadata-core';
+export { default as utilityIconMetadata } from '../metadata-utility';

package/dist/es2019/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::d76c32c1492b8dd1bef65149c573c900>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -167,7 +167,7 @@ const metadata = {
     package: '@atlaskit/icon/core/arrow-down-right',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   'arrow-left': {
@@ -206,7 +206,7 @@ const metadata = {
     package: '@atlaskit/icon/core/arrow-up-left',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   'arrow-up-right': {
@@ -737,6 +737,7 @@ const metadata = {
     keywords: ['content-wrap-left', 'contentwrapleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left', 'inline', 'wrap'],
     componentName: 'ContentWrapLeftIcon',
     package: '@atlaskit/icon/core/content-wrap-left',
+    oldName: ['editor/media-wrap-left'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for left aligning media and content with wrapping enabled.',
@@ -746,6 +747,7 @@ const metadata = {
     keywords: ['content-wrap-right', 'contentwrapright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right', 'inline', 'wrap'],
     componentName: 'ContentWrapRightIcon',
     package: '@atlaskit/icon/core/content-wrap-right',
+    oldName: ['editor/media-wrap-right'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for right aligning media and content with wrapping enabled.',
@@ -908,6 +910,7 @@ const metadata = {
     keywords: ['discovery', 'icon', 'core', 'discovery', 'note', 'filled'],
     componentName: 'DiscoveryIcon',
     package: '@atlaskit/icon/core/discovery',
+    oldName: ['editor/note'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for representing discovery. Used for Note info panel variant in Editor.',
@@ -1154,7 +1157,7 @@ const metadata = {
     keywords: ['file', 'document', 'paper', 'page', 'sheet', 'icon', 'core', 'document', 'file', 'paper'],
     componentName: 'FileIcon',
     package: '@atlaskit/icon/core/file',
-    oldName: ['editor/file', 'file'],
+    oldName: ['document-filled', 'document', 'editor/file', 'file'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known uses: document, file. Do not use to represent a page — use the dedicated 'Page' icon instead.",
@@ -1164,6 +1167,7 @@ const metadata = {
     keywords: ['files', 'icon', 'core', 'documents', 'files', 'papers'],
     componentName: 'FilesIcon',
     package: '@atlaskit/icon/core/files',
+    oldName: ['documents'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known uses: documents, files. Do not use to represent pages — use the dedicated 'Pages' icon instead.",
@@ -1353,7 +1357,7 @@ const metadata = {
     team: 'Design System Team'
   },
   highlight: {
-    keywords: ['highlight', 'icon', 'core', ' highlight', 'highlighter', 'stabilo', 'pen'],
+    keywords: ['highlight', 'icon', 'core', 'highlight', 'highlighter', 'stabilo', 'pen'],
     componentName: 'HighlightIcon',
     package: '@atlaskit/icon/core/highlight',
     type: 'core',
@@ -1773,7 +1777,7 @@ const metadata = {
     keywords: ['minus', 'icon', 'core', 'rule', 'horizontal line', 'divider', 'minus', 'subtract'],
     componentName: 'MinusIcon',
     package: '@atlaskit/icon/core/minus',
-    oldName: ['editor/horizontal-rule'],
+    oldName: ['editor/divider', 'editor/horizontal-rule'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: horizontal rule in Editor.',
@@ -2332,7 +2336,7 @@ const metadata = {
     package: '@atlaskit/icon/core/screen-plus',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   search: {
@@ -3067,7 +3071,7 @@ const metadata = {
     oldName: ['media-services/video', 'hipchat/sd-video', 'vid-camera-on', 'video-circle', 'video-filled'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for video in Media.',
+    usage: 'Single purpose - Reserved for representing video content across Atlassian and Loom.',
     team: 'Design System Team'
   },
   'video-next': {

package/dist/es2019/migration-map.js

@@ -1046,10 +1046,15 @@ const migrationMap = {
   },
   'document-filled': {
     newIcon: {
-      name: 'page',
+      name: 'file',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1059,10 +1064,15 @@ const migrationMap = {
   },
   document: {
     newIcon: {
-      name: 'page',
+      name: 'file',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1072,10 +1082,15 @@ const migrationMap = {
   },
   documents: {
     newIcon: {
-      name: 'pages',
+      name: 'files',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'pages',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1344,6 +1359,11 @@ const migrationMap = {
     }
   },
   'editor/divider': {
+    newIcon: {
+      name: 'minus',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1708,6 +1728,11 @@ const migrationMap = {
     }
   },
   'editor/media-wrap-left': {
+    newIcon: {
+      name: 'content-wrap-left',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1716,6 +1741,11 @@ const migrationMap = {
     }
   },
   'editor/media-wrap-right': {
+    newIcon: {
+      name: 'content-wrap-right',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1751,10 +1781,15 @@ const migrationMap = {
   },
   'editor/note': {
     newIcon: {
-      name: 'page',
+      name: 'discovery',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',

package/dist/esm/components/icon.js

@@ -108,13 +108,14 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     "aria-hidden": label ? undefined : true
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: _objectSpread({
+    style: {
       '--icon-primary-color': primaryColor,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor || getBackground()
-    }, UNSAFE_margin ? {
+      '--icon-secondary-color': secondaryColor || getBackground(),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       margin: UNSAFE_margin
-    } : {})
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    }
   }, glyphProps, {
     css: [iconStyles, baseHcmStyles, primaryColor === secondaryColor && primaryEqualsSecondaryHcmStyles, secondaryColor === 'transparent' && secondaryTransparentHcmStyles,
     // NB: This can be resolved if this component, composes base SVG / and/or skeleton

package/dist/esm/entry-points/metadata.js

@@ -1 +1,3 @@
-export { default } from '../metadata';
+export { default } from '../metadata';
+export { default as coreIconMetadata } from '../metadata-core';
+export { default as utilityIconMetadata } from '../metadata-utility';