@atlaskit/icon 22.12.0 → 22.14.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/icon
 
+## 22.14.0
+
+### Minor Changes
+
+- [#131906](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131906)
+  [`9fd3fdb9e3b02`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9fd3fdb9e3b02) -
+  Adding 'data-vc' attribute to icon for instrumenting TTVC (go/ttvc).
+
+## 22.13.0
+
+### Minor Changes
+
+- [#129428](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/129428)
+  [`668728e77517f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/668728e77517f) -
+  Updated metadata format for /core and /utility icons, tightening types and moving to lowercase
+  format.
+
 ## 22.12.0
 
 ### Minor Changes

package/build/index.tsx

@@ -1,17 +1,21 @@
 import path from 'path';
+
+import fs from 'fs-extra';
+import pkgDir from 'pkg-dir';
+
 import buildIcons, {
 	UNSAFE_buildNew as buildIconsNew,
-	UNSAFE_createIconDocsNew,
 	createIconDocs,
+	type IconBuildConfig,
+	UNSAFE_createIconDocsNew,
+	type UNSAFE_NewIconBuildConfig,
 } from '@af/icon-build-process';
-import type { UNSAFE_NewIconBuildConfig, IconBuildConfig } from '@af/icon-build-process';
-import pkgDir from 'pkg-dir';
-import fs from 'fs-extra';
-import synonyms from '../utils/synonyms';
-import migrationMap from '../src/migration-map';
-import legacyMetadata from '../src/metadata';
+
 import coreIconMetadata from '../icons_raw/metadata-core';
 import utilityIconMetadata from '../icons_raw/metadata-utility';
+import legacyMetadata from '../src/metadata';
+import migrationMap from '../src/migration-map';
+import synonyms from '../utils/synonyms';
 
 const root = pkgDir.sync();
 

package/codemods/22.14.0-new-icon-migrate-color-prop.tsx

@@ -0,0 +1,119 @@
+import {
+	hasImportDeclaration,
+	hasJSXAttributes,
+	insertCommentToStartOfFile,
+} from '@codeshift/utils';
+import type { API, Collection, default as core, FileInfo } from 'jscodeshift';
+
+function insertTokenImport(j: core.JSCodeshift, source: Collection<any>) {
+	if (hasImportDeclaration(j, source, '@atlaskit/tokens')) {
+		return;
+	}
+
+	const newImport = j.importDeclaration(
+		[j.importSpecifier(j.identifier('token'))],
+		j.stringLiteral('@atlaskit/tokens'),
+	);
+
+	source.get().node.program.body.unshift(newImport);
+}
+
+export function getPartialImportDeclaration(
+	j: core.JSCodeshift,
+	source: Collection<any>,
+	sourcePath: string,
+): Collection<any> {
+	return source
+		.find(j.ImportDeclaration)
+		.filter(
+			(path) =>
+				typeof path.node.source.value === 'string' && path.node.source.value.includes(sourcePath),
+		);
+}
+
+function buildToken(j: core.JSCodeshift, tokenId: string = '', fallback: string) {
+	const callExpr = j.callExpression(
+		j.identifier('token'),
+		[j.stringLiteral(tokenId), j.stringLiteral(fallback)].filter(Boolean),
+	);
+
+	return callExpr;
+}
+
+export default function transformer(file: FileInfo, api: API) {
+	const j = api.jscodeshift;
+	const source = j(file.source);
+
+	// Find all new icon imports
+	const coreIconImportDeclarations = getPartialImportDeclaration(j, source, '@atlaskit/icon/core');
+	const utilityIconImportDeclarations = getPartialImportDeclaration(
+		j,
+		source,
+		'@atlaskit/icon/utility',
+	);
+	const iconLabIconImportDeclarations = getPartialImportDeclaration(
+		j,
+		source,
+		'@atlassian/icon-lab/core',
+	);
+
+	// Get all the specifier names
+	const newIconSpecifiers: string[] = [];
+	[
+		coreIconImportDeclarations,
+		utilityIconImportDeclarations,
+		iconLabIconImportDeclarations,
+	].forEach((newIconImportDeclaration) => {
+		newIconImportDeclaration.forEach((newIconImport) => {
+			if (!newIconImport.value.specifiers) {
+				return;
+			}
+			newIconImport.value.specifiers.map((specifier: any) => {
+				if (specifier.local && specifier.local.name) {
+					newIconSpecifiers.push(specifier.local.name);
+				}
+			});
+		});
+	});
+
+	// No imports for new button found, exit early
+	if (!newIconSpecifiers.length) {
+		return source.toSource();
+	}
+
+	// Find all new icon JSX elements that don't have a `color` prop set
+	const newIconJSXElements = source
+		.find(j.JSXElement)
+		// is a new icon?
+		.filter(
+			(path) =>
+				path.value.openingElement.name.type === 'JSXIdentifier' &&
+				newIconSpecifiers.includes(path.value.openingElement.name.name),
+		)
+		// has no color prop?
+		.filter((path) => !hasJSXAttributes(j, path, 'color'));
+
+	newIconJSXElements.forEach((newIconJSXElement) => {
+		const newIconJSXElementValue = newIconJSXElement.value;
+		const newIconJSXElementOpeningElement = newIconJSXElementValue.openingElement;
+
+		// If spread props exist, add a comment and skip
+		if (
+			newIconJSXElementOpeningElement.attributes?.some((attr) => attr.type === 'JSXSpreadAttribute')
+		) {
+			insertCommentToStartOfFile(j, source, 'Migrate color prop');
+			return;
+		}
+
+		// Insert the `color` prop
+		newIconJSXElementOpeningElement.attributes?.push(
+			j.jsxAttribute(
+				j.jsxIdentifier('color'),
+				j.jsxExpressionContainer(buildToken(j, 'color.icon', '#44546F')),
+			),
+		);
+		insertTokenImport(j, source);
+	});
+
+	return source.toSource();
+}

package/codemods/__tests__/next-new-icon-migrate-color-prop.test.tsx

@@ -0,0 +1,64 @@
+import transformer from '../22.14.0-new-icon-migrate-color-prop';
+
+const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
+
+describe('Migrate color API', () => {
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
+        import AddIcon from '@atlaskit/icon/core/add';
+        import ChevronDownIcon from '@atlaskit/icon/utility/add';
+        import BitbucketBranchIcon from '@atlassian/icon-lab/core/bitbucket-branch';
+
+        const App = () => (
+          <>
+            <AddIcon label=""/>
+            <ChevronDownIcon label=""/>
+            <BitbucketBranchIcon label=""/>
+            <Button iconAfter={AddIcon}/>
+          </>
+        );
+      `,
+		`
+        import { token } from "@atlaskit/tokens";
+        import AddIcon from '@atlaskit/icon/core/add';
+        import ChevronDownIcon from '@atlaskit/icon/utility/add';
+        import BitbucketBranchIcon from '@atlassian/icon-lab/core/bitbucket-branch';
+
+        const App = () => (
+          <>
+            <AddIcon label="" color={token("color.icon", "#44546F")} />
+            <ChevronDownIcon label="" color={token("color.icon", "#44546F")} />
+            <BitbucketBranchIcon label="" color={token("color.icon", "#44546F")} />
+            <Button iconAfter={AddIcon}/>
+          </>
+        );
+    `,
+		'should add color prop to icons',
+	);
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`
+  	  import AddIcon from '@atlaskit/icon/core/add';
+
+      const App = (props: any) => (
+        <>
+          <AddIcon {...props} label=""/>
+        </>
+      );
+    `,
+		`
+      /* TODO: (@codeshift) Migrate color prop */
+      import AddIcon from '@atlaskit/icon/core/add';
+
+      const App = (props: any) => (
+        <>
+          <AddIcon {...props} label=""/>
+        </>
+      );
+    `,
+		'should handle spread props',
+	);
+});

