@atlaskit/icon 22.24.1 → 22.24.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/icon
 
+## 22.24.2
+
+### Patch Changes
+
+- [#160518](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160518)
+  [`a59ea189efe8c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a59ea189efe8c) -
+  Fix bug with core icons: `send`, `scale` and `status-verified`
+
 ## 22.24.1
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -1,27 +1,27 @@
 {
-  "extends": "../../../../tsconfig.entry-points.jira.json",
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "outDir": "../../../../../tsDist/@atlaskit__icon/app",
-    "composite": true,
-    "rootDir": "../"
-  },
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*"
-  ],
-  "references": [
-    {
-      "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-    },
-    {
-      "path": "../../tokens/afm-jira/tsconfig.json"
-    }
-  ]
-}
+	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../tsDist/@atlaskit__icon/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../tokens/afm-jira/tsconfig.json"
+		}
+	]
+}

package/afm-post-office/tsconfig.json

@@ -1,27 +1,27 @@
 {
-  "extends": "../../../../tsconfig.entry-points.post-office.json",
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "outDir": "../../../../../tsDist/@atlaskit__icon/app",
-    "composite": true,
-    "rootDir": "../"
-  },
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*"
-  ],
-  "references": [
-    {
-      "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
-    },
-    {
-      "path": "../../tokens/afm-post-office/tsconfig.json"
-    }
-  ]
-}
+	"extends": "../../../../tsconfig.entry-points.post-office.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../post-office/tsDist/@atlaskit__icon/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../tokens/afm-post-office/tsconfig.json"
+		}
+	]
+}

package/core/arrow-down-right.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a9f5ee98156f63d62305feba12bfad4>>
+ * @codegen <<SignedSource::eda0bdc253772efe6fc5227280ff2166>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "ArrowDownRight".
  * 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/arrow-up-left.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9b4f3099fbcaa563c8c9387fbfa08b6a>>
+ * @codegen <<SignedSource::acb0c2c38bbaaab859d63d96902a03f9>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -19,7 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * Icon: "ArrowUpLeft".
  * 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/bulleted-list.js

@@ -29,4 +29,4 @@ const BulletedListIcon = props => /*#__PURE__*/_react.default.createElement(_UNS
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 BulletedListIcon.displayName = 'BulletedListIcon';
-var _default = exports.default = BulletedListIcon;
+var _default = exports.default = BulletedListIcon;

package/core/expand.js

@@ -13,7 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
- * @deprecated Use `@atlaskit/icon/core/maximize` instead.
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
  * Please reach out in #icon-contributions before using these in production.
  *
@@ -29,4 +28,4 @@ const ExpandIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_ba
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ExpandIcon.displayName = 'ExpandIcon';
-var _default = exports.default = ExpandIcon;
+var _default = exports.default = ExpandIcon;

package/core/migration/video--hipchat-sd-video.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e27cbcae4692252d3ae14d50c5a4acb9>>
+ * @codegen <<SignedSource::d7c297bfc282c7156b5606237c5f61c7>>
  * @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/migration/video--media-services-video.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fa2c2619bbf5b60b0a58cdf1f9af2753>>
+ * @codegen <<SignedSource::406f2b568fd585db8bdb2307b1b2908c>>
  * @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/migration/video--vid-camera-on.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6640ac50dac0baf46ec25e07652f162c>>
+ * @codegen <<SignedSource::f54c1779846e16ec02ddd36e2f649b12>>
  * @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/migration/video--video-circle.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e4964785a456acdca1b61f07a8f603cb>>
+ * @codegen <<SignedSource::2657455b65981a3ffb405a9c0cc5ee56>>
  * @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/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::ac7f367e690af67950a58d9f31ed30f7>>
+ * @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': {
@@ -1363,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',
@@ -2342,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: {
@@ -3077,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/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::ac7f367e690af67950a58d9f31ed30f7>>
+ * @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': {
@@ -1357,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',
@@ -2336,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: {
@@ -3071,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/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';

package/dist/esm/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::ac7f367e690af67950a58d9f31ed30f7>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -167,7 +167,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': {
@@ -206,7 +206,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': {
@@ -1357,7 +1357,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',
@@ -2336,7 +2336,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: {
@@ -3071,7 +3071,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/types/entry-points/metadata.d.ts

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

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

@@ -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::ac7f367e690af67950a58d9f31ed30f7>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/dist/types-ts4.5/entry-points/metadata.d.ts

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

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

@@ -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::ac7f367e690af67950a58d9f31ed30f7>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "22.24.1",
+	"version": "22.24.2",
 	"description": "An icon is a visual representation of a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -18,7 +18,46 @@
 		"team": "Design System Team",
 		"website": {
 			"name": "Icon",
-			"category": "Components"
+			"category": "Components",
+			"status": {
+				"type": "open-alpha",
+				"description": "These are new icons that will be released as part of Atlassian's visual refresh. Use the legacy icons for current product experiences.",
+				"actions": [
+					{
+						"text": "View legacy icons",
+						"href": "/components/icon/icon-legacy/"
+					},
+					{
+						"text": "Migration guide",
+						"href": "/components/icon/migration-guide/"
+					}
+				]
+			},
+			"subPages": [
+				{
+					"title": "Icon (legacy)",
+					"id": "icon-legacy",
+					"sortKey": 1
+				},
+				{
+					"title": "Icon tile",
+					"id": "icon-tile",
+					"status": {
+						"type": "open-alpha"
+					},
+					"sortKey": 2
+				},
+				{
+					"title": "Custom icon (legacy)",
+					"id": "custom-icon",
+					"sortKey": 3
+				},
+				{
+					"title": "Custom SVG",
+					"id": "custom-svg",
+					"sortKey": 4
+				}
+			]
 		},
 		"runReact18": true
 	},
@@ -27,7 +66,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -39,14 +78,14 @@
 		"@af/icon-build-process": "^2.2.0",
 		"@af/visual-regression": "*",
 		"@atlaskit/code": "^15.6.0",
-		"@atlaskit/ds-lib": "^3.1.0",
+		"@atlaskit/ds-lib": "^3.2.0",
 		"@atlaskit/logo": "^14.3.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.2.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/toggle": "^13.4.0",
-		"@atlaskit/tooltip": "^18.8.0",
+		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/visual-regression": "*",
 		"@babel/core": "7.24.9",
 		"@emotion/babel-preset-css-prop": "^10.0.7",