@atlaskit/icon 22.24.0 → 22.24.2

package/dist/esm/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::d76c32c1492b8dd1bef65149c573c900>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -167,7 +167,7 @@ var metadata = {
     package: '@atlaskit/icon/core/arrow-down-right',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   'arrow-left': {
@@ -206,7 +206,7 @@ var metadata = {
     package: '@atlaskit/icon/core/arrow-up-left',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   'arrow-up-right': {
@@ -737,6 +737,7 @@ var metadata = {
     keywords: ['content-wrap-left', 'contentwrapleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left', 'inline', 'wrap'],
     componentName: 'ContentWrapLeftIcon',
     package: '@atlaskit/icon/core/content-wrap-left',
+    oldName: ['editor/media-wrap-left'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for left aligning media and content with wrapping enabled.',
@@ -746,6 +747,7 @@ var metadata = {
     keywords: ['content-wrap-right', 'contentwrapright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right', 'inline', 'wrap'],
     componentName: 'ContentWrapRightIcon',
     package: '@atlaskit/icon/core/content-wrap-right',
+    oldName: ['editor/media-wrap-right'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for right aligning media and content with wrapping enabled.',
@@ -908,6 +910,7 @@ var metadata = {
     keywords: ['discovery', 'icon', 'core', 'discovery', 'note', 'filled'],
     componentName: 'DiscoveryIcon',
     package: '@atlaskit/icon/core/discovery',
+    oldName: ['editor/note'],
     type: 'core',
     categorization: 'single-purpose',
     usage: 'Single purpose - Reserved for representing discovery. Used for Note info panel variant in Editor.',
@@ -1154,7 +1157,7 @@ var metadata = {
     keywords: ['file', 'document', 'paper', 'page', 'sheet', 'icon', 'core', 'document', 'file', 'paper'],
     componentName: 'FileIcon',
     package: '@atlaskit/icon/core/file',
-    oldName: ['editor/file', 'file'],
+    oldName: ['document-filled', 'document', 'editor/file', 'file'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known uses: document, file. Do not use to represent a page — use the dedicated 'Page' icon instead.",
@@ -1164,6 +1167,7 @@ var metadata = {
     keywords: ['files', 'icon', 'core', 'documents', 'files', 'papers'],
     componentName: 'FilesIcon',
     package: '@atlaskit/icon/core/files',
+    oldName: ['documents'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known uses: documents, files. Do not use to represent pages — use the dedicated 'Pages' icon instead.",
@@ -1353,7 +1357,7 @@ var metadata = {
     team: 'Design System Team'
   },
   highlight: {
-    keywords: ['highlight', 'icon', 'core', ' highlight', 'highlighter', 'stabilo', 'pen'],
+    keywords: ['highlight', 'icon', 'core', 'highlight', 'highlighter', 'stabilo', 'pen'],
     componentName: 'HighlightIcon',
     package: '@atlaskit/icon/core/highlight',
     type: 'core',
@@ -1773,7 +1777,7 @@ var metadata = {
     keywords: ['minus', 'icon', 'core', 'rule', 'horizontal line', 'divider', 'minus', 'subtract'],
     componentName: 'MinusIcon',
     package: '@atlaskit/icon/core/minus',
-    oldName: ['editor/horizontal-rule'],
+    oldName: ['editor/divider', 'editor/horizontal-rule'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: 'Multi purpose - Known uses: horizontal rule in Editor.',
@@ -2332,7 +2336,7 @@ var metadata = {
     package: '@atlaskit/icon/core/screen-plus',
     type: 'core',
     categorization: 'multi-purpose',
-    usage: 'Multi purpose',
+    usage: 'Known uses: TBC',
     team: 'Design System Team'
   },
   search: {
@@ -3067,7 +3071,7 @@ var metadata = {
     oldName: ['media-services/video', 'hipchat/sd-video', 'vid-camera-on', 'video-circle', 'video-filled'],
     type: 'core',
     categorization: 'single-purpose',
-    usage: 'Single purpose - Reserved for video in Media.',
+    usage: 'Single purpose - Reserved for representing video content across Atlassian and Loom.',
     team: 'Design System Team'
   },
   'video-next': {

package/dist/esm/migration-map.js

@@ -1046,10 +1046,15 @@ var migrationMap = {
   },
   'document-filled': {
     newIcon: {
-      name: 'page',
+      name: 'file',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1059,10 +1064,15 @@ var migrationMap = {
   },
   document: {
     newIcon: {
-      name: 'page',
+      name: 'file',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1072,10 +1082,15 @@ var migrationMap = {
   },
   documents: {
     newIcon: {
-      name: 'pages',
+      name: 'files',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'pages',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',
@@ -1344,6 +1359,11 @@ var migrationMap = {
     }
   },
   'editor/divider': {
+    newIcon: {
+      name: 'minus',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1708,6 +1728,11 @@ var migrationMap = {
     }
   },
   'editor/media-wrap-left': {
+    newIcon: {
+      name: 'content-wrap-left',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1716,6 +1741,11 @@ var migrationMap = {
     }
   },
   'editor/media-wrap-right': {
+    newIcon: {
+      name: 'content-wrap-right',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1751,10 +1781,15 @@ var migrationMap = {
   },
   'editor/note': {
     newIcon: {
-      name: 'page',
+      name: 'discovery',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'page',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-slight-visual-change',
       medium: 'swap-slight-visual-change',

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

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

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::d76c32c1492b8dd1bef65149c573c900>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

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

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

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::d76c32c1492b8dd1bef65149c573c900>>
+ * @codegen <<SignedSource::c4b8aee35aca4112c22d6141c23cd08f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/glyph/document-filled.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
+var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DocumentFilledIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m18.99 8.99.01 1.015V19a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5.275c.469 0 .922.164 1.282.464L18.631 7.7c.227.19.359.471.359.768zM12.02 5 12 8.192a.99.99 0 0 0 .994.991h4z"/></svg>`
 }, props, {
-  newIcon: _page.default
+  newIcon: _file.default
 }));
 DocumentFilledIcon.displayName = 'DocumentFilledIcon';
 var _default = exports.default = DocumentFilledIcon;

package/glyph/document.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
+var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DocumentIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M17 10.005V19H7V5h5.99v2.49a1.5 1.5 0 0 0 1.5 1.5h4.5v-.522c0-.297-.132-.578-.359-.768l-5.074-4.236c-.36-.3-.813-.464-1.282-.464H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8.995z"/></svg>`
 }, props, {
-  newIcon: _page.default
+  newIcon: _file.default
 }));
 DocumentIcon.displayName = 'DocumentIcon';
 var _default = exports.default = DocumentIcon;

package/glyph/documents.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _pages = _interopRequireDefault(require("@atlaskit/icon/core/pages"));
+var _files = _interopRequireDefault(require("@atlaskit/icon/core/files"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DocumentsIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 17H5V7h1V5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h1zm13-6.99V19H9V5h5.99v2.49a1.5 1.5 0 0 0 1.5 1.5h4.5v-.52c0-.3-.13-.58-.36-.77l-5.07-4.24c-.36-.3-.81-.46-1.28-.46H9a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8.99z"/></svg>`
 }, props, {
-  newIcon: _pages.default
+  newIcon: _files.default
 }));
 DocumentsIcon.displayName = 'DocumentsIcon';
 var _default = exports.default = DocumentsIcon;

package/glyph/editor/divider.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
+var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditorDividerIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><rect width="14" height="2" x="5" y="11" fill="currentcolor" fill-rule="evenodd" rx="1"/></svg>`
-}, props));
+}, props, {
+  newIcon: _minus.default
+}));
 EditorDividerIcon.displayName = 'EditorDividerIcon';
 var _default = exports.default = EditorDividerIcon;

package/glyph/editor/media-wrap-left.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
+var _contentWrapLeft = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-left"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditorMediaWrapLeftIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 17h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m8-8h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2m0 4h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2M6 9h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m0-4h12a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2"/></svg>`
-}, props));
+}, props, {
+  newIcon: _contentWrapLeft.default
+}));
 EditorMediaWrapLeftIcon.displayName = 'EditorMediaWrapLeftIcon';
 var _default = exports.default = EditorMediaWrapLeftIcon;

package/glyph/editor/media-wrap-right.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
+var _contentWrapRight = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-right"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditorMediaWrapRightIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 17h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m0-8h4a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m0 4h4a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m8-4h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1M6 5h12a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2"/></svg>`
-}, props));
+}, props, {
+  newIcon: _contentWrapRight.default
+}));
 EditorMediaWrapRightIcon.displayName = 'EditorMediaWrapRightIcon';
 var _default = exports.default = EditorMediaWrapRightIcon;

package/glyph/editor/note.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
+var _discovery = _interopRequireDefault(require("@atlaskit/icon/core/discovery"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditorNoteIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M8 4h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m1.5 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm0 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/></svg>`
 }, props, {
-  newIcon: _page.default
+  newIcon: _discovery.default
 }));
 EditorNoteIcon.displayName = 'EditorNoteIcon';
 var _default = exports.default = EditorNoteIcon;

package/package.json

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