@atlaskit/icon-object 7.2.2 → 7.2.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/icon-object
 
+## 7.2.3
+
+### Patch Changes
+
+- [`5aee08c7c27e4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5aee08c7c27e4) -
+  We are testing a change behind a feature flag. All exports of `@atlaskit/icon-object` will be
+  swapped to display equivalents from the new replacement package, `@atlaskit/object`. `16px` icon
+  objects will be replaced with unbounded objects, and `24px` icon objects will be replaced with
+  object tiles. If this change is successful it will be available in a later release.
+
 ## 7.2.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		}
 	]
 }

package/afm-dev-agents/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
 		}
 	]
 }

package/afm-jira/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
 		}
 	]
 }

package/afm-passionfruit/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
 		}
 	]
 }

package/afm-post-office/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-post-office/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
 		}
 	]
 }

package/afm-rovo-extension/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-rovo-extension/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-rovo-extension/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-rovo-extension/tsconfig.json"
 		}
 	]
 }

package/afm-townsquare/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
 		}
 	]
 }

package/afm-volt/tsconfig.json

@@ -28,6 +28,12 @@
 		},
 		{
 			"path": "../../icon-lab/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
 		}
 	]
 }

package/build/index.tsx

@@ -4,11 +4,10 @@ import fs from 'fs-extra';
 import pkgDir from 'pkg-dir';
 
 import format from '@af/formatting/sync';
-import { build, createIconDocs, tidy } from '@af/icon-build-process';
-import type { IconBuildConfig } from '@af/icon-build-process';
+import { build, createIconDocs, type IconBuildConfig, tidy } from '@af/icon-build-process';
 import { createSignedArtifact } from '@atlassian/codegen';
 
-import { getIconObjectJSX, iconObjectMapping } from './utils';
+import { createAllIconsFile, getIconObjectJSX, iconObjectMapping } from './utils';
 
 const root = pkgDir.sync();
 
@@ -75,3 +74,11 @@ Object.entries(iconObjectMapping).forEach(([name, iconObject]) => {
 		);
 	});
 });
+
+// Generate all-icons.tsx file
+const iconNames = Object.keys(iconObjectMapping);
+const allIconsContent = createAllIconsFile(iconNames);
+fs.writeFileSync(
+	path.resolve(root!, 'src', 'all-icons.tsx'),
+	createSignedArtifact(format(allIconsContent, 'tsx'), 'yarn build:icon-glyphs'),
+);

package/build/utils.tsx

@@ -117,11 +117,17 @@ export const getIconObjectJSX = (
 		.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
 		.join('')}${size}Icon`;
 
+	// Determine the new component import path based on size
+	const newComponentPath =
+		size === '16' ? `@atlaskit/object/${name}` : `@atlaskit/object/tile/${name}`;
+
 	return `import React from 'react';
 
 import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/${packageName}/core/${icon}';
 import type { GlyphProps } from '@atlaskit/icon/types';
+import NewObjectComponent from '${newComponentPath}';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import IconObjectOld from '../../glyph-legacy/${name}/${size}';
 
@@ -132,10 +138,19 @@ import IconObjectOld from '../../glyph-legacy/${name}/${size}';
  * - [Code](https://atlassian.design/components/icon-object/code)
  * - [Usage](https://atlassian.design/components/icon-object/usage)
  */
-const ${componentName} = ({
+const ${componentName}: {
+    ({ label, testId, }: Omit<GlyphProps, "primaryColor" | "secondaryColor" | "size">): React.JSX.Element;
+    displayName: string;
+} = ({
 	label,
 	testId,
-}: Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>) => {
+}) => {
+	// Feature flag to migrate to new object package
+	if (fg('platform_dst_icon_object_to_object')) {
+		// Map props based on size: 16px -> object (medium), 24px -> tile (small)
+		return ${size === '16' ? '<NewObjectComponent label={label} testId={testId} size="medium" />' : '<NewObjectComponent label={label} testId={testId} size="small" />'}
+	}
+
 	return (
 		<IconTile
 			icon={NewIcon}
@@ -153,3 +168,45 @@ ${componentName}.displayName = '${componentName}';
 export default ${componentName};
 `;
 };
