@atlaskit/icon 22.9.0 → 22.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/core/migration/{edit--editor-add.d.ts → add--editor-add.d.ts} +2 -2
  3. package/core/migration/{edit--editor-add.js → add--editor-add.js} +9 -9
  4. package/core/migration/angle-brackets--bitbucket-repos.d.ts +9 -0
  5. package/core/migration/angle-brackets--bitbucket-repos.js +29 -0
  6. package/core/migration/download.d.ts +9 -0
  7. package/core/migration/download.js +29 -0
  8. package/core/migration/{audio--vid-audio-on.d.ts → emoji--emoji-people.d.ts} +2 -2
  9. package/core/migration/emoji--emoji-people.js +29 -0
  10. package/core/migration/flag--emoji-flags.d.ts +9 -0
  11. package/core/migration/flag--emoji-flags.js +29 -0
  12. package/core/migration/grid--editor-table.d.ts +9 -0
  13. package/core/migration/grid--editor-table.js +29 -0
  14. package/core/migration/lightbulb--lightbulb-filled.d.ts +9 -0
  15. package/core/migration/lightbulb--lightbulb-filled.js +29 -0
  16. package/core/migration/link--link-filled.d.ts +9 -0
  17. package/core/migration/link--link-filled.js +29 -0
  18. package/core/migration/microphone--vid-audio-on.d.ts +9 -0
  19. package/core/migration/{audio--vid-audio-on.js → microphone--vid-audio-on.js} +8 -7
  20. package/core/migration/minimize--media-services-fit-to-page.d.ts +9 -0
  21. package/core/migration/minimize--media-services-fit-to-page.js +29 -0
  22. package/core/migration/minimize--vid-full-screen-off.d.ts +9 -0
  23. package/core/migration/minimize--vid-full-screen-off.js +29 -0
  24. package/core/migration/upload--export.d.ts +9 -0
  25. package/core/migration/upload--export.js +29 -0
  26. package/dist/cjs/entry-points/migration-map.js +10 -2
  27. package/dist/cjs/metadata-core.js +13 -8
  28. package/dist/cjs/metadata-utility.js +1 -1
  29. package/dist/cjs/migration-map.js +100 -35
  30. package/dist/es2019/entry-points/migration-map.js +1 -1
  31. package/dist/es2019/metadata-core.js +13 -8
  32. package/dist/es2019/metadata-utility.js +1 -1
  33. package/dist/es2019/migration-map.js +99 -34
  34. package/dist/esm/entry-points/migration-map.js +1 -1
  35. package/dist/esm/metadata-core.js +13 -8
  36. package/dist/esm/metadata-utility.js +1 -1
  37. package/dist/esm/migration-map.js +99 -34
  38. package/dist/types/entry-points/migration-map.d.ts +2 -1
  39. package/dist/types/migration-map.d.ts +2 -1
  40. package/dist/types/types.d.ts +22 -6
  41. package/dist/types-ts4.5/entry-points/migration-map.d.ts +2 -1
  42. package/dist/types-ts4.5/migration-map.d.ts +2 -1
  43. package/dist/types-ts4.5/types.d.ts +22 -6
  44. package/glyph/bitbucket/repos.js +4 -1
  45. package/glyph/download.js +4 -1
  46. package/glyph/editor/add.js +2 -2
  47. package/glyph/editor/table.js +4 -1
  48. package/glyph/emoji/flags.js +4 -1
  49. package/glyph/emoji/people.js +4 -1
  50. package/glyph/export.js +4 -1
  51. package/glyph/lightbulb-filled.js +4 -1
  52. package/glyph/link-filled.js +4 -1
  53. package/glyph/media-services/fit-to-page.js +4 -1
  54. package/glyph/vid-audio-on.js +2 -2
  55. package/glyph/vid-full-screen-off.js +2 -2
  56. package/package.json +4 -5
  57. package/utility/migration/add--editor-add.d.ts +9 -0
  58. package/utility/migration/add--editor-add.js +29 -0
