@atlaskit/icon 22.8.0 → 22.10.0

package/dist/es2019/migration-map.js

@@ -1,3 +1,19 @@
+export const migrationOutcomeDescriptionMap = {
+  swap: 'Swap icon',
+  'swap-slight-visual-change': 'Swap icon for an equivalent in the new set; there will be some slight visual change.',
+  'swap-visual-change': 'Swap icon for an equivalent in the new set; there will be a noticeable visual change.',
+  'swap-size-shift-utility': 'Swap icon for a 12px utility icon; expect some size shift.',
+  'no-larger-size': 'This icon should not be used with a larger size; please shift to a smaller size.',
+  'not-recommended': 'No equivalent icon in new set. This icon is not recommended.',
+  'product-icon': 'Product icons are not supported; please use the custom SVG component from `@atlaskit/icon/svg`.',
+  'icon-lab': 'Find an alternative icon, or create an updated icon in the new style, and contribute it to `@atlassian/icon-lab`.',
+  'top-nav': 'This icon is only for use for top navigation; please choose a different icon if used elsewhere.',
+  'icon-tile': 'Switch to Icon Tile, use a smaller size or remove.',
+  '16-icon-tile': "This icon can be re-created using an Icon tile with size='16'.",
+  '24-icon-tile': "This icon can be re-created using an Icon tile with size='24'.",
+  '32-icon-tile': "This icon can be re-created using an Icon tile with size='32'.",
+  '48-icon-tile': "This icon can be re-created using an Icon tile with size='48'."
+};
 const migrationMap = {
   activity: {
     newIcon: {
@@ -116,15 +132,19 @@ const migrationMap = {
       xlarge: 'icon-tile'
     }
   },
-  // 'app-switcher': {
-  // 	newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'top-nav',
-  // 		medium: 'top-nav',
-  // 		large: 'top-nav',
-  // 		xlarge: 'top-nav',
-  // 	},
-  // },
+  'app-switcher': {
+    newIcon: {
+      name: 'app-switcher',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'top-nav',
+      medium: 'top-nav',
+      large: 'top-nav',
+      xlarge: 'top-nav'
+    }
+  },
   archive: {
     newIcon: {
       name: 'archive-box',
@@ -411,11 +431,16 @@ const migrationMap = {
     }
   },
   'bitbucket/repos': {
+    newIcon: {
+      name: 'angle-brackets',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
-      small: 'icon-lab',
-      medium: 'icon-lab',
-      large: 'icon-lab',
-      xlarge: 'icon-lab'
+      small: 'swap-visual-change',
+      medium: 'swap-visual-change',
+      large: '32-icon-tile',
+      xlarge: '48-icon-tile'
     }
   },
   'bitbucket/snippets': {
@@ -1033,15 +1058,19 @@ const migrationMap = {
       xlarge: 'icon-tile'
     }
   },
-  // download: {
-  // 	newIcon: { name: 'cloud-arrow-down', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'swap',
-  // 		medium: 'swap',
-  // 		large: 'icon-tile',
-  // 		xlarge: 'icon-tile',
-  // 	},
-  // },
+  download: {
+    newIcon: {
+      name: 'download',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'swap-visual-change',
+      medium: 'swap-visual-change',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
+    }
+  },
   'drag-handler': {
     newIcon: {
       name: 'drag-handle',
@@ -1091,7 +1120,7 @@ const migrationMap = {
   },
   'editor/add': {
     newIcon: {
-      name: 'edit',
+      name: 'add',
       type: 'core',
       package: '@atlaskit/icon'
     },
@@ -1759,11 +1788,16 @@ const migrationMap = {
     }
   },
   'editor/table': {
+    newIcon: {
+      name: 'grid',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
-      small: 'icon-lab',
-      medium: 'icon-lab',
-      large: 'icon-lab',
-      xlarge: 'icon-lab'
+      small: 'swap',
+      medium: 'swap',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
     }
   },
   'editor/task': {
@@ -1916,6 +1950,11 @@ const migrationMap = {
     }
   },
   'emoji/flags': {
+    newIcon: {
+      name: 'flag',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -1992,6 +2031,11 @@ const migrationMap = {
     }
   },
   'emoji/people': {
+    newIcon: {
+      name: 'emoji',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -2042,6 +2086,11 @@ const migrationMap = {
     }
   },
   export: {
+    newIcon: {
+      name: 'upload',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
       small: 'icon-lab',
       medium: 'icon-lab',
@@ -2364,11 +2413,16 @@ const migrationMap = {
     }
   },
   'lightbulb-filled': {
+    newIcon: {
+      name: 'lightbulb',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
-      small: 'icon-lab',
-      medium: 'icon-lab',
-      large: 'icon-lab',
-      xlarge: 'icon-lab'
+      small: 'swap-visual-change',
+      medium: 'swap-visual-change',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
     }
   },
   lightbulb: {
@@ -2398,9 +2452,14 @@ const migrationMap = {
     }
   },
   'link-filled': {
+    newIcon: {
+      name: 'link',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
-      small: '16-icon-tile',
-      medium: '24-icon-tile',
+      small: 'swap-visual-change',
+      medium: 'swap-visual-change',
       large: '32-icon-tile',
       xlarge: '48-icon-tile'
     }
@@ -2472,10 +2531,10 @@ const migrationMap = {
       package: '@atlaskit/icon'
     },
     sizeGuidance: {
-      small: 'icon-lab',
-      medium: 'icon-lab',
-      large: 'icon-lab',
-      xlarge: 'icon-lab'
+      small: '16-icon-tile',
+      medium: '24-icon-tile',
+      large: '32-icon-tile',
+      xlarge: '48-icon-tile'
     }
   },
   lock: {
@@ -2631,11 +2690,16 @@ const migrationMap = {
     }
   },
   'media-services/fit-to-page': {
+    newIcon: {
+      name: 'minimize',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
     sizeGuidance: {
-      small: 'icon-lab',
-      medium: 'icon-lab',
-      large: 'icon-lab',
-      xlarge: 'icon-lab'
+      small: 'swap',
+      medium: 'swap',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
     }
   },
   'media-services/full-screen': {
@@ -2864,24 +2928,32 @@ const migrationMap = {
       xlarge: 'icon-lab'
     }
   },
-  // 'menu-expand': {
-  // 	newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'swap',
-  // 		medium: 'swap',
-  // 		large: 'icon-tile',
-  // 		xlarge: 'icon-tile',
-  // 	},
-  // },
-  // menu: {
-  // 	newIcon: { name: 'menu', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'swap',
-  // 		medium: 'swap',
-  // 		large: 'icon-tile',
-  // 		xlarge: 'icon-tile',
-  // 	},
-  // },
+  'menu-expand': {
+    newIcon: {
+      name: 'menu',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'swap',
+      medium: 'swap',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
+    }
+  },
+  menu: {
+    newIcon: {
+      name: 'menu',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'swap',
+      medium: 'swap',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
+    }
+  },
   mobile: {
     newIcon: {
       name: 'device-mobile',
@@ -2929,24 +3001,32 @@ const migrationMap = {
       xlarge: 'icon-lab'
     }
   },
-  // 'notification-direct': {
-  // 	newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'swap-slight-visual-change',
-  // 		medium: 'swap-slight-visual-change',
-  // 		large: 'icon-tile',
-  // 		xlarge: 'icon-tile',
-  // 	},
-  // },
-  // notification: {
-  // 	newIcon: { name: 'notification', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'swap-visual-change',
-  // 		medium: 'swap-visual-change',
-  // 		large: 'icon-tile',
-  // 		xlarge: 'icon-tile',
-  // 	},
-  // },
+  'notification-direct': {
+    newIcon: {
+      name: 'notification',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'swap-slight-visual-change',
+      medium: 'swap-slight-visual-change',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
+    }
+  },
+  notification: {
+    newIcon: {
+      name: 'notification',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'swap-visual-change',
+      medium: 'swap-visual-change',
+      large: 'icon-tile',
+      xlarge: 'icon-tile'
+    }
+  },
   'office-building-filled': {
     newIcon: {
       name: 'office-building',
@@ -3574,15 +3654,19 @@ const migrationMap = {
       xlarge: 'icon-tile'
     }
   },
-  // switcher: {
-  // 	newIcon: { name: 'app-switcher', type: 'core', package: '@atlaskit/icon' },
-  // 	sizeGuidance: {
-  // 		small: 'swap-visual-change',
-  // 		medium: 'swap-visual-change',
-  // 		large: 'not-recommended',
-  // 		xlarge: 'not-recommended',
-  // 	},
-  // },
+  switcher: {
+    newIcon: {
+      name: 'app-switcher',
+      type: 'core',
+      package: '@atlaskit/icon'
+    },
+    sizeGuidance: {
+      small: 'swap-visual-change',
+      medium: 'swap-visual-change',
+      large: 'not-recommended',
+      xlarge: 'not-recommended'
+    }
+  },
   table: {
     newIcon: {
       name: 'grid',
@@ -3749,7 +3833,7 @@ const migrationMap = {
   },
   'vid-audio-on': {
     newIcon: {
-      name: 'audio',
+      name: 'microphone',
       type: 'core',
       package: '@atlaskit/icon'
     },
@@ -3833,10 +3917,15 @@ const migrationMap = {
   },
   'vid-full-screen-off': {
     newIcon: {
-      name: 'fullscreen-exit',
+      name: 'minimize',
       type: 'core',
       package: '@atlaskit/icon'
     },
+    additionalIcons: [{
+      name: 'fullscreen-exit',
+      type: 'core',
+      package: '@atlaskit/icon'
+    }],
     sizeGuidance: {
       small: 'swap-visual-change',
       medium: 'swap-visual-change',

package/dist/esm/entry-points/migration-map.js

@@ -1 +1 @@
-export { default } from '../../src/migration-map';
+export { default, migrationOutcomeDescriptionMap } from '../../src/migration-map';

package/dist/esm/metadata-core.js

@@ -13,7 +13,7 @@ var metadata = {
     keywords: ['add', 'plus', 'create', 'new', 'icon', 'core', 'create', 'plus'],
     componentName: 'AddIcon',
     package: '@atlaskit/icon/core/add',
-    oldName: ['add-circle', 'add', 'emoji/custom'],
+    oldName: ['add-circle', 'add', 'editor/add', 'emoji/custom'],
     categorization: 'Single-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -87,7 +87,7 @@ var metadata = {
     keywords: ['angle-brackets', 'anglebrackets', 'icon', 'core', 'code', '<>', '</>', 'syntax'],
     componentName: 'AngleBracketsIcon',
     package: '@atlaskit/icon/core/angle-brackets',
-    oldName: ['bitbucket/source', 'code', 'editor/code', 'media-services/code'],
+    oldName: ['bitbucket/repos', 'bitbucket/source', 'code', 'editor/code', 'media-services/code'],
     categorization: 'Multi-purpose',
     location: 'Icon contributions',
     team: 'Jira',
@@ -105,6 +105,27 @@ var metadata = {
     type: 'Global noun',
     usage: 'Reserved for marketplace apps and integrations across products.'
   },
+  'app-switcher': {
+    keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
+    componentName: 'AppSwitcherIcon',
+    package: '@atlaskit/icon/core/app-switcher',
+    oldName: ['app-switcher', 'switcher'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for app switcher in global product navigation.'
+  },
+  'app-switcher-legacy': {
+    keywords: ['app-switcher-legacy', 'appswitcherlegacy', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher', 'top navigation'],
+    componentName: 'AppSwitcherLegacyIcon',
+    package: '@atlaskit/icon/core/app-switcher-legacy',
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for the legacy app switcher in global product navigation.'
+  },
   apps: {
     keywords: ['apps', 'icon', 'core', 'third-party', 'applications'],
     componentName: 'AppsIcon',
@@ -206,7 +227,7 @@ var metadata = {
     keywords: ['audio', 'music', 'note', 'sound', 'icon', 'core', 'music', 'musical note'],
     componentName: 'AudioIcon',
     package: '@atlaskit/icon/core/audio',
-    oldName: ['audio-circle', 'audio', 'media-services/audio', 'vid-audio-on'],
+    oldName: ['audio-circle', 'audio', 'media-services/audio'],
     categorization: 'Single-purpose',
     location: 'Icon contributions',
     team: 'Media',
@@ -669,6 +690,7 @@ var metadata = {
     keywords: ['download', 'cloud', 'icon', 'core', 'down arrow', 'file download'],
     componentName: 'DownloadIcon',
     package: '@atlaskit/icon/core/download',
+    oldName: ['download'],
     categorization: 'Single-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -690,7 +712,7 @@ var metadata = {
     keywords: ['edit', 'pencil', 'write', 'icon', 'core', 'pencil', 'pencil on page'],
     componentName: 'EditIcon',
     package: '@atlaskit/icon/core/edit',
-    oldName: ['edit-filled', 'edit', 'editor/add', 'editor/edit'],
+    oldName: ['edit-filled', 'edit', 'editor/edit'],
     categorization: 'Single-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -712,7 +734,7 @@ var metadata = {
     keywords: ['emoji', 'emoticon', 'smiley', 'icon', 'core', 'smiley face', 'emoticon'],
     componentName: 'EmojiIcon',
     package: '@atlaskit/icon/core/emoji',
-    oldName: ['editor/emoji', 'emoji/emoji', 'emoji'],
+    oldName: ['editor/emoji', 'emoji/emoji', 'emoji', 'emoji/people'],
     categorization: 'Single-purpose',
     location: 'Icon contributions',
     team: 'Editor',
@@ -820,6 +842,7 @@ var metadata = {
     keywords: ['flag', 'icon', 'core', 'important', 'emoji category'],
     componentName: 'FlagIcon',
     package: '@atlaskit/icon/core/flag',
+    oldName: ['emoji/flags'],
     categorization: 'Multi-purpose',
     location: 'Icon contributions',
     team: 'Editor',
@@ -905,7 +928,7 @@ var metadata = {
     keywords: ['grid', 'icon', 'core', 'view all content', 'tile view', 'layout', 'grid', 'tiles'],
     componentName: 'GridIcon',
     package: '@atlaskit/icon/core/grid',
-    oldName: ['media-services/grid', 'table'],
+    oldName: ['editor/table', 'media-services/grid', 'table'],
     categorization: 'Multi-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -1013,7 +1036,7 @@ var metadata = {
     keywords: ['lightbulb', 'idea', 'hint', 'icon', 'core', 'idea', 'initiative', 'tip', 'learnings'],
     componentName: 'LightbulbIcon',
     package: '@atlaskit/icon/core/lightbulb',
-    oldName: ['editor/hint', 'emoji/objects', 'lightbulb'],
+    oldName: ['editor/hint', 'emoji/objects', 'lightbulb-filled', 'lightbulb'],
     categorization: 'Multi-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -1024,7 +1047,7 @@ var metadata = {
     keywords: ['link', 'icon', 'core', 'url', 'hyperlink', 'website', 'www', 'http'],
     componentName: 'LinkIcon',
     package: '@atlaskit/icon/core/link',
-    oldName: ['editor/link', 'link'],
+    oldName: ['editor/link', 'link-filled', 'link'],
     categorization: 'Single-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -1162,10 +1185,22 @@ var metadata = {
     type: 'Core',
     usage: 'Reserved for user mentions.'
   },
+  menu: {
+    keywords: ['menu', 'hamburger', 'navigation', 'switcher', 'app switcher', 'icon', 'core', 'menu', 'top navigation', '3 lines', 'hamburger'],
+    componentName: 'MenuIcon',
+    package: '@atlaskit/icon/core/menu',
+    oldName: ['menu-expand', 'menu'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for accessing the menu in global product navigation.'
+  },
   microphone: {
     keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
     componentName: 'MicrophoneIcon',
     package: '@atlaskit/icon/core/microphone',
+    oldName: ['vid-audio-on'],
     categorization: 'Multi-purpose',
     location: 'Icon contributions',
     team: 'Media',
@@ -1176,6 +1211,7 @@ var metadata = {
     keywords: ['minimize', 'icon', 'core', 'minimise', 'resize', 'diagonal arrows'],
     componentName: 'MinimizeIcon',
     package: '@atlaskit/icon/core/minimize',
+    oldName: ['media-services/fit-to-page', 'vid-full-screen-off'],
     categorization: 'Single-purpose',
     location: 'ADS',
     team: 'ADS',
@@ -1192,6 +1228,17 @@ var metadata = {
     type: 'Core',
     usage: 'Reserved for a non-expandable item in a page tree.'
   },
+  notification: {
+    keywords: ['notification', 'bell', 'alarm', 'icon', 'core', 'bell', 'alert', 'top navigation'],
+    componentName: 'NotificationIcon',
+    package: '@atlaskit/icon/core/notification',
+    oldName: ['notification-direct', 'notification'],
+    categorization: 'Single-purpose',
+    location: 'ADS',
+    team: 'ADS',
+    type: 'Core',
+    usage: 'Reserved for notifications within global product navigation and within product screens.'
+  },
   'office-building': {
     keywords: ['office-building', 'officebuilding', 'icon', 'core', 'organization', 'organisation', 'business'],
     componentName: 'OfficeBuildingIcon',
@@ -1883,6 +1930,7 @@ var metadata = {
     keywords: ['upload', 'cloud', 'icon', 'core', 'stream', 'file'],
     componentName: 'UploadIcon',
     package: '@atlaskit/icon/core/upload',
+    oldName: ['export'],
     categorization: 'Single-purpose',
     location: 'ADS',
     team: 'ADS',

package/dist/esm/metadata-utility.js

@@ -13,7 +13,7 @@ var metadata = {
     keywords: ['add', 'plus', 'create', 'new', 'icon', 'utility', 'create', 'plus'],
     componentName: 'AddIcon',
     package: '@atlaskit/icon/utility/add',
-    oldName: ['add-circle', 'add', 'emoji/custom'],
+    oldName: ['add-circle', 'add', 'editor/add', 'emoji/custom'],
     categorization: 'Multi-purpose',
     location: 'ADS',
     team: 'ADS',