@atlaskit/icon-object 7.2.3 → 7.3.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/icon-object
 
+## 7.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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
@@ -74,7 +99,6 @@
   This release updates icons in `@atlaskit/icon-object`.
 
   Updated: **`@atlaskit/icon-object`**
-
   - PageLiveDoc16Icon
   - PageLiveDoc24Icon
 
@@ -128,7 +152,6 @@
   [ux] This release adds icons in `@atlaskit/icon-object`.
 
   **`@atlaskit/icon-object`**
-
   - LiveDoc16Icon
   - LiveDoc24Icon
 
@@ -553,7 +576,6 @@
 - [patch][fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
 
   Corrects accessibility behavior for wrapping span. It now will now:
-
   - conditionally set the `aria-label` if `label` is defined
   - conditionally set the `role` to either `img` if `label` is defined, or `presentation` if it is
     not defined- Updated dependencies
@@ -575,7 +597,6 @@
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/button@13.3.7
   - @atlaskit/modal-dialog@10.5.2
@@ -591,7 +612,6 @@
 
   Fix main/module fields in package.json pointing to the wrong place- Updated dependencies
   [ccbd1b390b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ccbd1b390b):
-
   - @atlaskit/build-utils@2.6.0
 
 ## 5.0.0
@@ -669,7 +689,6 @@
 ## 4.0.2
 
 - [patch][b0ef06c685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0ef06c685):
-
   - This is just a safety release in case anything strange happened in in the previous one. See Pull
     Request #5942 for details
 
@@ -682,7 +701,6 @@
 ## 4.0.0
 
 - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
@@ -711,7 +729,6 @@
 ## 3.0.6
 
 - [patch][98e11001ff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/98e11001ff):
-
   - Removes duplicate babel-runtime dependency
 
 ## 3.0.5
@@ -739,7 +756,6 @@
 ## 3.0.3
 
 - [patch][1d1f6d1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1d1f6d1):
-
   - Make icon glyphs not import metadata
 
 ## 3.0.2
@@ -765,7 +781,6 @@
 ## 3.0.0
 
 - [major][ab9b69c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ab9b69c):
-
   - Remove onClick props as icon is only a presentational placeholder. Please wrap icon into a
     Button or a Link component.
 
@@ -782,7 +797,6 @@
 ## 2.0.0
 
 - [patch][29b160f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/29b160f):
-
   - Simplify the icons build process
 
   Icons no longer need a custom `build` step to be accurate on npm. This has come about by renaming
@@ -792,7 +806,6 @@
 - [major][80304f0](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/80304f0):
 
   **NOTE** Unless you are using the `iconsInfo` export, this change is not breaking.
-
   - Rename `iconsInfo` to `metadata` to more accurately reflect its role
 
   This change comes with rethinking what is exported from this object, which no longer includes

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/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,9 +137,11 @@ 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 objectName = iconObjectMapping[name].objectName;
+
+	// Determine the new component import path based on size using objectName
 	const newComponentPath =
-		size === '16' ? `@atlaskit/object/${name}` : `@atlaskit/object/tile/${name}`;
+		size === '16' ? `@atlaskit/object/${objectName}` : `@atlaskit/object/tile/${objectName}`;
 
 	return `import React from 'react';
 
@@ -203,9 +225,14 @@ export const createAllIconsFile = (iconNames: string[]) => {
 	// Generate export array with all icons in the same order as imports
 	const iconExports = allImports.map((item) => item.componentName).join(',\n\t');
 
-	return `${imports}
+	return `import type { GlyphProps } from '@atlaskit/icon/types';
+
+${imports}
 
-export const allIcons = [
+export const allIcons: {
+    ({ label, testId, }: Omit<GlyphProps, "primaryColor" | "secondaryColor" | "size">): React.JSX.Element;
+    displayName: string;
+}[] = [
 	${iconExports},
 ];
 `;

package/dist/cjs/all-icons.js

@@ -47,7 +47,7 @@ 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>>
+ * @codegen <<SignedSource::e0abf3368ad5be663b0ed03636d95962>>
  * @codegenCommand yarn build:icon-glyphs
  */
 

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

@@ -8,12 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _workItem = _interopRequireDefault(require("@atlaskit/icon/core/work-item"));
-var _issue = _interopRequireDefault(require("@atlaskit/object/issue"));
+var _workItem2 = _interopRequireDefault(require("@atlaskit/object/work-item"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/issue/16"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dcefb0a89a27f97c4801643e6dfd0167>>
+ * @codegen <<SignedSource::bca06c5d0b322c69c2d7dabe129b3860>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -30,7 +30,7 @@ var Issue16Icon = function Issue16Icon(_ref) {
   // 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(_issue.default, {
+    return /*#__PURE__*/_react.default.createElement(_workItem2.default, {
       label: label,
       testId: testId,
       size: "medium"

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

@@ -8,12 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("@atlaskit/icon");
 var _workItem = _interopRequireDefault(require("@atlaskit/icon/core/work-item"));
-var _issue = _interopRequireDefault(require("@atlaskit/object/tile/issue"));
+var _workItem2 = _interopRequireDefault(require("@atlaskit/object/tile/work-item"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ = _interopRequireDefault(require("../../glyph-legacy/issue/24"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::79c5d6a92f9129a27566e8b5c091cb3d>>
+ * @codegen <<SignedSource::844c8577e3943d6d7d8c1a6302edc692>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -30,7 +30,7 @@ var Issue24Icon = function Issue24Icon(_ref) {
   // 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(_issue.default, {
+    return /*#__PURE__*/_react.default.createElement(_workItem2.default, {
       label: label,
       testId: testId,
       size: "small"

package/dist/es2019/all-icons.js

@@ -1,8 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e52e869e99d130089c6a34654ae4e062>>
+ * @codegen <<SignedSource::e0abf3368ad5be663b0ed03636d95962>>
  * @codegenCommand yarn build:icon-glyphs
  */
+
 import Blog16Icon from './artifacts/glyph/blog/16';
 import Blog24Icon from './artifacts/glyph/blog/24';
 import Branch16Icon from './artifacts/glyph/branch/16';

package/dist/es2019/artifacts/glyph/issue/16.js

@@ -1,12 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dcefb0a89a27f97c4801643e6dfd0167>>
+ * @codegen <<SignedSource::bca06c5d0b322c69c2d7dabe129b3860>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
 import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/work-item';
-import NewObjectComponent from '@atlaskit/object/issue';
+import NewObjectComponent from '@atlaskit/object/work-item';
 import { fg } from '@atlaskit/platform-feature-flags';
 import IconObjectOld from '../../glyph-legacy/issue/16';
 

package/dist/es2019/artifacts/glyph/issue/24.js

@@ -1,12 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::79c5d6a92f9129a27566e8b5c091cb3d>>
+ * @codegen <<SignedSource::844c8577e3943d6d7d8c1a6302edc692>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
 import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/work-item';
-import NewObjectComponent from '@atlaskit/object/tile/issue';
+import NewObjectComponent from '@atlaskit/object/tile/work-item';
 import { fg } from '@atlaskit/platform-feature-flags';
 import IconObjectOld from '../../glyph-legacy/issue/24';
 

package/dist/esm/all-icons.js

@@ -1,8 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e52e869e99d130089c6a34654ae4e062>>
+ * @codegen <<SignedSource::e0abf3368ad5be663b0ed03636d95962>>
  * @codegenCommand yarn build:icon-glyphs
  */
+
 import Blog16Icon from './artifacts/glyph/blog/16';
 import Blog24Icon from './artifacts/glyph/blog/24';
 import Branch16Icon from './artifacts/glyph/branch/16';

package/dist/esm/artifacts/glyph/issue/16.js

@@ -1,12 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dcefb0a89a27f97c4801643e6dfd0167>>
+ * @codegen <<SignedSource::bca06c5d0b322c69c2d7dabe129b3860>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
 import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/work-item';
-import NewObjectComponent from '@atlaskit/object/issue';
+import NewObjectComponent from '@atlaskit/object/work-item';
 import { fg } from '@atlaskit/platform-feature-flags';
 import IconObjectOld from '../../glyph-legacy/issue/16';
 

package/dist/esm/artifacts/glyph/issue/24.js

@@ -1,12 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::79c5d6a92f9129a27566e8b5c091cb3d>>
+ * @codegen <<SignedSource::844c8577e3943d6d7d8c1a6302edc692>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
 import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/work-item';
-import NewObjectComponent from '@atlaskit/object/tile/issue';
+import NewObjectComponent from '@atlaskit/object/tile/work-item';
 import { fg } from '@atlaskit/platform-feature-flags';
 import IconObjectOld from '../../glyph-legacy/issue/24';
 

package/dist/types/all-icons.d.ts

@@ -1,4 +1,10 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e0abf3368ad5be663b0ed03636d95962>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import type { GlyphProps } from '@atlaskit/icon/types';
 export declare const allIcons: {
-    ({ label, testId, }: Omit<import("@atlaskit/icon").GlyphProps, "primaryColor" | "secondaryColor" | "size">): React.JSX.Element;
+    ({ label, testId, }: Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>): React.JSX.Element;
     displayName: string;
 }[];

package/dist/types/artifacts/glyph/issue/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dcefb0a89a27f97c4801643e6dfd0167>>
+ * @codegen <<SignedSource::bca06c5d0b322c69c2d7dabe129b3860>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/issue/24.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::79c5d6a92f9129a27566e8b5c091cb3d>>
+ * @codegen <<SignedSource::844c8577e3943d6d7d8c1a6302edc692>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types-ts4.5/all-icons.d.ts

@@ -1,4 +1,10 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e0abf3368ad5be663b0ed03636d95962>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import type { GlyphProps } from '@atlaskit/icon/types';
 export declare const allIcons: {
-    ({ label, testId, }: Omit<import("@atlaskit/icon").GlyphProps, "primaryColor" | "secondaryColor" | "size">): React.JSX.Element;
+    ({ label, testId, }: Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>): React.JSX.Element;
     displayName: string;
 }[];

package/dist/types-ts4.5/artifacts/glyph/issue/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dcefb0a89a27f97c4801643e6dfd0167>>
+ * @codegen <<SignedSource::bca06c5d0b322c69c2d7dabe129b3860>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types-ts4.5/artifacts/glyph/issue/24.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::79c5d6a92f9129a27566e8b5c091cb3d>>
+ * @codegen <<SignedSource::844c8577e3943d6d7d8c1a6302edc692>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon-object",
-	"version": "7.2.3",
+	"version": "7.3.1",
 	"description": "An object icon is used to represent an Atlassian-specific content type.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,16 +29,20 @@
 		"team": "Design System Team",
 		"website": {
 			"name": "Icon object",
-			"category": "Images and icons"
+			"category": "Images and icons",
+			"status": {
+				"type": "deprecated",
+				"description": "This package is deprecated.\n\nUse [object](https://atlassian.design/components/object/examples) instead."
+			}
 		}
 	},
 	"scripts": {
 		"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/icon": "^28.3.0",
-		"@atlaskit/icon-lab": "^5.7.0",
-		"@atlaskit/object": "^0.2.0",
+		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/icon-lab": "^5.10.0",
+		"@atlaskit/object": "^1.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@babel/runtime": "^7.0.0"
 	},
@@ -49,9 +53,9 @@
 		"@af/formatting": "workspace:^",
 		"@af/icon-build-process": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/css": "^0.14.0",
+		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tooltip": "^20.6.0",
 		"@atlassian/codegen": "^0.1.0",
 		"fs-extra": "^4.0.2",
 		"pkg-dir": "^4.2.0",