@atlaskit/icon 22.23.0 → 22.24.1

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/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::ac7f367e690af67950a58d9f31ed30f7>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/dist/types/metadata.d.ts

@@ -3,13 +3,24 @@
  *
  * To change the format of this file, modify `createIconDocs` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::a486aefc3ce84b7176cf347b4228a156>>
+ * @codegen <<SignedSource::505188bcbfbd2bedd523b7a93366dd82>>
  * @codegenCommand yarn build:icon-glyphs
  */
+/// <reference types="react" />
 interface Data {
     keywords: string[];
     componentName: string;
     package: string;
+    packageLoader: () => Promise<{
+        default: React.ComponentType<any>;
+    }>;
 }
-declare const metaData: Record<string, Data>;
+export declare const metaDataWithPackageLoader: Record<string, Data>;
+declare const metaData: {
+    [k: string]: {
+        keywords: string[];
+        componentName: string;
+        package: string;
+    };
+};
 export default metaData;

package/dist/types/types.d.ts

@@ -215,4 +215,13 @@ export type IconFacadeProps = IconProps & {
     newIcon?: React.ComponentType<NewUtilityIconProps> | React.ComponentType<NewCoreIconProps>;
     iconType?: NewIconProps['type'];
 };
+interface LEGACY_Data {
+    keywords: string[];
+    componentName: string;
+    package: string;
+    packageLoader: () => Promise<{
+        default: React.ComponentType<any>;
+    }>;
+}
+export type LEGACY_Metadata = Record<string, LEGACY_Data>;
 export {};

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::ac7f367e690af67950a58d9f31ed30f7>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

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

@@ -1,15 +1,26 @@
+/// <reference types="react" />
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
  * To change the format of this file, modify `createIconDocs` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::a486aefc3ce84b7176cf347b4228a156>>
+ * @codegen <<SignedSource::505188bcbfbd2bedd523b7a93366dd82>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface Data {
     keywords: string[];
     componentName: string;
     package: string;
+    packageLoader: () => Promise<{
+        default: React.ComponentType<any>;
+    }>;
 }
-declare const metaData: Record<string, Data>;
+export declare const metaDataWithPackageLoader: Record<string, Data>;
+declare const metaData: {
+    [k: string]: {
+        keywords: string[];
+        componentName: string;
+        package: string;
+    };
+};
 export default metaData;

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

@@ -215,4 +215,13 @@ export type IconFacadeProps = IconProps & {
     newIcon?: React.ComponentType<NewUtilityIconProps> | React.ComponentType<NewCoreIconProps>;
     iconType?: NewIconProps['type'];
 };
+interface LEGACY_Data {
+    keywords: string[];
+    componentName: string;
+    package: string;
+    packageLoader: () => Promise<{
+        default: React.ComponentType<any>;
+    }>;
+}
+export type LEGACY_Metadata = Record<string, LEGACY_Data>;
 export {};

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.23.0",
+	"version": "22.24.1",
 	"description": "An icon is a visual representation of a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,12 +36,12 @@
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
-		"@af/icon-build-process": "^2.1.0",
+		"@af/icon-build-process": "^2.2.0",
 		"@af/visual-regression": "*",
 		"@atlaskit/code": "^15.6.0",
 		"@atlaskit/ds-lib": "^3.1.0",
 		"@atlaskit/logo": "^14.3.0",
-		"@atlaskit/primitives": "^12.2.0",
+		"@atlaskit/primitives": "^13.0.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^14.0.0",