+
+export const createAllIconsFile = (iconNames: string[]) => {
+	// Generate all import statements and sort them alphabetically by full path
+	const allImports = iconNames
+		.flatMap((name) => [
+			{
+				path: `./artifacts/glyph/${name}/16`,
+				statement: `import ${name
+					.split('-')
+					.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+					.join('')}16Icon from './artifacts/glyph/${name}/16';`,
+				componentName: `${name
+					.split('-')
+					.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+					.join('')}16Icon`,
+			},
+			{
+				path: `./artifacts/glyph/${name}/24`,
+				statement: `import ${name
+					.split('-')
+					.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+					.join('')}24Icon from './artifacts/glyph/${name}/24';`,
+				componentName: `${name
+					.split('-')
+					.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+					.join('')}24Icon`,
+			},
+		])
+		.sort((a, b) => a.path.localeCompare(b.path));
+
+	const imports = allImports.map((item) => item.statement).join('\n');
+
+	// Generate export array with all icons in the same order as imports
+	const iconExports = allImports.map((item) => item.componentName).join(',\n\t');
+
+	return `${imports}
+
+export const allIcons = [
+	${iconExports},
+];
+`;
+};

package/dist/cjs/all-icons.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allIcons = void 0;
+var _ = _interopRequireDefault(require("./artifacts/glyph/blog/16"));
+var _2 = _interopRequireDefault(require("./artifacts/glyph/blog/24"));
+var _3 = _interopRequireDefault(require("./artifacts/glyph/branch/16"));
+var _4 = _interopRequireDefault(require("./artifacts/glyph/branch/24"));
+var _5 = _interopRequireDefault(require("./artifacts/glyph/bug/16"));
+var _6 = _interopRequireDefault(require("./artifacts/glyph/bug/24"));
+var _7 = _interopRequireDefault(require("./artifacts/glyph/calendar/16"));
+var _8 = _interopRequireDefault(require("./artifacts/glyph/calendar/24"));
+var _9 = _interopRequireDefault(require("./artifacts/glyph/changes/16"));
+var _0 = _interopRequireDefault(require("./artifacts/glyph/changes/24"));
+var _1 = _interopRequireDefault(require("./artifacts/glyph/code/16"));
+var _10 = _interopRequireDefault(require("./artifacts/glyph/code/24"));
+var _11 = _interopRequireDefault(require("./artifacts/glyph/commit/16"));
+var _12 = _interopRequireDefault(require("./artifacts/glyph/commit/24"));
+var _13 = _interopRequireDefault(require("./artifacts/glyph/epic/16"));
+var _14 = _interopRequireDefault(require("./artifacts/glyph/epic/24"));
+var _15 = _interopRequireDefault(require("./artifacts/glyph/improvement/16"));
+var _16 = _interopRequireDefault(require("./artifacts/glyph/improvement/24"));
+var _17 = _interopRequireDefault(require("./artifacts/glyph/incident/16"));
+var _18 = _interopRequireDefault(require("./artifacts/glyph/incident/24"));
+var _19 = _interopRequireDefault(require("./artifacts/glyph/issue/16"));
+var _20 = _interopRequireDefault(require("./artifacts/glyph/issue/24"));
+var _21 = _interopRequireDefault(require("./artifacts/glyph/new-feature/16"));
+var _22 = _interopRequireDefault(require("./artifacts/glyph/new-feature/24"));
+var _23 = _interopRequireDefault(require("./artifacts/glyph/page-live-doc/16"));
+var _24 = _interopRequireDefault(require("./artifacts/glyph/page-live-doc/24"));
+var _25 = _interopRequireDefault(require("./artifacts/glyph/page/16"));
+var _26 = _interopRequireDefault(require("./artifacts/glyph/page/24"));
+var _27 = _interopRequireDefault(require("./artifacts/glyph/problem/16"));
+var _28 = _interopRequireDefault(require("./artifacts/glyph/problem/24"));
+var _29 = _interopRequireDefault(require("./artifacts/glyph/pull-request/16"));
+var _30 = _interopRequireDefault(require("./artifacts/glyph/pull-request/24"));
+var _31 = _interopRequireDefault(require("./artifacts/glyph/question/16"));
+var _32 = _interopRequireDefault(require("./artifacts/glyph/question/24"));
+var _33 = _interopRequireDefault(require("./artifacts/glyph/story/16"));
+var _34 = _interopRequireDefault(require("./artifacts/glyph/story/24"));
+var _35 = _interopRequireDefault(require("./artifacts/glyph/subtask/16"));
+var _36 = _interopRequireDefault(require("./artifacts/glyph/subtask/24"));
+var _37 = _interopRequireDefault(require("./artifacts/glyph/task/16"));
+var _38 = _interopRequireDefault(require("./artifacts/glyph/task/24"));
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e52e869e99d130089c6a34654ae4e062>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+var allIcons = exports.allIcons = [_.default, _2.default, _3.default, _4.default, _5.default, _6.default, _7.default, _8.default, _9.default, _0.default, _1.default, _10.default, _11.default, _12.default, _13.default, _14.default, _15.default, _16.default, _17.default, _18.default, _19.default, _20.default, _21.default, _22.default, _23.default, _24.default, _25.default, _26.default, _27.default, _28.default, _29.default, _30.default, _31.default, _32.default, _33.default, _34.default, _35.default, _36.default, _37.default, _38.default];