package/core/add.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::806673191f5600df783e7dabef58bb40>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/add.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d719560118bc822bbe98aa32ebc3afdc>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "Add".
- * Category: Single-purpose
- * Location: ADS
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for creating and adding an object.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/ai-agent.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7f05900765d769034fe4e22f854d3f98>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/ai-agent.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e8939b2fd165ae7badb6ce29f69067fa>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AiAgent".
- * Category: Single-purpose
- * Location: Icon contributions
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for Rovo Agent.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/ai-chat.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7c2a27ca54081a7de941fb246e6f1acd>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/ai-chat.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c641b6c8002a77e2e04d588cae35774b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AiChat".
- * Category: Single-purpose
- * Location: Icon contributions
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for Rovo Chat.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/alert.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::64b1cbdd8b6a50ba9600cafbe70407d5>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/alert.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::a40780aeed1cc6aba70c9eaaa256526c>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "Alert".
- * Category: Single-purpose
- * Location: ADS
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for alerts in JSM and Compass.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/align-center.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::0a7fe3be88c9287a071533b2bc90777e>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/align-center.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ebaebf780d686dadb5726b5cc127067f>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AlignCenter".
- * Category: Multi-purpose
- * Location: Icon contributions
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Known uses: align text center, align center.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/align-left.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ca0b18f6cad65b23350f5761cd946cda>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/align-left.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::69381ca150de7bbdcb680c4969c98981>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AlignLeft".
- * Category: Multi-purpose
- * Location: Icon contributions
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Known uses: align text left, align content left, summary.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/align-right.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::55fc6225b3895bc7b50481b502d434dd>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/align-right.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::48bab2094e50bc628d5e2a878e541501>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AlignRight".
- * Category: Multi-purpose
- * Location: Icon contributions
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Known uses: align text right, align content right.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/angle-brackets.d.ts

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

package/core/angle-brackets.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::79dda260498ba0489d7f7839eacdc2c7>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AngleBrackets".
- * Category: Multi-purpose
- * Location: Icon contributions
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Known uses: code or source code in Bitbucket and Jira.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/app-switcher-legacy.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d2664f0f818169c39ef13601c4f7935b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/app-switcher-legacy.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e8cda492e1a2145214081373ba78e5ac>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AppSwitcherLegacy".
- * Category: Single-purpose
- * Location: ADS
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for the legacy app switcher in global product navigation.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/app-switcher.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b615fc7c80bd7763964e2d095f7ddc89>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/app-switcher.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c0f9ba2639d41db79273414c317bd7b4>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "AppSwitcher".
- * Category: Single-purpose
- * Location: ADS
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for app switcher in global product navigation.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/app.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::fa07d20c2050d386b42fa41aeb4e6698>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';

package/core/app.js

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::64cfffbbafadef9c9d4b6905de8e931b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -8,12 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
- * Please reach out in #help-design-system before using these in production.
+ * ⚠️ 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.
  *
  * Icon: "App".
- * Category: Single-purpose
- * Location: ADS
+ * Category: single-purpose
+ * Location: @atlaskit/icon
  * Usage guidance: Reserved for marketplace apps and integrations across products.
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)

package/core/apps.d.ts

@@ -1,3 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::bfc98ddcf263093aae10dec33efd1551>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
 
 import React from 'react';
 import Icon from '@atlaskit/icon/UNSAFE_base-new';