@@ -1,3 +1,19 @@
1
+ export const migrationOutcomeDescriptionMap = {
2
+ swap: 'Swap icon',
3
+ 'swap-slight-visual-change': 'Swap icon for an equivalent in the new set; there will be some slight visual change.',
4
+ 'swap-visual-change': 'Swap icon for an equivalent in the new set; there will be a noticeable visual change.',
5
+ 'swap-size-shift-utility': 'Swap icon for a 12px utility icon; expect some size shift.',
6
+ 'no-larger-size': 'This icon should not be used with a larger size; please shift to a smaller size.',
7
+ 'not-recommended': 'No equivalent icon in new set. This icon is not recommended.',
8
+ 'product-icon': 'Product icons are not supported; please use the custom SVG component from `@atlaskit/icon/svg`.',
9
+ 'icon-lab': 'Find an alternative icon, or create an updated icon in the new style, and contribute it to `@atlassian/icon-lab`.',
10
+ 'top-nav': 'This icon is only for use for top navigation; please choose a different icon if used elsewhere.',
11
+ 'icon-tile': 'Switch to Icon Tile, use a smaller size or remove.',
12
+ '16-icon-tile': "This icon can be re-created using an Icon tile with size='16'.",
13
+ '24-icon-tile': "This icon can be re-created using an Icon tile with size='24'.",
14
+ '32-icon-tile': "This icon can be re-created using an Icon tile with size='32'.",
15
+ '48-icon-tile': "This icon can be re-created using an Icon tile with size='48'."
16
+ };
1
17
  const migrationMap = {
2
18
  activity: {
3
19
  newIcon: {
@@ -415,11 +431,16 @@ const migrationMap = {
415
431
  }
416
432
  },
417
433
  'bitbucket/repos': {
434
+ newIcon: {
435
+ name: 'angle-brackets',
436
+ type: 'core',
437
+ package: '@atlaskit/icon'
438
+ },
418
439
  sizeGuidance: {
419
- small: 'icon-lab',
420
- medium: 'icon-lab',
421
- large: 'icon-lab',
422
- xlarge: 'icon-lab'
440
+ small: 'swap-visual-change',
441
+ medium: 'swap-visual-change',
442
+ large: '32-icon-tile',
443
+ xlarge: '48-icon-tile'
423
444
  }
424
445
  },
425
446
  'bitbucket/snippets': {
@@ -1037,15 +1058,19 @@ const migrationMap = {
1037
1058
  xlarge: 'icon-tile'
1038
1059
  }
1039
1060
  },
1040
- // download: {
1041
- // newIcon: { name: 'cloud-arrow-down', type: 'core', package: '@atlaskit/icon' },
1042
- // sizeGuidance: {
1043
- // small: 'swap',
1044
- // medium: 'swap',
1045
- // large: 'icon-tile',
1046
- // xlarge: 'icon-tile',
1047
- // },
1048
- // },
1061
+ download: {
1062
+ newIcon: {
1063
+ name: 'download',
1064
+ type: 'core',
1065
+ package: '@atlaskit/icon'
1066
+ },
1067
+ sizeGuidance: {
1068
+ small: 'swap-visual-change',
1069
+ medium: 'swap-visual-change',
1070
+ large: 'icon-tile',
1071
+ xlarge: 'icon-tile'
1072
+ }
1073
+ },
1049
1074
  'drag-handler': {
1050
1075
  newIcon: {
1051
1076
  name: 'drag-handle',
@@ -1095,7 +1120,7 @@ const migrationMap = {
1095
1120
  },
1096
1121
  'editor/add': {
1097
1122
  newIcon: {
1098
- name: 'edit',
1123
+ name: 'add',
1099
1124
  type: 'core',
1100
1125
  package: '@atlaskit/icon'
1101
1126
  },
@@ -1763,11 +1788,16 @@ const migrationMap = {
1763
1788
  }
1764
1789
  },
1765
1790
  'editor/table': {
1791
+ newIcon: {
1792
+ name: 'grid',
1793
+ type: 'core',
1794
+ package: '@atlaskit/icon'
1795
+ },
1766
1796
  sizeGuidance: {
1767
- small: 'icon-lab',
1768
- medium: 'icon-lab',
1769
- large: 'icon-lab',
1770
- xlarge: 'icon-lab'
1797
+ small: 'swap',
1798
+ medium: 'swap',
1799
+ large: 'icon-tile',
1800
+ xlarge: 'icon-tile'
1771
1801
  }
1772
1802
  },
1773
1803
  'editor/task': {
@@ -1920,6 +1950,11 @@ const migrationMap = {
1920
1950
  }
1921
1951
  },
1922
1952
  'emoji/flags': {
1953
+ newIcon: {
1954
+ name: 'flag',
1955
+ type: 'core',
1956
+ package: '@atlaskit/icon'
1957
+ },
1923
1958
  sizeGuidance: {
1924
1959
  small: 'icon-lab',
1925
1960
  medium: 'icon-lab',
@@ -1996,6 +2031,11 @@ const migrationMap = {
1996
2031
  }
1997
2032
  },
1998
2033
  'emoji/people': {
2034
+ newIcon: {
2035
+ name: 'emoji',
2036
+ type: 'core',
2037
+ package: '@atlaskit/icon'
2038
+ },
1999
2039
  sizeGuidance: {
2000
2040
  small: 'icon-lab',
2001
2041
  medium: 'icon-lab',
@@ -2046,6 +2086,11 @@ const migrationMap = {
2046
2086
  }
2047
2087
  },
2048
2088
  export: {
2089
+ newIcon: {
2090
+ name: 'upload',
2091
+ type: 'core',
2092
+ package: '@atlaskit/icon'
2093
+ },
2049
2094
  sizeGuidance: {
2050
2095
  small: 'icon-lab',
2051
2096
  medium: 'icon-lab',
@@ -2368,11 +2413,16 @@ const migrationMap = {
2368
2413
  }
2369
2414
  },
2370
2415
  'lightbulb-filled': {
2416
+ newIcon: {
2417
+ name: 'lightbulb',
2418
+ type: 'core',
2419
+ package: '@atlaskit/icon'
2420
+ },
2371
2421
  sizeGuidance: {
2372
- small: 'icon-lab',
2373
- medium: 'icon-lab',
2374
- large: 'icon-lab',
2375
- xlarge: 'icon-lab'
2422
+ small: 'swap-visual-change',
2423
+ medium: 'swap-visual-change',
2424
+ large: 'icon-tile',
2425
+ xlarge: 'icon-tile'
2376
2426
  }
2377
2427
  },
2378
2428
  lightbulb: {
@@ -2402,9 +2452,14 @@ const migrationMap = {
2402
2452
  }
2403
2453
  },
2404
2454
  'link-filled': {
2455
+ newIcon: {
2456
+ name: 'link',
2457
+ type: 'core',
2458
+ package: '@atlaskit/icon'
2459
+ },
2405
2460
  sizeGuidance: {
2406
- small: '16-icon-tile',
2407
- medium: '24-icon-tile',
2461
+ small: 'swap-visual-change',
2462
+ medium: 'swap-visual-change',
2408
2463
  large: '32-icon-tile',
2409
2464
  xlarge: '48-icon-tile'
2410
2465
  }
@@ -2476,10 +2531,10 @@ const migrationMap = {
2476
2531
  package: '@atlaskit/icon'
2477
2532
  },
2478
2533
  sizeGuidance: {
2479
- small: 'icon-lab',
2480
- medium: 'icon-lab',
2481
- large: 'icon-lab',
2482
- xlarge: 'icon-lab'
2534
+ small: '16-icon-tile',
2535
+ medium: '24-icon-tile',
2536
+ large: '32-icon-tile',
2537
+ xlarge: '48-icon-tile'
2483
2538
  }
2484
2539
  },
2485
2540
  lock: {
@@ -2635,11 +2690,16 @@ const migrationMap = {
2635
2690
  }
2636
2691
  },
2637
2692
  'media-services/fit-to-page': {
2693
+ newIcon: {
2694
+ name: 'minimize',
2695
+ type: 'core',
2696
+ package: '@atlaskit/icon'
2697
+ },
2638
2698
  sizeGuidance: {
2639
- small: 'icon-lab',
2640
- medium: 'icon-lab',
2641
- large: 'icon-lab',
2642
- xlarge: 'icon-lab'
2699
+ small: 'swap',
2700
+ medium: 'swap',
2701
+ large: 'icon-tile',
2702
+ xlarge: 'icon-tile'
2643
2703
  }
2644
2704
  },
2645
2705
  'media-services/full-screen': {
@@ -3773,7 +3833,7 @@ const migrationMap = {
3773
3833
  },
3774
3834
  'vid-audio-on': {
3775
3835
  newIcon: {
3776
- name: 'audio',
3836
+ name: 'microphone',
3777
3837
  type: 'core',
3778
3838
  package: '@atlaskit/icon'
3779
3839
  },
@@ -3857,10 +3917,15 @@ const migrationMap = {
3857
3917
  },
3858
3918
  'vid-full-screen-off': {
3859
3919
  newIcon: {
3860
- name: 'fullscreen-exit',
3920
+ name: 'minimize',
3861
3921
  type: 'core',
3862
3922
  package: '@atlaskit/icon'
3863
3923
  },
3924
+ additionalIcons: [{
3925
+ name: 'fullscreen-exit',
3926
+ type: 'core',
3927
+ package: '@atlaskit/icon'
3928
+ }],
3864
3929
  sizeGuidance: {
3865
3930
  small: 'swap-visual-change',
3866
3931
  medium: 'swap-visual-change',
@@ -1 +1 @@
1
- export { default } from '../../src/migration-map';
1
+ export { default, migrationOutcomeDescriptionMap } from '../../src/migration-map';
@@ -13,7 +13,7 @@ var metadata = {
13
13
  keywords: ['add', 'plus', 'create', 'new', 'icon', 'core', 'create', 'plus'],
14
14
  componentName: 'AddIcon',
15
15
  package: '@atlaskit/icon/core/add',
16
- oldName: ['add-circle', 'add', 'emoji/custom'],
16
+ oldName: ['add-circle', 'add', 'editor/add', 'emoji/custom'],
17
17
  categorization: 'Single-purpose',
18
18
  location: 'ADS',
19
19
  team: 'ADS',
@@ -87,7 +87,7 @@ var metadata = {
87
87
  keywords: ['angle-brackets', 'anglebrackets', 'icon', 'core', 'code', '<>', '</>', 'syntax'],
88
88
  componentName: 'AngleBracketsIcon',
89
89
  package: '@atlaskit/icon/core/angle-brackets',
90
- oldName: ['bitbucket/source', 'code', 'editor/code', 'media-services/code'],
90
+ oldName: ['bitbucket/repos', 'bitbucket/source', 'code', 'editor/code', 'media-services/code'],
91
91
  categorization: 'Multi-purpose',
92
92
  location: 'Icon contributions',
93
93
  team: 'Jira',
@@ -227,7 +227,7 @@ var metadata = {
227
227
  keywords: ['audio', 'music', 'note', 'sound', 'icon', 'core', 'music', 'musical note'],
228
228
  componentName: 'AudioIcon',
229
229
  package: '@atlaskit/icon/core/audio',
230
- oldName: ['audio-circle', 'audio', 'media-services/audio', 'vid-audio-on'],
230
+ oldName: ['audio-circle', 'audio', 'media-services/audio'],
231
231
  categorization: 'Single-purpose',
232
232
  location: 'Icon contributions',
233
233
  team: 'Media',
@@ -690,6 +690,7 @@ var metadata = {
690
690
  keywords: ['download', 'cloud', 'icon', 'core', 'down arrow', 'file download'],
691
691
  componentName: 'DownloadIcon',
692
692
  package: '@atlaskit/icon/core/download',
693
+ oldName: ['download'],
693
694
  categorization: 'Single-purpose',
694
695
  location: 'ADS',
695
696
  team: 'ADS',
@@ -711,7 +712,7 @@ var metadata = {
711
712
  keywords: ['edit', 'pencil', 'write', 'icon', 'core', 'pencil', 'pencil on page'],
712
713
  componentName: 'EditIcon',
713
714
  package: '@atlaskit/icon/core/edit',
714
- oldName: ['edit-filled', 'edit', 'editor/add', 'editor/edit'],
715
+ oldName: ['edit-filled', 'edit', 'editor/edit'],
715
716
  categorization: 'Single-purpose',
716
717
  location: 'ADS',
717
718
  team: 'ADS',
@@ -733,7 +734,7 @@ var metadata = {
733
734
  keywords: ['emoji', 'emoticon', 'smiley', 'icon', 'core', 'smiley face', 'emoticon'],
734
735
  componentName: 'EmojiIcon',
735
736
  package: '@atlaskit/icon/core/emoji',
736
- oldName: ['editor/emoji', 'emoji/emoji', 'emoji'],
737
+ oldName: ['editor/emoji', 'emoji/emoji', 'emoji', 'emoji/people'],
737
738
  categorization: 'Single-purpose',
738
739
  location: 'Icon contributions',
739
740
  team: 'Editor',
@@ -841,6 +842,7 @@ var metadata = {
841
842
  keywords: ['flag', 'icon', 'core', 'important', 'emoji category'],
842
843
  componentName: 'FlagIcon',
843
844
  package: '@atlaskit/icon/core/flag',
845
+ oldName: ['emoji/flags'],
844
846
  categorization: 'Multi-purpose',
845
847
  location: 'Icon contributions',
846
848
  team: 'Editor',
@@ -926,7 +928,7 @@ var metadata = {
926
928
  keywords: ['grid', 'icon', 'core', 'view all content', 'tile view', 'layout', 'grid', 'tiles'],
927
929
  componentName: 'GridIcon',
928
930
  package: '@atlaskit/icon/core/grid',
929
- oldName: ['media-services/grid', 'table'],
931
+ oldName: ['editor/table', 'media-services/grid', 'table'],
930
932
  categorization: 'Multi-purpose',
931
933
  location: 'ADS',
932
934
  team: 'ADS',
@@ -1034,7 +1036,7 @@ var metadata = {
1034
1036
  keywords: ['lightbulb', 'idea', 'hint', 'icon', 'core', 'idea', 'initiative', 'tip', 'learnings'],
1035
1037
  componentName: 'LightbulbIcon',
1036
1038
  package: '@atlaskit/icon/core/lightbulb',
1037
- oldName: ['editor/hint', 'emoji/objects', 'lightbulb'],
1039
+ oldName: ['editor/hint', 'emoji/objects', 'lightbulb-filled', 'lightbulb'],
1038
1040
  categorization: 'Multi-purpose',
1039
1041
  location: 'ADS',
1040
1042
  team: 'ADS',
@@ -1045,7 +1047,7 @@ var metadata = {
1045
1047
  keywords: ['link', 'icon', 'core', 'url', 'hyperlink', 'website', 'www', 'http'],
1046
1048
  componentName: 'LinkIcon',
1047
1049
  package: '@atlaskit/icon/core/link',
1048
- oldName: ['editor/link', 'link'],
1050
+ oldName: ['editor/link', 'link-filled', 'link'],
1049
1051
  categorization: 'Single-purpose',
1050
1052
  location: 'ADS',
1051
1053
  team: 'ADS',
@@ -1198,6 +1200,7 @@ var metadata = {
1198
1200
  keywords: ['microphone', 'icon', 'core', 'mic', 'mic on', 'voice', 'speak'],
1199
1201
  componentName: 'MicrophoneIcon',
1200
1202
  package: '@atlaskit/icon/core/microphone',
1203
+ oldName: ['vid-audio-on'],
1201
1204
  categorization: 'Multi-purpose',
1202
1205
  location: 'Icon contributions',
1203
1206
  team: 'Media',
@@ -1208,6 +1211,7 @@ var metadata = {
1208
1211
  keywords: ['minimize', 'icon', 'core', 'minimise', 'resize', 'diagonal arrows'],
1209
1212
  componentName: 'MinimizeIcon',
1210
1213
  package: '@atlaskit/icon/core/minimize',
1214
+ oldName: ['media-services/fit-to-page', 'vid-full-screen-off'],
1211
1215
  categorization: 'Single-purpose',
1212
1216
  location: 'ADS',
1213
1217
  team: 'ADS',
@@ -1926,6 +1930,7 @@ var metadata = {
1926
1930
  keywords: ['upload', 'cloud', 'icon', 'core', 'stream', 'file'],
1927
1931
  componentName: 'UploadIcon',
1928
1932
  package: '@atlaskit/icon/core/upload',
1933
+ oldName: ['export'],
1929
1934
  categorization: 'Single-purpose',
1930
1935
  location: 'ADS',
1931
1936
  team: 'ADS',
@@ -13,7 +13,7 @@ var metadata = {
13
13
  keywords: ['add', 'plus', 'create', 'new', 'icon', 'utility', 'create', 'plus'],
14
14
  componentName: 'AddIcon',
15
15
  package: '@atlaskit/icon/utility/add',
16
- oldName: ['add-circle', 'add', 'emoji/custom'],
16
+ oldName: ['add-circle', 'add', 'editor/add', 'emoji/custom'],
17
17
  categorization: 'Multi-purpose',
18
18
  location: 'ADS',
19
19
  team: 'ADS',
@@ -1,3 +1,19 @@
1
+ export var migrationOutcomeDescriptionMap = {
2
+ swap: 'Swap icon',
3
+ 'swap-slight-visual-change': 'Swap icon for an equivalent in the new set; there will be some slight visual change.',
4
+ 'swap-visual-change': 'Swap icon for an equivalent in the new set; there will be a noticeable visual change.',
5
+ 'swap-size-shift-utility': 'Swap icon for a 12px utility icon; expect some size shift.',
6
+ 'no-larger-size': 'This icon should not be used with a larger size; please shift to a smaller size.',
7
+ 'not-recommended': 'No equivalent icon in new set. This icon is not recommended.',
8
+ 'product-icon': 'Product icons are not supported; please use the custom SVG component from `@atlaskit/icon/svg`.',
9
+ 'icon-lab': 'Find an alternative icon, or create an updated icon in the new style, and contribute it to `@atlassian/icon-lab`.',
10
+ 'top-nav': 'This icon is only for use for top navigation; please choose a different icon if used elsewhere.',
11
+ 'icon-tile': 'Switch to Icon Tile, use a smaller size or remove.',
12
+ '16-icon-tile': "This icon can be re-created using an Icon tile with size='16'.",
13
+ '24-icon-tile': "This icon can be re-created using an Icon tile with size='24'.",
14
+ '32-icon-tile': "This icon can be re-created using an Icon tile with size='32'.",
15
+ '48-icon-tile': "This icon can be re-created using an Icon tile with size='48'."
16
+ };
1
17
  var migrationMap = {
2
18
  activity: {
3
19
  newIcon: {
@@ -415,11 +431,16 @@ var migrationMap = {
415
431
  }
416
432
  },
417
433
  'bitbucket/repos': {
434
+ newIcon: {
435
+ name: 'angle-brackets',
436
+ type: 'core',
437
+ package: '@atlaskit/icon'
438
+ },
418
439
  sizeGuidance: {
419
- small: 'icon-lab',
420
- medium: 'icon-lab',
421
- large: 'icon-lab',
422
- xlarge: 'icon-lab'
440
+ small: 'swap-visual-change',
441
+ medium: 'swap-visual-change',
442
+ large: '32-icon-tile',
443
+ xlarge: '48-icon-tile'
423
444
  }
424
445
  },
425
446
  'bitbucket/snippets': {
@@ -1037,15 +1058,19 @@ var migrationMap = {
1037
1058
  xlarge: 'icon-tile'
1038
1059
  }
1039
1060
  },
1040
- // download: {
1041
- // newIcon: { name: 'cloud-arrow-down', type: 'core', package: '@atlaskit/icon' },
1042
- // sizeGuidance: {
1043
- // small: 'swap',
1044
- // medium: 'swap',
1045
- // large: 'icon-tile',
1046
- // xlarge: 'icon-tile',
1047
- // },
1048
- // },
1061
+ download: {
1062
+ newIcon: {
1063
+ name: 'download',
1064
+ type: 'core',
1065
+ package: '@atlaskit/icon'
1066
+ },
1067
+ sizeGuidance: {
1068
+ small: 'swap-visual-change',
1069
+ medium: 'swap-visual-change',
1070
+ large: 'icon-tile',
1071
+ xlarge: 'icon-tile'
1072
+ }
1073
+ },
1049
1074
  'drag-handler': {
1050
1075
  newIcon: {
1051
1076
  name: 'drag-handle',
@@ -1095,7 +1120,7 @@ var migrationMap = {
1095
1120
  },
1096
1121
  'editor/add': {
1097
1122
  newIcon: {
1098
- name: 'edit',
1123
+ name: 'add',
1099
1124
  type: 'core',
1100
1125
  package: '@atlaskit/icon'
1101
1126
  },
@@ -1763,11 +1788,16 @@ var migrationMap = {
1763
1788
  }
1764
1789
  },
1765
1790
  'editor/table': {
1791
+ newIcon: {
1792
+ name: 'grid',
1793
+ type: 'core',
1794
+ package: '@atlaskit/icon'
1795
+ },
1766
1796
  sizeGuidance: {
1767
- small: 'icon-lab',
1768
- medium: 'icon-lab',
1769
- large: 'icon-lab',
1770
- xlarge: 'icon-lab'
1797
+ small: 'swap',
1798
+ medium: 'swap',
1799
+ large: 'icon-tile',
1800
+ xlarge: 'icon-tile'
1771
1801
  }
1772
1802
  },
1773
1803
  'editor/task': {
@@ -1920,6 +1950,11 @@ var migrationMap = {
1920
1950
  }
1921
1951
  },
1922
1952
  'emoji/flags': {
1953
+ newIcon: {
1954
+ name: 'flag',
1955
+ type: 'core',
1956
+ package: '@atlaskit/icon'
1957
+ },
1923
1958
  sizeGuidance: {
1924
1959
  small: 'icon-lab',
1925
1960
  medium: 'icon-lab',
@@ -1996,6 +2031,11 @@ var migrationMap = {
1996
2031
  }
1997
2032
  },
1998
2033
  'emoji/people': {
2034
+ newIcon: {
2035
+ name: 'emoji',
2036
+ type: 'core',
2037
+ package: '@atlaskit/icon'
2038
+ },
1999
2039
  sizeGuidance: {
2000
2040
  small: 'icon-lab',
2001
2041
  medium: 'icon-lab',
@@ -2046,6 +2086,11 @@ var migrationMap = {
2046
2086
  }
2047
2087
  },
2048
2088
  export: {
2089
+ newIcon: {
2090
+ name: 'upload',
2091
+ type: 'core',
2092
+ package: '@atlaskit/icon'
2093
+ },
2049
2094
  sizeGuidance: {
2050
2095
  small: 'icon-lab',
2051
2096
  medium: 'icon-lab',
@@ -2368,11 +2413,16 @@ var migrationMap = {
2368
2413
  }
2369
2414
  },
2370
2415
  'lightbulb-filled': {
2416
+ newIcon: {
2417
+ name: 'lightbulb',
2418
+ type: 'core',
2419
+ package: '@atlaskit/icon'
2420
+ },
2371
2421
  sizeGuidance: {
2372
- small: 'icon-lab',
2373
- medium: 'icon-lab',
2374
- large: 'icon-lab',
2375
- xlarge: 'icon-lab'
2422
+ small: 'swap-visual-change',
2423
+ medium: 'swap-visual-change',
2424
+ large: 'icon-tile',
2425
+ xlarge: 'icon-tile'
2376
2426
  }
2377
2427
  },
2378
2428
  lightbulb: {
@@ -2402,9 +2452,14 @@ var migrationMap = {
2402
2452
  }
2403
2453
  },
2404
2454
  'link-filled': {
2455
+ newIcon: {
2456
+ name: 'link',
2457
+ type: 'core',
2458
+ package: '@atlaskit/icon'
2459
+ },
2405
2460
  sizeGuidance: {
2406
- small: '16-icon-tile',
2407
- medium: '24-icon-tile',
2461
+ small: 'swap-visual-change',
2462
+ medium: 'swap-visual-change',
2408
2463
  large: '32-icon-tile',
2409
2464
  xlarge: '48-icon-tile'
2410
2465
  }
@@ -2476,10 +2531,10 @@ var migrationMap = {
2476
2531
  package: '@atlaskit/icon'
2477
2532
  },
2478
2533
  sizeGuidance: {
2479
- small: 'icon-lab',
2480
- medium: 'icon-lab',
2481
- large: 'icon-lab',
2482
- xlarge: 'icon-lab'
2534
+ small: '16-icon-tile',
2535
+ medium: '24-icon-tile',
2536
+ large: '32-icon-tile',
2537
+ xlarge: '48-icon-tile'
2483
2538
  }
2484
2539
  },
2485
2540
  lock: {
@@ -2635,11 +2690,16 @@ var migrationMap = {
2635
2690
  }
2636
2691
  },
2637
2692
  'media-services/fit-to-page': {
2693
+ newIcon: {
2694
+ name: 'minimize',
2695
+ type: 'core',
2696
+ package: '@atlaskit/icon'
2697
+ },
2638
2698
  sizeGuidance: {
2639
- small: 'icon-lab',
2640
- medium: 'icon-lab',
2641
- large: 'icon-lab',
2642
- xlarge: 'icon-lab'
2699
+ small: 'swap',
2700
+ medium: 'swap',
2701
+ large: 'icon-tile',
2702
+ xlarge: 'icon-tile'
2643
2703
  }
2644
2704
  },
2645
2705
  'media-services/full-screen': {
@@ -3773,7 +3833,7 @@ var migrationMap = {
3773
3833
  },
3774
3834
  'vid-audio-on': {
3775
3835
  newIcon: {
3776
- name: 'audio',
3836
+ name: 'microphone',
3777
3837
  type: 'core',
3778
3838
  package: '@atlaskit/icon'
3779
3839
  },
@@ -3857,10 +3917,15 @@ var migrationMap = {
3857
3917
  },
3858
3918
  'vid-full-screen-off': {
3859
3919
  newIcon: {
3860
- name: 'fullscreen-exit',
3920
+ name: 'minimize',
3861
3921
  type: 'core',
3862
3922
  package: '@atlaskit/icon'
3863
3923
  },
3924
+ additionalIcons: [{
3925
+ name: 'fullscreen-exit',
3926
+ type: 'core',
3927
+ package: '@atlaskit/icon'
3928
+ }],
3864
3929
  sizeGuidance: {
3865
3930
  small: 'swap-visual-change',
3866
3931
  medium: 'swap-visual-change',
@@ -1 +1,2 @@
1
- export { default } from '../../src/migration-map';
1
+ export { default, migrationOutcomeDescriptionMap } from '../../src/migration-map';
2
+ export type { IconMigrationMap, IconMigrationSizeGuidance } from '../types';
@@ -1,3 +1,4 @@
1
- import type { IconMigrationMap } from './types';
1
+ import type { IconMigrationMap, IconMigrationSizeGuidance } from './types';
2
+ export declare const migrationOutcomeDescriptionMap: Record<IconMigrationSizeGuidance, string>;
2
3
  declare const migrationMap: IconMigrationMap;
3
4
  export default migrationMap;
@@ -1,5 +1,5 @@
1
1
  import type { ComponentType, ReactNode, SVGProps as ReactSVGProps } from 'react';
2
- import type { IconColor, IconColorPressed } from '@atlaskit/tokens/css-type-schema';
2
+ import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
3
3
  export type Size = 'small' | 'medium' | 'large' | 'xlarge';
4
4
  export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
5
5
  /**
@@ -34,9 +34,9 @@ export interface GlyphColorProps {
34
34
  */
35
35
  export interface NewGlyphColorProps {
36
36
  /**
37
- * Color for the icon. Supports any icon design token, or 'currentColor' to inherit the current text color.
37
+ * Color for the icon. Supports any icon or text design token, or 'currentColor' to inherit the current text color.
38
38
  */
39
- color?: IconColor | IconColorPressed | 'currentColor';
39
+ color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
40
40
  }
41
41
  export interface GlyphSizeProps {
42
42
  /**
@@ -161,11 +161,27 @@ export interface SVGProps extends GlyphProps {
161
161
  * The migration outcome for a given legacy icon
162
162
  */
163
163
  type IconMigrationResult = {
164
+ /**
165
+ * The recommended new icon that the legacy icon should be migrated to
166
+ */
164
167
  newIcon?: {
165
- name?: string;
166
- type?: string;
167
- package?: string;
168
+ name: string;
169
+ type: string;
170
+ package: string;
168
171
  };
172
+ /**
173
+ * Alternative new icon that the legacy icon can be migrated to
174
+ * Primarily used to maintain migration guidance for icons that have since had a
175
+ * change to the recommended migration path in "newIcon"
176
+ */
177
+ additionalIcons?: {
178
+ name: string;
179
+ type: string;
180
+ package: string;
181
+ }[];
182
+ /**
183
+ * For each size the legacy icon can take, the per-size migration guidance
184
+ */
169
185
  sizeGuidance: Record<Size, IconMigrationSizeGuidance>;
170
186
  };
171
187
  export type IconMigrationSizeGuidance = '16-icon-tile' | '24-icon-tile' | '32-icon-tile' | '48-icon-tile' | 'swap' | 'swap-slight-visual-change' | 'swap-visual-change' | 'swap-size-shift-utility' | 'product-icon' | 'not-recommended' | 'icon-tile' | 'top-nav' | 'icon-lab' | 'no-larger-size';
@@ -1 +1,2 @@
1
- export { default } from '../../src/migration-map';
1
+ export { default, migrationOutcomeDescriptionMap } from '../../src/migration-map';
2
+ export type { IconMigrationMap, IconMigrationSizeGuidance } from '../types';
@@ -1,3 +1,4 @@
1
- import type { IconMigrationMap } from './types';
1
+ import type { IconMigrationMap, IconMigrationSizeGuidance } from './types';
2
+ export declare const migrationOutcomeDescriptionMap: Record<IconMigrationSizeGuidance, string>;
2
3
  declare const migrationMap: IconMigrationMap;
3
4
  export default migrationMap;