@atlaskit/icon 22.15.0 → 22.15.2
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 +241 -1
- package/core/bulleted-list.d.ts +14 -0
- package/core/bulleted-list.js +32 -0
- package/core/collapse.d.ts +14 -0
- package/core/collapse.js +32 -0
- package/core/expand.d.ts +14 -0
- package/core/expand.js +32 -0
- package/core/migration/app-switcher--switcher.d.ts +14 -0
- package/core/migration/app-switcher--switcher.js +33 -0
- package/core/migration/bulleted-list--bullet-list.d.ts +14 -0
- package/core/migration/bulleted-list--bullet-list.js +33 -0
- package/core/migration/bulleted-list--editor-bullet-list.d.ts +14 -0
- package/core/migration/bulleted-list--editor-bullet-list.js +33 -0
- package/core/migration/check-circle.d.ts +14 -0
- package/core/migration/check-circle.js +33 -0
- package/core/migration/collapse--editor-collapse.d.ts +14 -0
- package/core/migration/collapse--editor-collapse.js +33 -0
- package/core/migration/expand--editor-expand.d.ts +14 -0
- package/core/migration/expand--editor-expand.js +33 -0
- package/core/migration/expand--editor-image-resize.d.ts +14 -0
- package/core/migration/expand--editor-image-resize.js +33 -0
- package/core/migration/expand--image-resize.d.ts +14 -0
- package/core/migration/expand--image-resize.js +33 -0
- package/core/migration/maximize--media-services-actual-size.d.ts +14 -0
- package/core/migration/maximize--media-services-actual-size.js +33 -0
- package/core/migration/minimize--media-services-fit-to-page.d.ts +14 -0
- package/core/migration/minimize--media-services-fit-to-page.js +33 -0
- package/core/migration/minimize--vid-full-screen-off.d.ts +14 -0
- package/core/migration/minimize--vid-full-screen-off.js +33 -0
- package/core/migration/phone--hipchat-dial-out.d.ts +14 -0
- package/core/migration/phone--hipchat-dial-out.js +33 -0
- package/dist/cjs/components/icon-new.js +6 -2
- package/dist/cjs/metadata-core.js +37 -5
- package/dist/cjs/metadata-utility.js +2 -2
- package/dist/cjs/migration-map.js +60 -0
- package/dist/es2019/components/icon-new.js +6 -1
- package/dist/es2019/metadata-core.js +37 -5
- package/dist/es2019/metadata-utility.js +2 -2
- package/dist/es2019/migration-map.js +60 -0
- package/dist/esm/components/icon-new.js +6 -2
- package/dist/esm/metadata-core.js +37 -5
- package/dist/esm/metadata-utility.js +2 -2
- package/dist/esm/migration-map.js +60 -0
- package/dist/types/metadata-core.d.ts +1 -1
- package/dist/types/metadata-utility.d.ts +1 -1
- package/dist/types-ts4.5/metadata-core.d.ts +1 -1
- package/dist/types-ts4.5/metadata-utility.d.ts +1 -1
- package/package.json +9 -8
- package/utility/migration/check-circle--editor-success.d.ts +14 -0
- package/utility/migration/check-circle--editor-success.js +33 -0
- package/utility/migration/check-circle.d.ts +14 -0
- package/utility/migration/check-circle.js +33 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a1b62bf6f89207d8d697a50949119712>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -99,7 +99,7 @@ const metadata = {
|
|
|
99
99
|
keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher'],
|
|
100
100
|
componentName: 'AppSwitcherIcon',
|
|
101
101
|
package: '@atlaskit/icon/core/app-switcher',
|
|
102
|
-
oldName: ['app-switcher'],
|
|
102
|
+
oldName: ['app-switcher', 'switcher'],
|
|
103
103
|
type: 'core',
|
|
104
104
|
categorization: 'single-purpose',
|
|
105
105
|
usage: 'Single purpose - Reserved for app switcher in global product navigation.',
|
|
@@ -301,6 +301,16 @@ const metadata = {
|
|
|
301
301
|
usage: 'Multi purpose - Known uses: Request types in JSM, bugs in Jira.',
|
|
302
302
|
team: 'Design System Team'
|
|
303
303
|
},
|
|
304
|
+
'bulleted-list': {
|
|
305
|
+
keywords: ['bulleted-list', 'bulletedlist', 'icon', 'core', 'bullets', 'unordered list'],
|
|
306
|
+
componentName: 'BulletedListIcon',
|
|
307
|
+
package: '@atlaskit/icon/core/bulleted-list',
|
|
308
|
+
oldName: ['bullet-list', 'editor/bullet-list'],
|
|
309
|
+
type: 'core',
|
|
310
|
+
categorization: 'multi-purpose',
|
|
311
|
+
usage: 'Multi purpose - Known uses: bulleted lists, view all.',
|
|
312
|
+
team: 'Design System Team'
|
|
313
|
+
},
|
|
304
314
|
calendar: {
|
|
305
315
|
keywords: ['calendar', 'date', 'icon', 'core', 'date', 'month', 'day', 'year', 'jira status'],
|
|
306
316
|
componentName: 'CalendarIcon',
|
|
@@ -391,7 +401,7 @@ const metadata = {
|
|
|
391
401
|
keywords: ['check-circle', 'checkcircle', 'tick', 'icon', 'core', 'tick', 'yes', 'completed', 'filled'],
|
|
392
402
|
componentName: 'CheckCircleIcon',
|
|
393
403
|
package: '@atlaskit/icon/core/check-circle',
|
|
394
|
-
oldName: ['check-circle-outline', 'emoji/productivity'],
|
|
404
|
+
oldName: ['check-circle', 'check-circle-outline', 'emoji/productivity'],
|
|
395
405
|
type: 'core',
|
|
396
406
|
categorization: 'multi-purpose',
|
|
397
407
|
usage: 'Multi purpose - Known uses: completed items, productivity emoji category.',
|
|
@@ -476,6 +486,16 @@ const metadata = {
|
|
|
476
486
|
usage: 'Multi purpose - Known uses: deployments in Jira.',
|
|
477
487
|
team: 'Design System Team'
|
|
478
488
|
},
|
|
489
|
+
collapse: {
|
|
490
|
+
keywords: ['collapse', 'icon', 'core', 'contract', 'width', 'horizontal arrows'],
|
|
491
|
+
componentName: 'CollapseIcon',
|
|
492
|
+
package: '@atlaskit/icon/core/collapse',
|
|
493
|
+
oldName: ['editor/collapse'],
|
|
494
|
+
type: 'core',
|
|
495
|
+
categorization: 'single-purpose',
|
|
496
|
+
usage: 'Single purpose - Reserved for contracting or reducing the width of an element.',
|
|
497
|
+
team: 'Design System Team'
|
|
498
|
+
},
|
|
479
499
|
'collapse-horizontal': {
|
|
480
500
|
keywords: ['collapse-horizontal', 'collapsehorizontal', 'icon', 'core', 'collapse', 'width', 'horizontal arrows'],
|
|
481
501
|
componentName: 'CollapseHorizontalIcon',
|
|
@@ -528,7 +548,7 @@ const metadata = {
|
|
|
528
548
|
keywords: ['compass', 'icon', 'core', 'template'],
|
|
529
549
|
componentName: 'CompassIcon',
|
|
530
550
|
package: '@atlaskit/icon/core/compass',
|
|
531
|
-
oldName: ['discover
|
|
551
|
+
oldName: ['discover'],
|
|
532
552
|
type: 'core',
|
|
533
553
|
categorization: 'multi-purpose',
|
|
534
554
|
usage: 'Multi purpose - Known uses: templates.',
|
|
@@ -835,6 +855,16 @@ const metadata = {
|
|
|
835
855
|
usage: 'Single purpose - Reserved for when there is an error.',
|
|
836
856
|
team: 'Design System Team'
|
|
837
857
|
},
|
|
858
|
+
expand: {
|
|
859
|
+
keywords: ['expand', 'icon', 'core', 'diagonal', 'resize', 'enlarge'],
|
|
860
|
+
componentName: 'ExpandIcon',
|
|
861
|
+
package: '@atlaskit/icon/core/expand',
|
|
862
|
+
oldName: ['editor/expand', 'editor/image-resize', 'image-resize'],
|
|
863
|
+
type: 'core',
|
|
864
|
+
categorization: 'single-purpose',
|
|
865
|
+
usage: 'Single purpose - Reserved for resizing screens, panels, modals, or media to its maximum size.',
|
|
866
|
+
team: 'Design System Team'
|
|
867
|
+
},
|
|
838
868
|
'expand-horizontal': {
|
|
839
869
|
keywords: ['expand-horizontal', 'expandhorizontal', 'icon', 'core', 'expand', 'width', 'horizontal arrows', 'maximum width', 'stretch', 'fit'],
|
|
840
870
|
componentName: 'ExpandHorizontalIcon',
|
|
@@ -1384,7 +1414,7 @@ const metadata = {
|
|
|
1384
1414
|
keywords: ['maximize', 'icon', 'core', 'diagonal', 'resize', 'enlarge'],
|
|
1385
1415
|
componentName: 'MaximizeIcon',
|
|
1386
1416
|
package: '@atlaskit/icon/core/maximize',
|
|
1387
|
-
oldName: ['editor/image-resize', 'image-resize'],
|
|
1417
|
+
oldName: ['editor/image-resize', 'image-resize', 'media-services/actual-size'],
|
|
1388
1418
|
type: 'core',
|
|
1389
1419
|
categorization: 'single-purpose',
|
|
1390
1420
|
usage: 'Single purpose - Reserved for resizing screens, panels, modals, or media to its maximum size.',
|
|
@@ -1451,6 +1481,7 @@ const metadata = {
|
|
|
1451
1481
|
keywords: ['minimize', 'icon', 'core', 'minimize', 'dock'],
|
|
1452
1482
|
componentName: 'MinimizeIcon',
|
|
1453
1483
|
package: '@atlaskit/icon/core/minimize',
|
|
1484
|
+
oldName: ['media-services/fit-to-page', 'vid-full-screen-off'],
|
|
1454
1485
|
type: 'core',
|
|
1455
1486
|
categorization: 'single-purpose',
|
|
1456
1487
|
usage: 'Single purpose - Reserved for minimizing or docking modals to the bottom of the viewport.',
|
|
@@ -1662,6 +1693,7 @@ const metadata = {
|
|
|
1662
1693
|
keywords: ['phone', 'icon', 'core', 'call', 'dial out'],
|
|
1663
1694
|
componentName: 'PhoneIcon',
|
|
1664
1695
|
package: '@atlaskit/icon/core/phone',
|
|
1696
|
+
oldName: ['hipchat/dial-out'],
|
|
1665
1697
|
type: 'core',
|
|
1666
1698
|
categorization: 'multi-purpose',
|
|
1667
1699
|
usage: 'Multi purpose - Known uses: call us, phone number input.',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::9631ea87cef913a2404b055832446e10>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -62,7 +62,7 @@ const metadata = {
|
|
|
62
62
|
keywords: ['check-circle', 'checkcircle', 'tick', 'icon', 'utility', 'tick', 'yes', 'checkmark'],
|
|
63
63
|
componentName: 'CheckCircleIcon',
|
|
64
64
|
package: '@atlaskit/icon/utility/check-circle',
|
|
65
|
-
oldName: ['check-circle-outline', 'emoji/productivity'],
|
|
65
|
+
oldName: ['check-circle', 'check-circle-outline', 'emoji/productivity'],
|
|
66
66
|
type: 'utility',
|
|
67
67
|
categorization: 'utility',
|
|
68
68
|
usage: '📦 @atlaskit/icon/utility/check-circle',
|
|
@@ -501,6 +501,11 @@ const migrationMap = {
|
|
|
501
501
|
type: 'core',
|
|
502
502
|
package: '@atlaskit/icon'
|
|
503
503
|
},
|
|
504
|
+
additionalIcons: [{
|
|
505
|
+
name: 'bulleted-list',
|
|
506
|
+
type: 'core',
|
|
507
|
+
package: '@atlaskit/icon'
|
|
508
|
+
}],
|
|
504
509
|
sizeGuidance: {
|
|
505
510
|
small: 'swap',
|
|
506
511
|
medium: 'swap',
|
|
@@ -616,6 +621,11 @@ const migrationMap = {
|
|
|
616
621
|
type: 'core',
|
|
617
622
|
package: '@atlaskit/icon'
|
|
618
623
|
},
|
|
624
|
+
additionalIcons: [{
|
|
625
|
+
name: 'check-circle',
|
|
626
|
+
type: 'core',
|
|
627
|
+
package: '@atlaskit/icon'
|
|
628
|
+
}],
|
|
619
629
|
sizeGuidance: {
|
|
620
630
|
small: 'swap',
|
|
621
631
|
medium: 'swap',
|
|
@@ -991,6 +1001,11 @@ const migrationMap = {
|
|
|
991
1001
|
type: 'core',
|
|
992
1002
|
package: '@atlaskit/icon'
|
|
993
1003
|
},
|
|
1004
|
+
additionalIcons: [{
|
|
1005
|
+
name: 'phone',
|
|
1006
|
+
type: 'core',
|
|
1007
|
+
package: '@atlaskit/icon'
|
|
1008
|
+
}],
|
|
994
1009
|
sizeGuidance: {
|
|
995
1010
|
small: 'swap-slight-visual-change',
|
|
996
1011
|
medium: 'swap-slight-visual-change',
|
|
@@ -1236,6 +1251,11 @@ const migrationMap = {
|
|
|
1236
1251
|
type: 'core',
|
|
1237
1252
|
package: '@atlaskit/icon'
|
|
1238
1253
|
},
|
|
1254
|
+
additionalIcons: [{
|
|
1255
|
+
name: 'bulleted-list',
|
|
1256
|
+
type: 'core',
|
|
1257
|
+
package: '@atlaskit/icon'
|
|
1258
|
+
}],
|
|
1239
1259
|
sizeGuidance: {
|
|
1240
1260
|
small: 'swap',
|
|
1241
1261
|
medium: 'swap',
|
|
@@ -1275,6 +1295,11 @@ const migrationMap = {
|
|
|
1275
1295
|
type: 'core',
|
|
1276
1296
|
package: '@atlaskit/icon'
|
|
1277
1297
|
},
|
|
1298
|
+
additionalIcons: [{
|
|
1299
|
+
name: 'collapse',
|
|
1300
|
+
type: 'core',
|
|
1301
|
+
package: '@atlaskit/icon'
|
|
1302
|
+
}],
|
|
1278
1303
|
sizeGuidance: {
|
|
1279
1304
|
small: 'swap',
|
|
1280
1305
|
medium: 'swap',
|
|
@@ -1374,6 +1399,11 @@ const migrationMap = {
|
|
|
1374
1399
|
type: 'core',
|
|
1375
1400
|
package: '@atlaskit/icon'
|
|
1376
1401
|
},
|
|
1402
|
+
additionalIcons: [{
|
|
1403
|
+
name: 'expand',
|
|
1404
|
+
type: 'core',
|
|
1405
|
+
package: '@atlaskit/icon'
|
|
1406
|
+
}],
|
|
1377
1407
|
sizeGuidance: {
|
|
1378
1408
|
small: 'swap',
|
|
1379
1409
|
medium: 'swap',
|
|
@@ -1481,6 +1511,11 @@ const migrationMap = {
|
|
|
1481
1511
|
type: 'core',
|
|
1482
1512
|
package: '@atlaskit/icon'
|
|
1483
1513
|
},
|
|
1514
|
+
additionalIcons: [{
|
|
1515
|
+
name: 'expand',
|
|
1516
|
+
type: 'core',
|
|
1517
|
+
package: '@atlaskit/icon'
|
|
1518
|
+
}],
|
|
1484
1519
|
sizeGuidance: {
|
|
1485
1520
|
small: 'swap-visual-change',
|
|
1486
1521
|
medium: 'swap-visual-change',
|
|
@@ -2420,6 +2455,11 @@ const migrationMap = {
|
|
|
2420
2455
|
type: 'core',
|
|
2421
2456
|
package: '@atlaskit/icon'
|
|
2422
2457
|
},
|
|
2458
|
+
additionalIcons: [{
|
|
2459
|
+
name: 'expand',
|
|
2460
|
+
type: 'core',
|
|
2461
|
+
package: '@atlaskit/icon'
|
|
2462
|
+
}],
|
|
2423
2463
|
sizeGuidance: {
|
|
2424
2464
|
small: 'swap-visual-change',
|
|
2425
2465
|
medium: 'swap-visual-change',
|
|
@@ -2712,6 +2752,11 @@ const migrationMap = {
|
|
|
2712
2752
|
type: 'core',
|
|
2713
2753
|
package: '@atlaskit/icon'
|
|
2714
2754
|
},
|
|
2755
|
+
additionalIcons: [{
|
|
2756
|
+
name: 'maximize',
|
|
2757
|
+
type: 'core',
|
|
2758
|
+
package: '@atlaskit/icon'
|
|
2759
|
+
}],
|
|
2715
2760
|
sizeGuidance: {
|
|
2716
2761
|
small: 'swap',
|
|
2717
2762
|
medium: 'swap',
|
|
@@ -2830,6 +2875,11 @@ const migrationMap = {
|
|
|
2830
2875
|
type: 'core',
|
|
2831
2876
|
package: '@atlaskit/icon'
|
|
2832
2877
|
},
|
|
2878
|
+
additionalIcons: [{
|
|
2879
|
+
name: 'minimize',
|
|
2880
|
+
type: 'core',
|
|
2881
|
+
package: '@atlaskit/icon'
|
|
2882
|
+
}],
|
|
2833
2883
|
sizeGuidance: {
|
|
2834
2884
|
small: 'swap',
|
|
2835
2885
|
medium: 'swap',
|
|
@@ -3810,6 +3860,11 @@ const migrationMap = {
|
|
|
3810
3860
|
type: 'core',
|
|
3811
3861
|
package: '@atlaskit/icon'
|
|
3812
3862
|
},
|
|
3863
|
+
additionalIcons: [{
|
|
3864
|
+
name: 'app-switcher',
|
|
3865
|
+
type: 'core',
|
|
3866
|
+
package: '@atlaskit/icon'
|
|
3867
|
+
}],
|
|
3813
3868
|
sizeGuidance: {
|
|
3814
3869
|
small: 'swap-visual-change',
|
|
3815
3870
|
medium: 'swap-visual-change',
|
|
@@ -4071,6 +4126,11 @@ const migrationMap = {
|
|
|
4071
4126
|
type: 'core',
|
|
4072
4127
|
package: '@atlaskit/icon'
|
|
4073
4128
|
},
|
|
4129
|
+
additionalIcons: [{
|
|
4130
|
+
name: 'minimize',
|
|
4131
|
+
type: 'core',
|
|
4132
|
+
package: '@atlaskit/icon'
|
|
4133
|
+
}],
|
|
4074
4134
|
sizeGuidance: {
|
|
4075
4135
|
small: 'swap-visual-change',
|
|
4076
4136
|
medium: 'swap-visual-change',
|
|
@@ -88,8 +88,7 @@ var baseSizeMap = {
|
|
|
88
88
|
*/
|
|
89
89
|
export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
90
90
|
var _ref = props,
|
|
91
|
-
|
|
92
|
-
color = _ref$color === void 0 ? "var(--ds-icon, #44546F)" : _ref$color,
|
|
91
|
+
providedColor = _ref.color,
|
|
93
92
|
_ref$spacing = _ref.spacing,
|
|
94
93
|
providedSpacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
|
|
95
94
|
testId = _ref.testId,
|
|
@@ -103,6 +102,11 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
103
102
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
104
103
|
shouldScale = _ref.shouldScale,
|
|
105
104
|
LEGACY_margin = _ref.LEGACY_margin;
|
|
105
|
+
var fallbackColor = "var(--ds-icon, #44546F)";
|
|
106
|
+
if (fg('platform-design-system-new-icon-default-color')) {
|
|
107
|
+
fallbackColor = 'currentColor';
|
|
108
|
+
}
|
|
109
|
+
var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
|
|
106
110
|
var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
107
111
|
__html: dangerouslySetGlyph
|
|
108
112
|
} : undefined;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a1b62bf6f89207d8d697a50949119712>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -99,7 +99,7 @@ var metadata = {
|
|
|
99
99
|
keywords: ['app-switcher', 'appswitcher', 'icon', 'core', 'application switcher', 'change product', 'switch product', 'product switcher'],
|
|
100
100
|
componentName: 'AppSwitcherIcon',
|
|
101
101
|
package: '@atlaskit/icon/core/app-switcher',
|
|
102
|
-
oldName: ['app-switcher'],
|
|
102
|
+
oldName: ['app-switcher', 'switcher'],
|
|
103
103
|
type: 'core',
|
|
104
104
|
categorization: 'single-purpose',
|
|
105
105
|
usage: 'Single purpose - Reserved for app switcher in global product navigation.',
|
|
@@ -301,6 +301,16 @@ var metadata = {
|
|
|
301
301
|
usage: 'Multi purpose - Known uses: Request types in JSM, bugs in Jira.',
|
|
302
302
|
team: 'Design System Team'
|
|
303
303
|
},
|
|
304
|
+
'bulleted-list': {
|
|
305
|
+
keywords: ['bulleted-list', 'bulletedlist', 'icon', 'core', 'bullets', 'unordered list'],
|
|
306
|
+
componentName: 'BulletedListIcon',
|
|
307
|
+
package: '@atlaskit/icon/core/bulleted-list',
|
|
308
|
+
oldName: ['bullet-list', 'editor/bullet-list'],
|
|
309
|
+
type: 'core',
|
|
310
|
+
categorization: 'multi-purpose',
|
|
311
|
+
usage: 'Multi purpose - Known uses: bulleted lists, view all.',
|
|
312
|
+
team: 'Design System Team'
|
|
313
|
+
},
|
|
304
314
|
calendar: {
|
|
305
315
|
keywords: ['calendar', 'date', 'icon', 'core', 'date', 'month', 'day', 'year', 'jira status'],
|
|
306
316
|
componentName: 'CalendarIcon',
|
|
@@ -391,7 +401,7 @@ var metadata = {
|
|
|
391
401
|
keywords: ['check-circle', 'checkcircle', 'tick', 'icon', 'core', 'tick', 'yes', 'completed', 'filled'],
|
|
392
402
|
componentName: 'CheckCircleIcon',
|
|
393
403
|
package: '@atlaskit/icon/core/check-circle',
|
|
394
|
-
oldName: ['check-circle-outline', 'emoji/productivity'],
|
|
404
|
+
oldName: ['check-circle', 'check-circle-outline', 'emoji/productivity'],
|
|
395
405
|
type: 'core',
|
|
396
406
|
categorization: 'multi-purpose',
|
|
397
407
|
usage: 'Multi purpose - Known uses: completed items, productivity emoji category.',
|
|
@@ -476,6 +486,16 @@ var metadata = {
|
|
|
476
486
|
usage: 'Multi purpose - Known uses: deployments in Jira.',
|
|
477
487
|
team: 'Design System Team'
|
|
478
488
|
},
|
|
489
|
+
collapse: {
|
|
490
|
+
keywords: ['collapse', 'icon', 'core', 'contract', 'width', 'horizontal arrows'],
|
|
491
|
+
componentName: 'CollapseIcon',
|
|
492
|
+
package: '@atlaskit/icon/core/collapse',
|
|
493
|
+
oldName: ['editor/collapse'],
|
|
494
|
+
type: 'core',
|
|
495
|
+
categorization: 'single-purpose',
|
|
496
|
+
usage: 'Single purpose - Reserved for contracting or reducing the width of an element.',
|
|
497
|
+
team: 'Design System Team'
|
|
498
|
+
},
|
|
479
499
|
'collapse-horizontal': {
|
|
480
500
|
keywords: ['collapse-horizontal', 'collapsehorizontal', 'icon', 'core', 'collapse', 'width', 'horizontal arrows'],
|
|
481
501
|
componentName: 'CollapseHorizontalIcon',
|
|
@@ -528,7 +548,7 @@ var metadata = {
|
|
|
528
548
|
keywords: ['compass', 'icon', 'core', 'template'],
|
|
529
549
|
componentName: 'CompassIcon',
|
|
530
550
|
package: '@atlaskit/icon/core/compass',
|
|
531
|
-
oldName: ['discover
|
|
551
|
+
oldName: ['discover'],
|
|
532
552
|
type: 'core',
|
|
533
553
|
categorization: 'multi-purpose',
|
|
534
554
|
usage: 'Multi purpose - Known uses: templates.',
|
|
@@ -835,6 +855,16 @@ var metadata = {
|
|
|
835
855
|
usage: 'Single purpose - Reserved for when there is an error.',
|
|
836
856
|
team: 'Design System Team'
|
|
837
857
|
},
|
|
858
|
+
expand: {
|
|
859
|
+
keywords: ['expand', 'icon', 'core', 'diagonal', 'resize', 'enlarge'],
|
|
860
|
+
componentName: 'ExpandIcon',
|
|
861
|
+
package: '@atlaskit/icon/core/expand',
|
|
862
|
+
oldName: ['editor/expand', 'editor/image-resize', 'image-resize'],
|
|
863
|
+
type: 'core',
|
|
864
|
+
categorization: 'single-purpose',
|
|
865
|
+
usage: 'Single purpose - Reserved for resizing screens, panels, modals, or media to its maximum size.',
|
|
866
|
+
team: 'Design System Team'
|
|
867
|
+
},
|
|
838
868
|
'expand-horizontal': {
|
|
839
869
|
keywords: ['expand-horizontal', 'expandhorizontal', 'icon', 'core', 'expand', 'width', 'horizontal arrows', 'maximum width', 'stretch', 'fit'],
|
|
840
870
|
componentName: 'ExpandHorizontalIcon',
|
|
@@ -1384,7 +1414,7 @@ var metadata = {
|
|
|
1384
1414
|
keywords: ['maximize', 'icon', 'core', 'diagonal', 'resize', 'enlarge'],
|
|
1385
1415
|
componentName: 'MaximizeIcon',
|
|
1386
1416
|
package: '@atlaskit/icon/core/maximize',
|
|
1387
|
-
oldName: ['editor/image-resize', 'image-resize'],
|
|
1417
|
+
oldName: ['editor/image-resize', 'image-resize', 'media-services/actual-size'],
|
|
1388
1418
|
type: 'core',
|
|
1389
1419
|
categorization: 'single-purpose',
|
|
1390
1420
|
usage: 'Single purpose - Reserved for resizing screens, panels, modals, or media to its maximum size.',
|
|
@@ -1451,6 +1481,7 @@ var metadata = {
|
|
|
1451
1481
|
keywords: ['minimize', 'icon', 'core', 'minimize', 'dock'],
|
|
1452
1482
|
componentName: 'MinimizeIcon',
|
|
1453
1483
|
package: '@atlaskit/icon/core/minimize',
|
|
1484
|
+
oldName: ['media-services/fit-to-page', 'vid-full-screen-off'],
|
|
1454
1485
|
type: 'core',
|
|
1455
1486
|
categorization: 'single-purpose',
|
|
1456
1487
|
usage: 'Single purpose - Reserved for minimizing or docking modals to the bottom of the viewport.',
|
|
@@ -1662,6 +1693,7 @@ var metadata = {
|
|
|
1662
1693
|
keywords: ['phone', 'icon', 'core', 'call', 'dial out'],
|
|
1663
1694
|
componentName: 'PhoneIcon',
|
|
1664
1695
|
package: '@atlaskit/icon/core/phone',
|
|
1696
|
+
oldName: ['hipchat/dial-out'],
|
|
1665
1697
|
type: 'core',
|
|
1666
1698
|
categorization: 'multi-purpose',
|
|
1667
1699
|
usage: 'Multi purpose - Known uses: call us, phone number input.',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::9631ea87cef913a2404b055832446e10>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -62,7 +62,7 @@ var metadata = {
|
|
|
62
62
|
keywords: ['check-circle', 'checkcircle', 'tick', 'icon', 'utility', 'tick', 'yes', 'checkmark'],
|
|
63
63
|
componentName: 'CheckCircleIcon',
|
|
64
64
|
package: '@atlaskit/icon/utility/check-circle',
|
|
65
|
-
oldName: ['check-circle-outline', 'emoji/productivity'],
|
|
65
|
+
oldName: ['check-circle', 'check-circle-outline', 'emoji/productivity'],
|
|
66
66
|
type: 'utility',
|
|
67
67
|
categorization: 'utility',
|
|
68
68
|
usage: '📦 @atlaskit/icon/utility/check-circle',
|
|
@@ -501,6 +501,11 @@ var migrationMap = {
|
|
|
501
501
|
type: 'core',
|
|
502
502
|
package: '@atlaskit/icon'
|
|
503
503
|
},
|
|
504
|
+
additionalIcons: [{
|
|
505
|
+
name: 'bulleted-list',
|
|
506
|
+
type: 'core',
|
|
507
|
+
package: '@atlaskit/icon'
|
|
508
|
+
}],
|
|
504
509
|
sizeGuidance: {
|
|
505
510
|
small: 'swap',
|
|
506
511
|
medium: 'swap',
|
|
@@ -616,6 +621,11 @@ var migrationMap = {
|
|
|
616
621
|
type: 'core',
|
|
617
622
|
package: '@atlaskit/icon'
|
|
618
623
|
},
|
|
624
|
+
additionalIcons: [{
|
|
625
|
+
name: 'check-circle',
|
|
626
|
+
type: 'core',
|
|
627
|
+
package: '@atlaskit/icon'
|
|
628
|
+
}],
|
|
619
629
|
sizeGuidance: {
|
|
620
630
|
small: 'swap',
|
|
621
631
|
medium: 'swap',
|
|
@@ -991,6 +1001,11 @@ var migrationMap = {
|
|
|
991
1001
|
type: 'core',
|
|
992
1002
|
package: '@atlaskit/icon'
|
|
993
1003
|
},
|
|
1004
|
+
additionalIcons: [{
|
|
1005
|
+
name: 'phone',
|
|
1006
|
+
type: 'core',
|
|
1007
|
+
package: '@atlaskit/icon'
|
|
1008
|
+
}],
|
|
994
1009
|
sizeGuidance: {
|
|
995
1010
|
small: 'swap-slight-visual-change',
|
|
996
1011
|
medium: 'swap-slight-visual-change',
|
|
@@ -1236,6 +1251,11 @@ var migrationMap = {
|
|
|
1236
1251
|
type: 'core',
|
|
1237
1252
|
package: '@atlaskit/icon'
|
|
1238
1253
|
},
|
|
1254
|
+
additionalIcons: [{
|
|
1255
|
+
name: 'bulleted-list',
|
|
1256
|
+
type: 'core',
|
|
1257
|
+
package: '@atlaskit/icon'
|
|
1258
|
+
}],
|
|
1239
1259
|
sizeGuidance: {
|
|
1240
1260
|
small: 'swap',
|
|
1241
1261
|
medium: 'swap',
|
|
@@ -1275,6 +1295,11 @@ var migrationMap = {
|
|
|
1275
1295
|
type: 'core',
|
|
1276
1296
|
package: '@atlaskit/icon'
|
|
1277
1297
|
},
|
|
1298
|
+
additionalIcons: [{
|
|
1299
|
+
name: 'collapse',
|
|
1300
|
+
type: 'core',
|
|
1301
|
+
package: '@atlaskit/icon'
|
|
1302
|
+
}],
|
|
1278
1303
|
sizeGuidance: {
|
|
1279
1304
|
small: 'swap',
|
|
1280
1305
|
medium: 'swap',
|
|
@@ -1374,6 +1399,11 @@ var migrationMap = {
|
|
|
1374
1399
|
type: 'core',
|
|
1375
1400
|
package: '@atlaskit/icon'
|
|
1376
1401
|
},
|
|
1402
|
+
additionalIcons: [{
|
|
1403
|
+
name: 'expand',
|
|
1404
|
+
type: 'core',
|
|
1405
|
+
package: '@atlaskit/icon'
|
|
1406
|
+
}],
|
|
1377
1407
|
sizeGuidance: {
|
|
1378
1408
|
small: 'swap',
|
|
1379
1409
|
medium: 'swap',
|
|
@@ -1481,6 +1511,11 @@ var migrationMap = {
|
|
|
1481
1511
|
type: 'core',
|
|
1482
1512
|
package: '@atlaskit/icon'
|
|
1483
1513
|
},
|
|
1514
|
+
additionalIcons: [{
|
|
1515
|
+
name: 'expand',
|
|
1516
|
+
type: 'core',
|
|
1517
|
+
package: '@atlaskit/icon'
|
|
1518
|
+
}],
|
|
1484
1519
|
sizeGuidance: {
|
|
1485
1520
|
small: 'swap-visual-change',
|
|
1486
1521
|
medium: 'swap-visual-change',
|
|
@@ -2420,6 +2455,11 @@ var migrationMap = {
|
|
|
2420
2455
|
type: 'core',
|
|
2421
2456
|
package: '@atlaskit/icon'
|
|
2422
2457
|
},
|
|
2458
|
+
additionalIcons: [{
|
|
2459
|
+
name: 'expand',
|
|
2460
|
+
type: 'core',
|
|
2461
|
+
package: '@atlaskit/icon'
|
|
2462
|
+
}],
|
|
2423
2463
|
sizeGuidance: {
|
|
2424
2464
|
small: 'swap-visual-change',
|
|
2425
2465
|
medium: 'swap-visual-change',
|
|
@@ -2712,6 +2752,11 @@ var migrationMap = {
|
|
|
2712
2752
|
type: 'core',
|
|
2713
2753
|
package: '@atlaskit/icon'
|
|
2714
2754
|
},
|
|
2755
|
+
additionalIcons: [{
|
|
2756
|
+
name: 'maximize',
|
|
2757
|
+
type: 'core',
|
|
2758
|
+
package: '@atlaskit/icon'
|
|
2759
|
+
}],
|
|
2715
2760
|
sizeGuidance: {
|
|
2716
2761
|
small: 'swap',
|
|
2717
2762
|
medium: 'swap',
|
|
@@ -2830,6 +2875,11 @@ var migrationMap = {
|
|
|
2830
2875
|
type: 'core',
|
|
2831
2876
|
package: '@atlaskit/icon'
|
|
2832
2877
|
},
|
|
2878
|
+
additionalIcons: [{
|
|
2879
|
+
name: 'minimize',
|
|
2880
|
+
type: 'core',
|
|
2881
|
+
package: '@atlaskit/icon'
|
|
2882
|
+
}],
|
|
2833
2883
|
sizeGuidance: {
|
|
2834
2884
|
small: 'swap',
|
|
2835
2885
|
medium: 'swap',
|
|
@@ -3810,6 +3860,11 @@ var migrationMap = {
|
|
|
3810
3860
|
type: 'core',
|
|
3811
3861
|
package: '@atlaskit/icon'
|
|
3812
3862
|
},
|
|
3863
|
+
additionalIcons: [{
|
|
3864
|
+
name: 'app-switcher',
|
|
3865
|
+
type: 'core',
|
|
3866
|
+
package: '@atlaskit/icon'
|
|
3867
|
+
}],
|
|
3813
3868
|
sizeGuidance: {
|
|
3814
3869
|
small: 'swap-visual-change',
|
|
3815
3870
|
medium: 'swap-visual-change',
|
|
@@ -4071,6 +4126,11 @@ var migrationMap = {
|
|
|
4071
4126
|
type: 'core',
|
|
4072
4127
|
package: '@atlaskit/icon'
|
|
4073
4128
|
},
|
|
4129
|
+
additionalIcons: [{
|
|
4130
|
+
name: 'minimize',
|
|
4131
|
+
type: 'core',
|
|
4132
|
+
package: '@atlaskit/icon'
|
|
4133
|
+
}],
|
|
4074
4134
|
sizeGuidance: {
|
|
4075
4135
|
small: 'swap-visual-change',
|
|
4076
4136
|
medium: 'swap-visual-change',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a1b62bf6f89207d8d697a50949119712>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::9631ea87cef913a2404b055832446e10>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a1b62bf6f89207d8d697a50949119712>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::9631ea87cef913a2404b055832446e10>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "22.15.
|
|
3
|
+
"version": "22.15.2",
|
|
4
4
|
"description": "An icon is a visual representation of a command, device, directory, or common action.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -16,10 +16,6 @@
|
|
|
16
16
|
"atlaskit:src": "src/index.tsx",
|
|
17
17
|
"atlassian": {
|
|
18
18
|
"team": "Design System Team",
|
|
19
|
-
"productPushConsumption": [
|
|
20
|
-
"jira"
|
|
21
|
-
],
|
|
22
|
-
"releaseModel": "continuous",
|
|
23
19
|
"website": {
|
|
24
20
|
"name": "Icon",
|
|
25
21
|
"category": "Components"
|
|
@@ -42,10 +38,10 @@
|
|
|
42
38
|
"@af/accessibility-testing": "*",
|
|
43
39
|
"@af/icon-build-process": "^2.1.0",
|
|
44
40
|
"@af/visual-regression": "*",
|
|
45
|
-
"@atlaskit/code": "^15.
|
|
41
|
+
"@atlaskit/code": "^15.6.0",
|
|
46
42
|
"@atlaskit/ds-lib": "^2.5.0",
|
|
47
43
|
"@atlaskit/logo": "^14.2.0",
|
|
48
|
-
"@atlaskit/primitives": "^12.
|
|
44
|
+
"@atlaskit/primitives": "^12.1.0",
|
|
49
45
|
"@atlaskit/ssr": "*",
|
|
50
46
|
"@atlaskit/textfield": "^6.5.0",
|
|
51
47
|
"@atlaskit/theme": "^13.0.0",
|
|
@@ -113,9 +109,14 @@
|
|
|
113
109
|
},
|
|
114
110
|
"platform-feature-flags": {
|
|
115
111
|
"platform.design-system-team.enable-new-icons": {
|
|
116
|
-
"type": "boolean"
|
|
112
|
+
"type": "boolean",
|
|
113
|
+
"showOnWebsiteForTransitiveDependencies": true
|
|
117
114
|
},
|
|
118
115
|
"platform-visual-refresh-icons-legacy-facade": {
|
|
116
|
+
"type": "boolean",
|
|
117
|
+
"showOnWebsiteForTransitiveDependencies": true
|
|
118
|
+
},
|
|
119
|
+
"platform-design-system-new-icon-default-color": {
|
|
119
120
|
"type": "boolean"
|
|
120
121
|
}
|
|
121
122
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::d5e4cf5c2bd45cf5a9f71975606d2d7d>>
|
|
4
|
+
* @codegenCommand yarn build:icon-glyphs
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import Icon from '@atlaskit/icon/UNSAFE_base-new';
|
|
9
|
+
|
|
10
|
+
declare const CheckCircleIconMigration: {
|
|
11
|
+
(props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type' | 'spacing' | 'LEGACY_fallbackIcon'> ): JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default CheckCircleIconMigration;
|