@atlaskit/icon-object 7.2.2 → 7.3.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/icon-object
 
+## 7.3.0
+
+### Minor Changes
+
+- [`e1c9823b0b420`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e1c9823b0b420) - ##
+  Deprecated
+
+  Icon object has been marked as deprecated, and has been replaced by Object (`@atlaskit/object`).
+
+  To migrate automatically, use the codemod:
+
+  ```sh
+  npx @atlaskit/codemod-cli -n migrate-icon-object-to-object --extensions tsx,ts,js --parser tsx <your-path>
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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-adminhub/tsconfig.json

@@ -0,0 +1,39 @@
+{
+	"extends": "../../../../tsconfig.entry-points.adminhub.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../adminhub/tsDist/@atlaskit__icon-object/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../icon/afm-adminhub/tsconfig.json"
+		},
+		{
+			"path": "../../icon-lab/afm-adminhub/tsconfig.json"
+		},
+		{
+			"path": "../../object/afm-adminhub/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-adminhub/tsconfig.json"
+		}
+	]
+}

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

@@ -1,106 +1,126 @@
 export const iconObjectMapping: Record<
 	string,
-	{ icon: string; appearance: string; packageName: string }
+	{ icon: string; appearance: string; packageName: string; objectName: string }
 > = {
 	blog: {
 		icon: 'quotation-mark',
 		appearance: 'blueBold',
 		packageName: 'icon',
+		objectName: 'blog',
 	},
 	branch: {
 		icon: 'branch',
 		appearance: 'blueBold',
 		packageName: 'icon',
+		objectName: 'branch',
 	},
 	bug: {
 		icon: 'bug',
 		appearance: 'redBold',
 		packageName: 'icon',
+		objectName: 'bug',
 	},
 	calendar: {
 		icon: 'calendar',
 		appearance: 'redBold',
 		packageName: 'icon',
+		objectName: 'calendar',
 	},
 	changes: {
 		icon: 'changes',
 		appearance: 'orangeBold',
 		packageName: 'icon',
+		objectName: 'changes',
 	},
 	code: {
 		icon: 'angle-brackets',
 		appearance: 'purpleBold',
 		packageName: 'icon',
+		objectName: 'code',
 	},
 	commit: {
 		icon: 'commit',
 		appearance: 'orangeBold',
 		packageName: 'icon',
+		objectName: 'commit',
 	},
 	epic: {
 		icon: 'epic',
 		appearance: 'purpleBold',
 		packageName: 'icon',
+		objectName: 'epic',
 	},
 	improvement: {
 		icon: 'arrow-up',
 		appearance: 'greenBold',
 		packageName: 'icon',
+		objectName: 'improvement',
 	},
 	incident: {
 		icon: 'incident',
 		appearance: 'redBold',
 		packageName: 'icon',
+		objectName: 'incident',
 	},
 	issue: {
 		icon: 'work-item',
 		appearance: 'blueBold',
 		packageName: 'icon',
+		objectName: 'work-item',
 	},
 	'new-feature': {
 		icon: 'add',
 		appearance: 'greenBold',
 		packageName: 'icon',
+		objectName: 'new-feature',
 	},
 	page: {
 		icon: 'page',
 		appearance: 'blueBold',
 		packageName: 'icon',
+		objectName: 'page',
 	},
 	problem: {
 		icon: 'problem',
 		appearance: 'redBold',
 		packageName: 'icon',
+		objectName: 'problem',
 	},
 	'pull-request': {
 		icon: 'pull-request',
 		appearance: 'greenBold',
 		packageName: 'icon',
+		objectName: 'pull-request',
 	},
 	question: {
 		icon: 'question-circle',
 		appearance: 'purpleBold',
 		packageName: 'icon',
+		objectName: 'question',
 	},
 	story: {
 		icon: 'story',
 		appearance: 'greenBold',
 		packageName: 'icon',
+		objectName: 'story',
 	},
 	subtask: {
 		icon: 'subtasks',
 		appearance: 'blueBold',
 		packageName: 'icon',
+		objectName: 'subtask',
 	},
 	task: {
 		icon: 'task',
 		appearance: 'blueBold',
 		packageName: 'icon',
+		objectName: 'task',
 	},
 	'page-live-doc': {
 		icon: 'page-live-doc',
 		appearance: 'magentaBold',
 		packageName: 'icon-lab',
+		objectName: 'page-live-doc',
 	},
 };
 
@@ -117,11 +137,19 @@ export const getIconObjectJSX = (
 		.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
 		.join('')}${size}Icon`;
 
+	const objectName = iconObjectMapping[name].objectName;
+
+	// Determine the new component import path based on size using objectName
+	const newComponentPath =
+		size === '16' ? `@atlaskit/object/${objectName}` : `@atlaskit/object/tile/${objectName}`;
+
 	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 +160,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 +190,50 @@ ${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 `import type { GlyphProps } from '@atlaskit/icon/types';
+
+${imports}
+
+export const allIcons: {
+    ({ label, testId, }: Omit<GlyphProps, "primaryColor" | "secondaryColor" | "size">): React.JSX.Element;
+    displayName: string;
+}[] = [
+	${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::e0abf3368ad5be663b0ed03636d95962>>
+ * @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",