@atlaskit/icon 29.3.1 → 29.4.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/dist/cjs/components/icon-new.js +0 -22
- package/dist/cjs/components/icon.js +0 -1
- package/dist/cjs/components/svg.js +0 -1
- package/dist/es2019/components/icon-new.js +0 -22
- package/dist/es2019/components/icon.js +0 -1
- package/dist/es2019/components/svg.js +0 -1
- package/dist/esm/components/icon-new.js +0 -22
- package/dist/esm/components/icon.js +0 -1
- package/dist/esm/components/svg.js +0 -1
- package/dist/types/components/icon-new.d.ts +0 -1
- package/dist/types/components/icon.d.ts +0 -1
- package/dist/types/components/svg.d.ts +0 -1
- package/dist/types-ts4.5/components/icon-new.d.ts +0 -1
- package/dist/types-ts4.5/components/icon.d.ts +0 -1
- package/dist/types-ts4.5/components/svg.d.ts +0 -1
- package/docs/ai/icon-instructions.md +102 -152
- package/package.json +5 -43
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/icon
|
|
2
2
|
|
|
3
|
+
## 29.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`8d397e132e0b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8d397e132e0b2) -
|
|
8
|
+
In preparation for removal of the `migration` entry points, the `platform-visual-refresh-icons`
|
|
9
|
+
feature flag has been removed. All `migration` entry point usages will now use the new
|
|
10
|
+
iconography.
|
|
11
|
+
|
|
12
|
+
## 29.3.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`0cc945286c289`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0cc945286c289) -
|
|
17
|
+
Remove custom-icon and custom-svg documentation pages and navigation menu entries as part of
|
|
18
|
+
deprecation cleanup (DSP-21989)
|
|
19
|
+
|
|
3
20
|
## 29.3.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -10,7 +10,6 @@ require("./icon-new.compiled.css");
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
/**
|
|
16
15
|
* We are hiding this props from consumers as it's reserved
|
|
@@ -56,7 +55,6 @@ var paddingMap = {
|
|
|
56
55
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
57
56
|
*
|
|
58
57
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
59
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
60
58
|
*/
|
|
61
59
|
var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
62
60
|
var _ref = props,
|
|
@@ -64,34 +62,14 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
64
62
|
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
65
63
|
testId = _ref.testId,
|
|
66
64
|
label = _ref.label,
|
|
67
|
-
LEGACY_primaryColor = _ref.LEGACY_primaryColor,
|
|
68
|
-
LEGACY_secondaryColor = _ref.LEGACY_secondaryColor,
|
|
69
|
-
LEGACY_size = _ref.LEGACY_size,
|
|
70
|
-
FallbackIcon = _ref.LEGACY_fallbackIcon,
|
|
71
65
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
72
66
|
shouldScale = _ref.shouldScale,
|
|
73
|
-
LEGACY_margin = _ref.LEGACY_margin,
|
|
74
67
|
_ref$spacing = _ref.spacing,
|
|
75
68
|
spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
|
|
76
69
|
name = _ref.name;
|
|
77
70
|
var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
78
71
|
__html: dangerouslySetGlyph
|
|
79
72
|
} : undefined;
|
|
80
|
-
|
|
81
|
-
// Fall back to old icon
|
|
82
|
-
if (FallbackIcon && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
|
|
83
|
-
// parse out unnecessary props
|
|
84
|
-
return /*#__PURE__*/React.createElement(FallbackIcon, {
|
|
85
|
-
primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
|
|
86
|
-
secondaryColor: LEGACY_secondaryColor,
|
|
87
|
-
size: LEGACY_size,
|
|
88
|
-
label: label,
|
|
89
|
-
testId: testId
|
|
90
|
-
// @ts-ignore -next-line
|
|
91
|
-
,
|
|
92
|
-
UNSAFE_margin: LEGACY_margin
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
73
|
var size = 'medium';
|
|
96
74
|
if ('size' in props && props.size !== undefined) {
|
|
97
75
|
if (typeof props.size === 'string') {
|
|
@@ -44,7 +44,6 @@ var secondaryTransparentHcmStyles = null;
|
|
|
44
44
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
45
45
|
*
|
|
46
46
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
47
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
48
47
|
*/
|
|
49
48
|
var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
50
49
|
var _ref = props,
|
|
@@ -27,7 +27,6 @@ var svgStyles = null;
|
|
|
27
27
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
28
28
|
*
|
|
29
29
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
30
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-svgs)
|
|
31
30
|
*/
|
|
32
31
|
var SVG = /*#__PURE__*/(0, _react.memo)(function SVG(_ref) {
|
|
33
32
|
var _ref$size = _ref.size,
|
|
@@ -3,7 +3,6 @@ import "./icon-new.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
|
|
8
7
|
/**
|
|
9
8
|
* We are hiding this props from consumers as it's reserved
|
|
@@ -49,44 +48,23 @@ const paddingMap = {
|
|
|
49
48
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
50
49
|
*
|
|
51
50
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
52
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
53
51
|
*/
|
|
54
52
|
export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
55
53
|
const {
|
|
56
54
|
color = 'currentColor',
|
|
57
55
|
testId,
|
|
58
56
|
label,
|
|
59
|
-
LEGACY_primaryColor,
|
|
60
|
-
LEGACY_secondaryColor,
|
|
61
|
-
LEGACY_size,
|
|
62
|
-
LEGACY_fallbackIcon: FallbackIcon,
|
|
63
57
|
// Used to set icon dimensions/behaviour in codegen
|
|
64
58
|
// Used to set icon glyphs in codegen
|
|
65
59
|
dangerouslySetGlyph,
|
|
66
60
|
// Used with iconTile to scale icon up and down
|
|
67
61
|
shouldScale,
|
|
68
|
-
LEGACY_margin,
|
|
69
62
|
spacing = 'none',
|
|
70
63
|
name
|
|
71
64
|
} = props;
|
|
72
65
|
const dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
73
66
|
__html: dangerouslySetGlyph
|
|
74
67
|
} : undefined;
|
|
75
|
-
|
|
76
|
-
// Fall back to old icon
|
|
77
|
-
if (FallbackIcon && !fg('platform-visual-refresh-icons')) {
|
|
78
|
-
// parse out unnecessary props
|
|
79
|
-
return /*#__PURE__*/React.createElement(FallbackIcon, {
|
|
80
|
-
primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
|
|
81
|
-
secondaryColor: LEGACY_secondaryColor,
|
|
82
|
-
size: LEGACY_size,
|
|
83
|
-
label: label,
|
|
84
|
-
testId: testId
|
|
85
|
-
// @ts-ignore -next-line
|
|
86
|
-
,
|
|
87
|
-
UNSAFE_margin: LEGACY_margin
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
68
|
let size = 'medium';
|
|
91
69
|
if ('size' in props && props.size !== undefined) {
|
|
92
70
|
if (typeof props.size === 'string') {
|
|
@@ -33,7 +33,6 @@ const secondaryTransparentHcmStyles = null;
|
|
|
33
33
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
34
34
|
*
|
|
35
35
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
36
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
37
36
|
*/
|
|
38
37
|
export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
39
38
|
const {
|
|
@@ -19,7 +19,6 @@ const svgStyles = null;
|
|
|
19
19
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
20
20
|
*
|
|
21
21
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
22
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-svgs)
|
|
23
22
|
*/
|
|
24
23
|
const SVG = /*#__PURE__*/memo(function SVG({
|
|
25
24
|
size = 'medium',
|
|
@@ -3,7 +3,6 @@ import "./icon-new.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
|
|
8
7
|
/**
|
|
9
8
|
* We are hiding this props from consumers as it's reserved
|
|
@@ -49,7 +48,6 @@ var paddingMap = {
|
|
|
49
48
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
50
49
|
*
|
|
51
50
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
52
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
53
51
|
*/
|
|
54
52
|
export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
55
53
|
var _ref = props,
|
|
@@ -57,34 +55,14 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
57
55
|
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
58
56
|
testId = _ref.testId,
|
|
59
57
|
label = _ref.label,
|
|
60
|
-
LEGACY_primaryColor = _ref.LEGACY_primaryColor,
|
|
61
|
-
LEGACY_secondaryColor = _ref.LEGACY_secondaryColor,
|
|
62
|
-
LEGACY_size = _ref.LEGACY_size,
|
|
63
|
-
FallbackIcon = _ref.LEGACY_fallbackIcon,
|
|
64
58
|
dangerouslySetGlyph = _ref.dangerouslySetGlyph,
|
|
65
59
|
shouldScale = _ref.shouldScale,
|
|
66
|
-
LEGACY_margin = _ref.LEGACY_margin,
|
|
67
60
|
_ref$spacing = _ref.spacing,
|
|
68
61
|
spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
|
|
69
62
|
name = _ref.name;
|
|
70
63
|
var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
|
|
71
64
|
__html: dangerouslySetGlyph
|
|
72
65
|
} : undefined;
|
|
73
|
-
|
|
74
|
-
// Fall back to old icon
|
|
75
|
-
if (FallbackIcon && !fg('platform-visual-refresh-icons')) {
|
|
76
|
-
// parse out unnecessary props
|
|
77
|
-
return /*#__PURE__*/React.createElement(FallbackIcon, {
|
|
78
|
-
primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
|
|
79
|
-
secondaryColor: LEGACY_secondaryColor,
|
|
80
|
-
size: LEGACY_size,
|
|
81
|
-
label: label,
|
|
82
|
-
testId: testId
|
|
83
|
-
// @ts-ignore -next-line
|
|
84
|
-
,
|
|
85
|
-
UNSAFE_margin: LEGACY_margin
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
66
|
var size = 'medium';
|
|
89
67
|
if ('size' in props && props.size !== undefined) {
|
|
90
68
|
if (typeof props.size === 'string') {
|
|
@@ -36,7 +36,6 @@ var secondaryTransparentHcmStyles = null;
|
|
|
36
36
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
37
37
|
*
|
|
38
38
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
39
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
40
39
|
*/
|
|
41
40
|
export var Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
42
41
|
var _ref = props,
|
|
@@ -19,7 +19,6 @@ var svgStyles = null;
|
|
|
19
19
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
20
20
|
*
|
|
21
21
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
22
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-svgs)
|
|
23
22
|
*/
|
|
24
23
|
var SVG = /*#__PURE__*/memo(function SVG(_ref) {
|
|
25
24
|
var _ref$size = _ref.size,
|
|
@@ -16,7 +16,6 @@ export type InternalIconPropsNew = UNSAFE_NewGlyphProps & {
|
|
|
16
16
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
17
17
|
*
|
|
18
18
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
19
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
20
19
|
*/
|
|
21
20
|
export declare const Icon: import("react").NamedExoticComponent<import("../types").UNSAFE_NewCoreGlyphProps>;
|
|
22
21
|
export default Icon;
|
|
@@ -7,7 +7,6 @@ import type { IconProps } from '../types';
|
|
|
7
7
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
8
8
|
*
|
|
9
9
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
10
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
11
10
|
*/
|
|
12
11
|
export declare const Icon: import("react").NamedExoticComponent<IconProps>;
|
|
13
12
|
export default Icon;
|
|
@@ -7,7 +7,6 @@ import type { SVGProps } from '../types';
|
|
|
7
7
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
8
8
|
*
|
|
9
9
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
10
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-svgs)
|
|
11
10
|
*/
|
|
12
11
|
declare const SVG: import("react").NamedExoticComponent<SVGProps>;
|
|
13
12
|
export default SVG;
|
|
@@ -16,7 +16,6 @@ export type InternalIconPropsNew = UNSAFE_NewGlyphProps & {
|
|
|
16
16
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
17
17
|
*
|
|
18
18
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
19
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
20
19
|
*/
|
|
21
20
|
export declare const Icon: import("react").NamedExoticComponent<import("../types").UNSAFE_NewCoreGlyphProps>;
|
|
22
21
|
export default Icon;
|
|
@@ -7,7 +7,6 @@ import type { IconProps } from '../types';
|
|
|
7
7
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
8
8
|
*
|
|
9
9
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
10
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
11
10
|
*/
|
|
12
11
|
export declare const Icon: import("react").NamedExoticComponent<IconProps>;
|
|
13
12
|
export default Icon;
|
|
@@ -7,7 +7,6 @@ import type { SVGProps } from '../types';
|
|
|
7
7
|
* An icon is used as a visual representation of common actions and commands to provide context.
|
|
8
8
|
*
|
|
9
9
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
10
|
-
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-svgs)
|
|
11
10
|
*/
|
|
12
11
|
declare const SVG: import("react").NamedExoticComponent<SVGProps>;
|
|
13
12
|
export default SVG;
|
|
@@ -420,155 +420,105 @@ import COMPONENT_NAME from '@atlaskit/icon/core/ENTRYPOINT';
|
|
|
420
420
|
| ShieldStrikethroughIcon | shield-strikethrough | shield-strikethrough, shieldstrikethrough, icon, core, ️security, secure, safety, defence, protection, guard, strikethrough, classification |
|
|
421
421
|
| ShortcutIcon | shortcut | shortcut, export, icon, core, addshortcut, square, plus |
|
|
422
422
|
| ShowMoreHorizontalIcon | show-more-horizontal | show-more-horizontal, showmorehorizontal, icon, core, ellipses, three dots, meatball, more actions |
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
> > > > > > > ThumbsDownIcon | thumbs-down | thumbs-down, thumbsdown, icon, core, vote, downvote,
|
|
526
|
-
> > > > > > > dislike, feedback, hand | | ThumbsUpIcon | thumbs-up | thumbs-up, thumbsup, icon,
|
|
527
|
-
> > > > > > > core, vote, upvote, like, feedback, hand | | TimelineIcon | timeline | timeline, icon,
|
|
528
|
-
> > > > > > > core, gantt, calendar | | ToolsIcon | tools | tools, icon, core, tools, wrench,
|
|
529
|
-
> > > > > > > spanner, screwdriver | | TransitionIcon | transition | transition, icon, core,
|
|
530
|
-
> > > > > > > connector, movement | | TranslateIcon | translate | translate, icon, core, language,
|
|
531
|
-
> > > > > > > translation, globe | | TreeIcon | tree | tree, icon, core, hierarchy, org chart,
|
|
532
|
-
> > > > > > > structure | | UndoIcon | undo | undo, icon, core, editor, undo, backwards | |
|
|
533
|
-
> > > > > > > UploadIcon | upload | upload, cloud, icon, core, up arrow, file upload | |
|
|
534
|
-
> > > > > > > VehicleCarIcon | vehicle-car | vehicle-car, vehiclecar, icon, core, car,
|
|
535
|
-
> > > > > > > transportation, delivery | | VideoIcon | video | video, icon, core, video file, video
|
|
536
|
-
> > > > > > > content | | VideoNextIcon | video-next | video-next, videonext, icon, core, next,
|
|
537
|
-
> > > > > > > skip, video control | | VideoNextOverlayIcon | video-next-overlay |
|
|
538
|
-
> > > > > > > video-next-overlay, videonextoverlay, icon, core, next, skip, video control, overlay |
|
|
539
|
-
> > > > > > > | VideoPauseIcon | video-pause | video-pause, videopause, icon, core, pause, video
|
|
540
|
-
> > > > > > > control | | VideoPauseOverlayIcon | video-pause-overlay | video-pause-overlay,
|
|
541
|
-
> > > > > > > videopauseoverlay, icon, core, pause, video control, overlay | | VideoPlayIcon |
|
|
542
|
-
> > > > > > > video-play | video-play, videoplay, icon, core, play, video control | |
|
|
543
|
-
> > > > > > > VideoPlayOverlayIcon | video-play-overlay | video-play-overlay, videoplayoverlay,
|
|
544
|
-
> > > > > > > icon, core, play, video control, overlay | | VideoPreviousIcon | video-previous |
|
|
545
|
-
> > > > > > > video-previous, videoprevious, icon, core, previous, rewind, video control | |
|
|
546
|
-
> > > > > > > VideoPreviousOverlayIcon | video-previous-overlay | video-previous-overlay,
|
|
547
|
-
> > > > > > > videopreviousoverlay, icon, core, previous, rewind, video control, overlay | |
|
|
548
|
-
> > > > > > > VideoSkipBackwardFifteenIcon | video-skip-backward-fifteen |
|
|
549
|
-
> > > > > > > video-skip-backward-fifteen, videoskipbackwardfifteen, icon, core, skip, backward, 15
|
|
550
|
-
> > > > > > > seconds, video control | | VideoSkipBackwardTenIcon | video-skip-backward-ten |
|
|
551
|
-
> > > > > > > video-skip-backward-ten, videoskipbackwardten, icon, core, skip, backward, 10 seconds,
|
|
552
|
-
> > > > > > > video control | | VideoSkipForwardFifteenIcon | video-skip-forward-fifteen |
|
|
553
|
-
> > > > > > > video-skip-forward-fifteen, videoskipforwardfifteen, icon, core, skip, forward, 15
|
|
554
|
-
> > > > > > > seconds, video control | | VideoSkipForwardTenIcon | video-skip-forward-ten |
|
|
555
|
-
> > > > > > > video-skip-forward-ten, videoskipforwardten, icon, core, skip, forward, 10 seconds,
|
|
556
|
-
> > > > > > > video control | | VideoStopIcon | video-stop | video-stop, videostop, icon, core,
|
|
557
|
-
> > > > > > > stop, video control | | VideoStopOverlayIcon | video-stop-overlay |
|
|
558
|
-
> > > > > > > video-stop-overlay, videostopoverlay, icon, core, stop, video control, overlay | |
|
|
559
|
-
> > > > > > > VolumeHighIcon | volume-high | volume-high, volumehigh, icon, core, volume, high,
|
|
560
|
-
> > > > > > > unmuted, audio | | VolumeLowIcon | volume-low | volume-low, volumelow, icon, core,
|
|
561
|
-
> > > > > > > volume, low, quiet, audio | | VolumeMutedIcon | volume-muted | volume-muted,
|
|
562
|
-
> > > > > > > volumemuted, icon, core, volume, muted, no sound, audio | | WarningIcon | warning |
|
|
563
|
-
> > > > > > > warning, alert, icon, core, filled, status, exclamation, !, warning | | WhiteboardIcon
|
|
564
|
-
> > > > > > > | whiteboard | whiteboard, icon, core, whiteboard, canvas, drawing | | WorkItemIcon |
|
|
565
|
-
> > > > > > > work-item | work-item, workitem, icon, core, work item, task, issue | | WorkItemsIcon
|
|
566
|
-
> > > > > > > | work-items | work-items, workitems, icon, core, work items, tasks, issues | |
|
|
567
|
-
> > > > > > > ZoomInIcon | zoom-in | zoom-in, zoomin, icon, core, zoom, magnify, enlarge | <<<<<<<
|
|
568
|
-
> > > > > > > HEAD
|
|
569
|
-
|
|
570
|
-
# | ZoomOutIcon | zoom-out | zoom-out, zoomout, icon, core, zoom, reduce, shrink |
|
|
571
|
-
|
|
572
|
-
| ZoomOutIcon | zoom-out | zoom-out, zoomout, icon, core, zoom, reduce, shrink |
|
|
573
|
-
|
|
574
|
-
> > > > > > > 2feb43959334d (Updates to icons and heading)
|
|
423
|
+
| ShowMoreVerticalIcon | show-more-vertical | show-more-vertical, showmorevertical, more, menu, options, kebab-menu, ellipsis-vertical, three-dots, vertical-dots, actions, overflow, settings |
|
|
424
|
+
| ShrinkDiagonalIcon | shrink-diagonal | shrink-diagonal, shrinkdiagonal, icon, core, resize, diagonal arrows |
|
|
425
|
+
| ShrinkHorizontalIcon | shrink-horizontal | shrink-horizontal, shrinkhorizontal, icon, core, contract, width, horizontal arrows |
|
|
426
|
+
| ShrinkVerticalIcon | shrink-vertical | shrink-vertical, shrinkvertical, icon, core, contract, height, vertical arrows |
|
|
427
|
+
| SidebarCollapseIcon | sidebar-collapse | sidebar-collapse, sidebarcollapse, icon, core, navigation, close sidebar |
|
|
428
|
+
| SidebarExpandIcon | sidebar-expand | sidebar-expand, sidebarexpand, icon, core, navigation, open sidebar |
|
|
429
|
+
| SmartLinkIcon | smart-link | smart-link, smartlink, icon, core, smart link |
|
|
430
|
+
| SmartLinkCardIcon | smart-link-card | smart-link-card, smartlinkcard, icon, core, smart link, url, card, link preview |
|
|
431
|
+
| SmartLinkEmbedIcon | smart-link-embed | smart-link-embed, smartlinkembed, icon, core, smart link, url, embed |
|
|
432
|
+
| SmartLinkInlineIcon | smart-link-inline | smart-link-inline, smartlinkinline, icon, core, smart link, url, inline |
|
|
433
|
+
| SmartLinkListIcon | smart-link-list | smart-link-list, smartlinklist, icon, core, smart link, url, embed, list, table, linked search results |
|
|
434
|
+
| SnippetIcon | snippet | snippet, icon, core, scissors, cut |
|
|
435
|
+
| SortAscendingIcon | sort-ascending | sort-ascending, sortascending, icon, core, data, sort, up |
|
|
436
|
+
| SortDescendingIcon | sort-descending | sort-descending, sortdescending, icon, core, data, sort, down |
|
|
437
|
+
| SpreadsheetIcon | spreadsheet | spreadsheet, icon, core, table, cells, data |
|
|
438
|
+
| SprintIcon | sprint | sprint, icon, core, loop, iterate |
|
|
439
|
+
| StarStarredIcon | star-starred | star-starred, starstarred, icon, core, favourite, star, starred, filled |
|
|
440
|
+
| StarUnstarredIcon | star-unstarred | star-unstarred, starunstarred, icon, core, favourite, star |
|
|
441
|
+
| StatusDiscoveryIcon | status-discovery | status-discovery, statusdiscovery, icon, core, discovery, note, filled, onboarding, status |
|
|
442
|
+
| StatusErrorIcon | status-error | status-error, statuserror, icon, core, filled, status, danger, exclamation, !, error |
|
|
443
|
+
| StatusInformationIcon | status-information | status-information, statusinformation, icon, core, info, filled, status, information |
|
|
444
|
+
| StatusSuccessIcon | status-success | status-success, statussuccess, icon, core, tick, completed, success, filled, check mark, status |
|
|
445
|
+
| StatusVerifiedIcon | status-verified | status-verified, statusverified, icon, core, verified badge, status |
|
|
446
|
+
| StatusWarningIcon | status-warning | status-warning, statuswarning, icon, core, alert, filled, exclamation, !, warning, status |
|
|
447
|
+
| StopwatchIcon | stopwatch | stopwatch, icon, core, timer |
|
|
448
|
+
| StoryIcon | story | story, icon, core, bookmark, work type |
|
|
449
|
+
| StrokeWeightExtraLargeIcon | stroke-weight-extra-large | stroke-weight-extra-large, strokeweightextralarge, icon, core, border, weight, thickness, stroke, confluence, editor, whiteboards, thickest |
|
|
450
|
+
| StrokeWeightLargeIcon | stroke-weight-large | stroke-weight-large, strokeweightlarge, icon, core, border, weight, thickness, stroke, thick, confluence, editor, whiteboards |
|
|
451
|
+
| StrokeWeightMediumIcon | stroke-weight-medium | stroke-weight-medium, strokeweightmedium, icon, core, border, weight, stroke, medium, thickness, confluence, editor, whiteboards |
|
|
452
|
+
| StrokeWeightSmallIcon | stroke-weight-small | stroke-weight-small, strokeweightsmall, icon, core, border, weight, thickness, stroke, confluence, editor, whiteboards, thin |
|
|
453
|
+
| SubtasksIcon | subtasks | subtasks, icon, core, todo, checklist, work type |
|
|
454
|
+
| SuccessIcon | success | success, icon, core, tick, completed, success, filled, check mark, status |
|
|
455
|
+
| SupportIcon | support | support, icon, core, support, help, life raft, life ring, lifebuoy, life preserver |
|
|
456
|
+
| TableCellClearIcon | table-cell-clear | table-cell-clear, tablecellclear, icon, core, table, cell, clear, empty |
|
|
457
|
+
| TableCellMergeIcon | table-cell-merge | table-cell-merge, tablecellmerge, icon, core, table, cell, merge, combine, join |
|
|
458
|
+
| TableCellSplitIcon | table-cell-split | table-cell-split, tablecellsplit, icon, core, table, cell, split, divide, separate |
|
|
459
|
+
| TableColumnAddLeftIcon | table-column-add-left | table-column-add-left, tablecolumnaddleft, icon, core, table, column, add, plus, left, before |
|
|
460
|
+
| TableColumnAddRightIcon | table-column-add-right | table-column-add-right, tablecolumnaddright, icon, core, table, column, add, right, after |
|
|
461
|
+
| TableColumnDeleteIcon | table-column-delete | table-column-delete, tablecolumndelete, icon, core, table, column, delete, remove, x |
|
|
462
|
+
| TableColumnMoveLeftIcon | table-column-move-left | table-column-move-left, tablecolumnmoveleft, icon, core, table, column, move, left, arrow |
|
|
463
|
+
| TableColumnMoveRightIcon | table-column-move-right | table-column-move-right, tablecolumnmoveright, icon, core, table, column, move, right, arrow |
|
|
464
|
+
| TableColumnsDistributeIcon | table-columns-distribute | table-columns-distribute, tablecolumnsdistribute, icon, core, table, columns, distribute, even, equidistant |
|
|
465
|
+
| TableRowAddAboveIcon | table-row-add-above | table-row-add-above, tablerowaddabove, icon, core, table, row, add, plus, above, up |
|
|
466
|
+
| TableRowAddBelowIcon | table-row-add-below | table-row-add-below, tablerowaddbelow, icon, core, table, row, add, plus, below, down |
|
|
467
|
+
| TableRowDeleteIcon | table-row-delete | table-row-delete, tablerowdelete, icon, core, table, row, delete, remove, x |
|
|
468
|
+
| TableRowMoveDownIcon | table-row-move-down | table-row-move-down, tablerowmovedown, icon, core, table, row, move, down, arrow, after |
|
|
469
|
+
| TableRowMoveUpIcon | table-row-move-up | table-row-move-up, tablerowmoveup, icon, core, table, row, move, up, arrow, above |
|
|
470
|
+
| TagIcon | tag | tag, icon, core, label, topic |
|
|
471
|
+
| TakeoutFoodIcon | takeout-food | takeout-food, takeoutfood, icon, core, takeaway, takeout, food, burger, drink |
|
|
472
|
+
| TargetIcon | target | target, icon, core, target, bullseye |
|
|
473
|
+
| TaskIcon | task | task, check, tick, icon, core, single task, todo, list, check mark, tick |
|
|
474
|
+
| TaskInProgressIcon | task-in-progress | task-in-progress, taskinprogress, icon, core, calendar, task, status, in progress |
|
|
475
|
+
| TaskToDoIcon | task-to-do | task-to-do, tasktodo, icon, core, calendar, task, to-do, todo, status |
|
|
476
|
+
| TasksIcon | tasks | tasks, icon, core, multiple tasks, todo, list, check mark, tick |
|
|
477
|
+
| TeamsIcon | teams | teams, icon, core, infinite love, people, persons, customers, users |
|
|
478
|
+
| TextIcon | text | text, icon, core, character, font, letter, type, typography, text |
|
|
479
|
+
| TextBoldIcon | text-bold | text-bold, textbold, icon, core, text, type, bold, font |
|
|
480
|
+
| TextHeadingIcon | text-heading | text-heading, textheading, icon, core, text, heading, H, editor, text style |
|
|
481
|
+
| TextIndentLeftIcon | text-indent-left | text-indent-left, textindentleft, icon, core, text, outdent, left, arrow |
|
|
482
|
+
| TextIndentRightIcon | text-indent-right | text-indent-right, textindentright, icon, core, text, indent, right, arrow |
|
|
483
|
+
| TextItalicIcon | text-italic | text-italic, textitalic, icon, core, text, type, italic, font |
|
|
484
|
+
| TextShortenIcon | text-shorten | text-shorten, textshorten, icon, core, text, shorten, abbreviate, condense, AI |
|
|
485
|
+
| TextSpellcheckIcon | text-spellcheck | text-spellcheck, textspellcheck, icon, core, text, spelling, typo, spellcheck |
|
|
486
|
+
| TextStrikethroughIcon | text-strikethrough | text-strikethrough, textstrikethrough, icon, core, text, strikethrough, editor, cross out |
|
|
487
|
+
| TextStyleIcon | text-style | text-style, textstyle, icon, core, characters, font, letters, type, typography |
|
|
488
|
+
| TextUnderlineIcon | text-underline | text-underline, textunderline, icon, core, text, underline, U, editor |
|
|
489
|
+
| TextWrapIcon | text-wrap | text-wrap, textwrap, icon, core, text, wrap, line wrap |
|
|
490
|
+
| ThemeIcon | theme | theme, icon, core, theme, light mode, dark mode, theme switcher |
|
|
491
|
+
| ThumbsDownIcon | thumbs-down | thumbs-down, thumbsdown, icon, core, vote, downvote, dislike, feedback, hand |
|
|
492
|
+
| ThumbsUpIcon | thumbs-up | thumbs-up, thumbsup, icon, core, vote, upvote, like, feedback, hand |
|
|
493
|
+
| TimelineIcon | timeline | timeline, icon, core, gantt, calendar |
|
|
494
|
+
| ToolsIcon | tools | tools, icon, core, tools, wrench, spanner, screwdriver |
|
|
495
|
+
| TransitionIcon | transition | transition, icon, core, connector, movement |
|
|
496
|
+
| TranslateIcon | translate | translate, icon, core, language, translation, globe |
|
|
497
|
+
| TreeIcon | tree | tree, icon, core, hierarchy, org chart, structure |
|
|
498
|
+
| UndoIcon | undo | undo, icon, core, editor, undo, backwards |
|
|
499
|
+
| UploadIcon | upload | upload, cloud, icon, core, up arrow, file upload |
|
|
500
|
+
| VehicleCarIcon | vehicle-car | vehicle-car, vehiclecar, icon, core, car, transportation, delivery |
|
|
501
|
+
| VideoIcon | video | video, icon, core, video file, video content |
|
|
502
|
+
| VideoNextIcon | video-next | video-next, videonext, icon, core, next, skip, video control |
|
|
503
|
+
| VideoNextOverlayIcon | video-next-overlay | video-next-overlay, videonextoverlay, icon, core, next, skip, video control, overlay |
|
|
504
|
+
| VideoPauseIcon | video-pause | video-pause, videopause, icon, core, pause, video control |
|
|
505
|
+
| VideoPauseOverlayIcon | video-pause-overlay | video-pause-overlay, videopauseoverlay, icon, core, pause, video control, overlay |
|
|
506
|
+
| VideoPlayIcon | video-play | video-play, videoplay, icon, core, play, video control |
|
|
507
|
+
| VideoPlayOverlayIcon | video-play-overlay | video-play-overlay, videoplayoverlay, icon, core, play, video control, overlay |
|
|
508
|
+
| VideoPreviousIcon | video-previous | video-previous, videoprevious, icon, core, previous, rewind, video control |
|
|
509
|
+
| VideoPreviousOverlayIcon | video-previous-overlay | video-previous-overlay, videopreviousoverlay, icon, core, previous, rewind, video control, overlay |
|
|
510
|
+
| VideoSkipBackwardFifteenIcon | video-skip-backward-fifteen | video-skip-backward-fifteen, videoskipbackwardfifteen, icon, core, skip, backward, 15 seconds, video control |
|
|
511
|
+
| VideoSkipBackwardTenIcon | video-skip-backward-ten | video-skip-backward-ten, videoskipbackwardten, icon, core, skip, backward, 10 seconds, video control |
|
|
512
|
+
| VideoSkipForwardFifteenIcon | video-skip-forward-fifteen | video-skip-forward-fifteen, videoskipforwardfifteen, icon, core, skip, forward, 15 seconds, video control |
|
|
513
|
+
| VideoSkipForwardTenIcon | video-skip-forward-ten | video-skip-forward-ten, videoskipforwardten, icon, core, skip, forward, 10 seconds, video control |
|
|
514
|
+
| VideoStopIcon | video-stop | video-stop, videostop, icon, core, stop, video control |
|
|
515
|
+
| VideoStopOverlayIcon | video-stop-overlay | video-stop-overlay, videostopoverlay, icon, core, stop, video control, overlay |
|
|
516
|
+
| VolumeHighIcon | volume-high | volume-high, volumehigh, icon, core, volume, high, unmuted, audio |
|
|
517
|
+
| VolumeLowIcon | volume-low | volume-low, volumelow, icon, core, volume, low, quiet, audio |
|
|
518
|
+
| VolumeMutedIcon | volume-muted | volume-muted, volumemuted, icon, core, volume, muted, no sound, audio |
|
|
519
|
+
| WarningIcon | warning | warning, alert, icon, core, filled, status, exclamation, !, warning |
|
|
520
|
+
| WhiteboardIcon | whiteboard | whiteboard, icon, core, whiteboard, canvas, drawing |
|
|
521
|
+
| WorkItemIcon | work-item | work-item, workitem, icon, core, work item, task, issue |
|
|
522
|
+
| WorkItemsIcon | work-items | work-items, workitems, icon, core, work items, tasks, issues |
|
|
523
|
+
| ZoomInIcon | zoom-in | zoom-in, zoomin, icon, core, zoom, magnify, enlarge |
|
|
524
|
+
| ZoomOutIcon | zoom-out | zoom-out, zoomout, icon, core, zoom, reduce, shrink |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/icon",
|
|
3
|
-
"version": "29.
|
|
3
|
+
"version": "29.4.0",
|
|
4
4
|
"description": "An icon is a symbol representing a command, device, directory, or common action.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -26,44 +26,6 @@
|
|
|
26
26
|
"title": "Icon tile",
|
|
27
27
|
"id": "icon-tile",
|
|
28
28
|
"sortKey": 1
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"title": "Custom icon (legacy)",
|
|
32
|
-
"id": "custom-icon",
|
|
33
|
-
"sortKey": 2,
|
|
34
|
-
"status": {
|
|
35
|
-
"type": "deprecated",
|
|
36
|
-
"description": "Custom icon is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
|
|
37
|
-
"actions": [
|
|
38
|
-
{
|
|
39
|
-
"text": "View available icons",
|
|
40
|
-
"href": "/components/icon/"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"text": "Contribute an icon (Atlassians only)",
|
|
44
|
-
"href": "https://go.atlassian.com/ads-icon-contribution"
|
|
45
|
-
}
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"title": "Custom SVG",
|
|
51
|
-
"id": "custom-svg",
|
|
52
|
-
"sortKey": 3,
|
|
53
|
-
"status": {
|
|
54
|
-
"type": "deprecated",
|
|
55
|
-
"description": "Custom SVG is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
|
|
56
|
-
"actions": [
|
|
57
|
-
{
|
|
58
|
-
"text": "View available icons",
|
|
59
|
-
"href": "/components/icon/"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"text": "Contribute an icon (Atlassians only)",
|
|
63
|
-
"href": "https://go.atlassian.com/ads-icon-contribution"
|
|
64
|
-
}
|
|
65
|
-
]
|
|
66
|
-
}
|
|
67
29
|
}
|
|
68
30
|
]
|
|
69
31
|
}
|
|
@@ -74,7 +36,7 @@
|
|
|
74
36
|
"dependencies": {
|
|
75
37
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
76
38
|
"@atlaskit/tile": "^1.0.0",
|
|
77
|
-
"@atlaskit/tokens": "^9.
|
|
39
|
+
"@atlaskit/tokens": "^9.1.0",
|
|
78
40
|
"@babel/runtime": "^7.0.0",
|
|
79
41
|
"@compiled/react": "^0.18.6"
|
|
80
42
|
},
|
|
@@ -90,11 +52,11 @@
|
|
|
90
52
|
"@atlaskit/code": "^17.4.0",
|
|
91
53
|
"@atlaskit/css": "^0.19.0",
|
|
92
54
|
"@atlaskit/docs": "^11.2.0",
|
|
93
|
-
"@atlaskit/form": "^15.
|
|
55
|
+
"@atlaskit/form": "^15.2.0",
|
|
94
56
|
"@atlaskit/heading": "^5.2.0",
|
|
95
57
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
96
58
|
"@atlaskit/icon-object": "^7.4.0",
|
|
97
|
-
"@atlaskit/link": "^3.
|
|
59
|
+
"@atlaskit/link": "^3.3.0",
|
|
98
60
|
"@atlaskit/logo": "^19.9.0",
|
|
99
61
|
"@atlaskit/menu": "^8.4.0",
|
|
100
62
|
"@atlaskit/modal-dialog": "^14.9.0",
|
|
@@ -103,7 +65,7 @@
|
|
|
103
65
|
"@atlaskit/textfield": "^8.2.0",
|
|
104
66
|
"@atlaskit/theme": "^21.0.0",
|
|
105
67
|
"@atlaskit/toggle": "^15.2.0",
|
|
106
|
-
"@atlaskit/tooltip": "^20.
|
|
68
|
+
"@atlaskit/tooltip": "^20.12.0",
|
|
107
69
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
108
70
|
"@atlassian/ssr-tests": "workspace:^",
|
|
109
71
|
"@babel/core": "7.24.9",
|