package/dist/cjs/artifacts/glyph/blog/16.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
+var _blog = _interopRequireDefault(require("@atlaskit/object/blog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/blog/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a83a7f5a6c8e47f949d01b79ace277e6>>
+ * @codegen <<SignedSource::25f59ea2b6bc25c62576440e4e014d55>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/blog/16"));
 var Blog16Icon = function Blog16Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_blog.default, {
+      label: label,
+      testId: testId,
+      size: "medium"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _quotationMark.default,
     appearance: "blueBold",

package/dist/cjs/artifacts/glyph/blog/24.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
+var _blog = _interopRequireDefault(require("@atlaskit/object/tile/blog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/blog/24"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5d8623c613f391e6660af828ca0a00c8>>
+ * @codegen <<SignedSource::ee7129996bcdd9cb958d21a3e9c19719>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/blog/24"));
 var Blog24Icon = function Blog24Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_blog.default, {
+      label: label,
+      testId: testId,
+      size: "small"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _quotationMark.default,
     appearance: "blueBold",

package/dist/cjs/artifacts/glyph/branch/16.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _branch = _interopRequireDefault(require("@atlaskit/icon/core/branch"));
+var _branch2 = _interopRequireDefault(require("@atlaskit/object/branch"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/branch/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::57895ef0b52fd8c4c74cfb41dd495e36>>
+ * @codegen <<SignedSource::838f4f86c5032d94c12ae3c464c4518b>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/branch/16"));
 var Branch16Icon = function Branch16Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_branch2.default, {
+      label: label,
+      testId: testId,
+      size: "medium"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _branch.default,
     appearance: "blueBold",

package/dist/cjs/artifacts/glyph/branch/24.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _branch = _interopRequireDefault(require("@atlaskit/icon/core/branch"));
+var _branch2 = _interopRequireDefault(require("@atlaskit/object/tile/branch"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/branch/24"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0601d3cafa2428cf5592c0dcd4cdb521>>
+ * @codegen <<SignedSource::24123b79b76274b366262c7d1c802191>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/branch/24"));
 var Branch24Icon = function Branch24Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_branch2.default, {
+      label: label,
+      testId: testId,
+      size: "small"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _branch.default,
     appearance: "blueBold",

package/dist/cjs/artifacts/glyph/bug/16.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _bug = _interopRequireDefault(require("@atlaskit/icon/core/bug"));
+var _bug2 = _interopRequireDefault(require("@atlaskit/object/bug"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/bug/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1b3eace3db32e909d8e4c2d548565af4>>
+ * @codegen <<SignedSource::167fa533efc4ba93e24036848d1072d4>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/bug/16"));
 var Bug16Icon = function Bug16Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_bug2.default, {
+      label: label,
+      testId: testId,
+      size: "medium"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _bug.default,
     appearance: "redBold",

package/dist/cjs/artifacts/glyph/bug/24.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _bug = _interopRequireDefault(require("@atlaskit/icon/core/bug"));
+var _bug2 = _interopRequireDefault(require("@atlaskit/object/tile/bug"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/bug/24"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e9d14483bc9024a3df47e7ad746c28f5>>
+ * @codegen <<SignedSource::0f602ecc7c0c56afcbb768f96ea33586>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/bug/24"));
 var Bug24Icon = function Bug24Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_bug2.default, {
+      label: label,
+      testId: testId,
+      size: "small"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _bug.default,
     appearance: "redBold",

package/dist/cjs/artifacts/glyph/calendar/16.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
+var _calendar2 = _interopRequireDefault(require("@atlaskit/object/calendar"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/calendar/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::21d5bc5578882f86fd602b2b6644a54b>>
+ * @codegen <<SignedSource::28d0f6475870cbf159ab08e0e960bd5d>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/calendar/16"));
 var Calendar16Icon = function Calendar16Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_calendar2.default, {
+      label: label,
+      testId: testId,
+      size: "medium"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _calendar.default,
     appearance: "redBold",

package/dist/cjs/artifacts/glyph/calendar/24.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
+var _calendar2 = _interopRequireDefault(require("@atlaskit/object/tile/calendar"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/calendar/24"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fb0796288d3b3ee9f535301ef5e8c24a>>
+ * @codegen <<SignedSource::c20134aa0e23dcbffd02b1fd55e73767>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/calendar/24"));
 var Calendar24Icon = function Calendar24Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_calendar2.default, {
+      label: label,
+      testId: testId,
+      size: "small"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _calendar.default,
     appearance: "redBold",

package/dist/cjs/artifacts/glyph/changes/16.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _changes = _interopRequireDefault(require("@atlaskit/icon/core/changes"));
+var _changes2 = _interopRequireDefault(require("@atlaskit/object/changes"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/changes/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::505d8909c8998f8492f66eab6e38980b>>
+ * @codegen <<SignedSource::57ea112ed25eedff788d2782c5430357>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/changes/16"));
 var Changes16Icon = function Changes16Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_changes2.default, {
+      label: label,
+      testId: testId,
+      size: "medium"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _changes.default,
     appearance: "orangeBold",

package/dist/cjs/artifacts/glyph/changes/24.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _changes = _interopRequireDefault(require("@atlaskit/icon/core/changes"));
+var _changes2 = _interopRequireDefault(require("@atlaskit/object/tile/changes"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/changes/24"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::07859535a1738c625b8ad8a1e345d7c8>>
+ * @codegen <<SignedSource::04bc4d6ff8d556e35c85772718b557ae>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/changes/24"));
 var Changes24Icon = function Changes24Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_changes2.default, {
+      label: label,
+      testId: testId,
+      size: "small"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _changes.default,
     appearance: "orangeBold",

package/dist/cjs/artifacts/glyph/code/16.js

@@ -8,10 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var _code = _interopRequireDefault(require("@atlaskit/object/code"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/code/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8e82b283fed135d161349bed7f64fbf0>>
+ * @codegen <<SignedSource::28e074effda908d62315fc623bb11ea4>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -25,6 +27,15 @@ var _ = _interopRequireDefault(require("../../glyph-legacy/code/16"));
 var Code16Icon = function Code16Icon(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
+  // Feature flag to migrate to new object package
+  if ((0, _platformFeatureFlags.fg)('platform_dst_icon_object_to_object')) {
+    // Map props based on size: 16px -> object (medium), 24px -> tile (small)
+    return /*#__PURE__*/_react.default.createElement(_code.default, {
+      label: label,
+      testId: testId,
+      size: "medium"
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
     icon: _angleBrackets.default,
     appearance: "purpleBold",