@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.
- package/CHANGELOG.md +17 -0
- package/core/migration/{edit--editor-add.d.ts → add--editor-add.d.ts} +2 -2
- package/core/migration/{edit--editor-add.js → add--editor-add.js} +9 -9
- package/core/migration/angle-brackets--bitbucket-repos.d.ts +9 -0
- package/core/migration/angle-brackets--bitbucket-repos.js +29 -0
- package/core/migration/download.d.ts +9 -0
- package/core/migration/download.js +29 -0
- package/core/migration/{audio--vid-audio-on.d.ts → emoji--emoji-people.d.ts} +2 -2
- package/core/migration/emoji--emoji-people.js +29 -0
- package/core/migration/flag--emoji-flags.d.ts +9 -0
- package/core/migration/flag--emoji-flags.js +29 -0
- package/core/migration/grid--editor-table.d.ts +9 -0
- package/core/migration/grid--editor-table.js +29 -0
- package/core/migration/lightbulb--lightbulb-filled.d.ts +9 -0
- package/core/migration/lightbulb--lightbulb-filled.js +29 -0
- package/core/migration/link--link-filled.d.ts +9 -0
- package/core/migration/link--link-filled.js +29 -0
- package/core/migration/microphone--vid-audio-on.d.ts +9 -0
- package/core/migration/{audio--vid-audio-on.js → microphone--vid-audio-on.js} +8 -7
- package/core/migration/minimize--media-services-fit-to-page.d.ts +9 -0
- package/core/migration/minimize--media-services-fit-to-page.js +29 -0
- package/core/migration/minimize--vid-full-screen-off.d.ts +9 -0
- package/core/migration/minimize--vid-full-screen-off.js +29 -0
- package/core/migration/upload--export.d.ts +9 -0
- package/core/migration/upload--export.js +29 -0
- package/dist/cjs/entry-points/migration-map.js +10 -2
- package/dist/cjs/metadata-core.js +13 -8
- package/dist/cjs/metadata-utility.js +1 -1
- package/dist/cjs/migration-map.js +100 -35
- package/dist/es2019/entry-points/migration-map.js +1 -1
- package/dist/es2019/metadata-core.js +13 -8
- package/dist/es2019/metadata-utility.js +1 -1
- package/dist/es2019/migration-map.js +99 -34
- package/dist/esm/entry-points/migration-map.js +1 -1
- package/dist/esm/metadata-core.js +13 -8
- package/dist/esm/metadata-utility.js +1 -1
- package/dist/esm/migration-map.js +99 -34
- package/dist/types/entry-points/migration-map.d.ts +2 -1
- package/dist/types/migration-map.d.ts +2 -1
- package/dist/types/types.d.ts +22 -6
- package/dist/types-ts4.5/entry-points/migration-map.d.ts +2 -1
- package/dist/types-ts4.5/migration-map.d.ts +2 -1
- package/dist/types-ts4.5/types.d.ts +22 -6
- package/glyph/bitbucket/repos.js +4 -1
- package/glyph/download.js +4 -1
- package/glyph/editor/add.js +2 -2
- package/glyph/editor/table.js +4 -1
- package/glyph/emoji/flags.js +4 -1
- package/glyph/emoji/people.js +4 -1
- package/glyph/export.js +4 -1
- package/glyph/lightbulb-filled.js +4 -1
- package/glyph/link-filled.js +4 -1
- package/glyph/media-services/fit-to-page.js +4 -1
- package/glyph/vid-audio-on.js +2 -2
- package/glyph/vid-full-screen-off.js +2 -2
- package/package.json +4 -5
- package/utility/migration/add--editor-add.d.ts +9 -0
- 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: '
|
|
420
|
-
medium: '
|
|
421
|
-
large: 'icon-
|
|
422
|
-
xlarge: 'icon-
|
|
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
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
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: '
|
|
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: '
|
|
1768
|
-
medium: '
|
|
1769
|
-
large: 'icon-
|
|
1770
|
-
xlarge: 'icon-
|
|
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: '
|
|
2373
|
-
medium: '
|
|
2374
|
-
large: 'icon-
|
|
2375
|
-
xlarge: 'icon-
|
|
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: '
|
|
2407
|
-
medium: '
|
|
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-
|
|
2480
|
-
medium: 'icon-
|
|
2481
|
-
large: 'icon-
|
|
2482
|
-
xlarge: 'icon-
|
|
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: '
|
|
2640
|
-
medium: '
|
|
2641
|
-
large: 'icon-
|
|
2642
|
-
xlarge: 'icon-
|
|
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: '
|
|
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: '
|
|
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'
|
|
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/
|
|
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: '
|
|
420
|
-
medium: '
|
|
421
|
-
large: 'icon-
|
|
422
|
-
xlarge: 'icon-
|
|
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
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
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: '
|
|
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: '
|
|
1768
|
-
medium: '
|
|
1769
|
-
large: 'icon-
|
|
1770
|
-
xlarge: 'icon-
|
|
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: '
|
|
2373
|
-
medium: '
|
|
2374
|
-
large: 'icon-
|
|
2375
|
-
xlarge: 'icon-
|
|
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: '
|
|
2407
|
-
medium: '
|
|
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-
|
|
2480
|
-
medium: 'icon-
|
|
2481
|
-
large: 'icon-
|
|
2482
|
-
xlarge: 'icon-
|
|
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: '
|
|
2640
|
-
medium: '
|
|
2641
|
-
large: 'icon-
|
|
2642
|
-
xlarge: 'icon-
|
|
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: '
|
|
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: '
|
|
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;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -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
|
|
166
|
-
type
|
|
167
|
-
package
|
|
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;
|