@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 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
- <<<<<<< HEAD | ShowMoreVerticalIcon | show-more-vertical | show-more-vertical, showmorevertical,
425
- more, menu, options, kebab-menu, ellipsis-vertical, show-more-vertical, three-dots, vertical-dots,
426
- actions, overflow, settings | ======= | ShowMoreVerticalIcon | show-more-vertical |
427
- show-more-vertical, showmorevertical, icon, core, three dots, kebab, more actions |
428
-
429
- > > > > > > > 2feb43959334d (Updates to icons and heading) | ShrinkDiagonalIcon | shrink-diagonal |
430
- > > > > > > > shrink-diagonal, shrinkdiagonal, icon, core, resize, diagonal arrows | |
431
- > > > > > > > ShrinkHorizontalIcon | shrink-horizontal | shrink-horizontal, shrinkhorizontal, icon,
432
- > > > > > > > core, contract, width, horizontal arrows | | ShrinkVerticalIcon | shrink-vertical |
433
- > > > > > > > shrink-vertical, shrinkvertical, icon, core, contract, height, vertical arrows | |
434
- > > > > > > > SidebarCollapseIcon | sidebar-collapse | sidebar-collapse, sidebarcollapse, icon,
435
- > > > > > > > core, navigation, close sidebar | | SidebarExpandIcon | sidebar-expand |
436
- > > > > > > > sidebarexpand, icon, core, navigation, open sidebar | | SmartLinkIcon | smart-link |
437
- > > > > > > > smart-link, smartlink, icon, core, smart link | | SmartLinkCardIcon | smart-link-card
438
- > > > > > > > | smart-link-card, smartlinkcard, icon, core, smart link, url, card, link preview | |
439
- > > > > > > > SmartLinkEmbedIcon | smart-link-embed | smart-link-embed, smartlinkembed, icon, core,
440
- > > > > > > > smart link, url, embed | | SmartLinkInlineIcon | smart-link-inline |
441
- > > > > > > > smart-link-inline, smartlinkinline, icon, core, smart link, url, inline | |
442
- > > > > > > > SmartLinkListIcon | smart-link-list | smart-link-list, smartlinklist, icon, core,
443
- > > > > > > > smart link, url, embed, list, table, linked search results | | SnippetIcon | snippet |
444
- > > > > > > > snippet, icon, core, scissors, cut | | SortAscendingIcon | sort-ascending |
445
- > > > > > > > sort-ascending, sortascending, icon, core, data, sort, up | | SortDescendingIcon |
446
- > > > > > > > sort-descending | sort-descending, sortdescending, icon, core, data, sort, down | |
447
- > > > > > > > SpreadsheetIcon | spreadsheet | spreadsheet, icon, core, table, cells, data | |
448
- > > > > > > > SprintIcon | sprint | sprint, icon, core, loop, iterate | | StarStarredIcon |
449
- > > > > > > > star-starred | star-starred, starstarred, icon, core, favourite, star, starred, filled
450
- > > > > > > > | | StarUnstarredIcon | star-unstarred | star-unstarred, starunstarred, icon, core,
451
- > > > > > > > favourite, star | | StatusDiscoveryIcon | status-discovery | status-discovery,
452
- > > > > > > > statusdiscovery, icon, core, discovery, note, filled, onboarding, status | |
453
- > > > > > > > StatusErrorIcon | status-error | status-error, statuserror, icon, core, filled,
454
- > > > > > > > status, danger, exclamation, !, error | | StatusInformationIcon | status-information |
455
- > > > > > > > status-information, statusinformation, icon, core, info, filled, status, information |
456
- > > > > > > > | StatusSuccessIcon | status-success | status-success, statussuccess, icon, core,
457
- > > > > > > > tick, completed, success, filled, check mark, status | | StatusVerifiedIcon |
458
- > > > > > > > status-verified | status-verified, statusverified, icon, core, verified badge, status
459
- > > > > > > > | | StatusWarningIcon | status-warning | status-warning, statuswarning, icon, core,
460
- > > > > > > > alert, filled, exclamation, !, warning, status | | StopwatchIcon | stopwatch |
461
- > > > > > > > stopwatch, icon, core, timer | | StoryIcon | story | story, icon, core, bookmark, work
462
- > > > > > > > type | | StrokeWeightExtraLargeIcon | stroke-weight-extra-large |
463
- > > > > > > > stroke-weight-extra-large, strokeweightextralarge, icon, core, border, weight,
464
- > > > > > > > thickness, stroke, confluence, editor, whiteboards, thickest | | StrokeWeightLargeIcon
465
- > > > > > > > | stroke-weight-large | stroke-weight-large, strokeweightlarge, icon, core, border,
466
- > > > > > > > weight, thickness, stroke, thick, confluence, editor, whiteboards | |
467
- > > > > > > > StrokeWeightMediumIcon | stroke-weight-medium | stroke-weight-medium,
468
- > > > > > > > strokeweightmedium, icon, core, border, weight, stroke, medium, thickness, confluence,
469
- > > > > > > > editor, whiteboards | | StrokeWeightSmallIcon | stroke-weight-small |
470
- > > > > > > > stroke-weight-small, strokeweightsmall, icon, core, border, weight, thickness, stroke,
471
- > > > > > > > confluence, editor, whiteboards, thin | | SubtasksIcon | subtasks | subtasks, icon,
472
- > > > > > > > core, todo, checklist, work type | | SuccessIcon | success | success, icon, core,
473
- > > > > > > > tick, completed, success, filled, check mark, status | | SupportIcon | support |
474
- > > > > > > > support, icon, core, support, help, life raft, life ring, lifebuoy, life preserver | |
475
- > > > > > > > TableCellClearIcon | table-cell-clear | table-cell-clear, tablecellclear, icon, core,
476
- > > > > > > > table, cell, clear, empty | | TableCellMergeIcon | table-cell-merge |
477
- > > > > > > > table-cell-merge, tablecellmerge, icon, core, table, cell, merge, combine, join | |
478
- > > > > > > > TableCellSplitIcon | table-cell-split | table-cell-split, tablecellsplit, icon, core,
479
- > > > > > > > table, cell, split, divide, separate | | TableColumnAddLeftIcon |
480
- > > > > > > > table-column-add-left | table-column-add-left, tablecolumnaddleft, icon, core, table,
481
- > > > > > > > column, add, plus, left, before | | TableColumnAddRightIcon | table-column-add-right |
482
- > > > > > > > table-column-add-right, tablecolumnaddright, icon, core, table, column, add, right,
483
- > > > > > > > after | | TableColumnDeleteIcon | table-column-delete | table-column-delete,
484
- > > > > > > > tablecolumndelete, icon, core, table, column, delete, remove, x | |
485
- > > > > > > > TableColumnMoveLeftIcon | table-column-move-left | table-column-move-left,
486
- > > > > > > > tablecolumnmoveleft, icon, core, table, column, move, left, arrow | |
487
- > > > > > > > TableColumnMoveRightIcon | table-column-move-right | table-column-move-right,
488
- > > > > > > > tablecolumnmoveright, icon, core, table, column, move, right, arrow | |
489
- > > > > > > > TableColumnsDistributeIcon | table-columns-distribute | table-columns-distribute,
490
- > > > > > > > tablecolumnsdistribute, icon, core, table, columns, distribute, even, equidistant | |
491
- > > > > > > > TableRowAddAboveIcon | table-row-add-above | table-row-add-above, tablerowaddabove,
492
- > > > > > > > icon, core, table, row, add, plus, above, up | | TableRowAddBelowIcon |
493
- > > > > > > > table-row-add-below | table-row-add-below, tablerowaddbelow, icon, core, table, row,
494
- > > > > > > > add, plus, below, down | | TableRowDeleteIcon | table-row-delete | table-row-delete,
495
- > > > > > > > tablerowdelete, icon, core, table, row, delete, remove, x | | TableRowMoveDownIcon |
496
- > > > > > > > table-row-move-down | table-row-move-down, tablerowmovedown, icon, core, table, row,
497
- > > > > > > > move, down, arrow, after | | TableRowMoveUpIcon | table-row-move-up |
498
- > > > > > > > table-row-move-up, tablerowmoveup, icon, core, table, row, move, up, arrow, above | |
499
- > > > > > > > TagIcon | tag | tag, icon, core, label, topic | | TakeoutFoodIcon | takeout-food |
500
- > > > > > > > takeout-food, takeoutfood, icon, core, takeaway, takeout, food, burger, drink | |
501
- > > > > > > > TargetIcon | target | target, icon, core, target, bullseye | | TaskIcon | task | task,
502
- > > > > > > > check, tick, icon, core, single task, todo, list, check mark, tick | |
503
- > > > > > > > TaskInProgressIcon | task-in-progress | task-in-progress, taskinprogress, icon, core,
504
- > > > > > > > calendar, task, status, in progress | | TaskToDoIcon | task-to-do | task-to-do,
505
- > > > > > > > tasktodo, icon, core, calendar, task, to-do, todo, status | | TasksIcon | tasks |
506
- > > > > > > > tasks, icon, core, multiple tasks, todo, list, check mark, tick | | TeamsIcon | teams
507
- > > > > > > > | teams, icon, core, infinite love, people, persons, customers, users | | TextIcon |
508
- > > > > > > > text | text, icon, core, character, font, letter, type, typography, text | |
509
- > > > > > > > TextBoldIcon | text-bold | text-bold, textbold, icon, core, text, type, bold, font | |
510
- > > > > > > > TextHeadingIcon | text-heading | text-heading, textheading, icon, core, text, heading,
511
- > > > > > > > H, editor, text style | | TextIndentLeftIcon | text-indent-left | text-indent-left,
512
- > > > > > > > textindentleft, icon, core, text, outdent, left, arrow | | TextIndentRightIcon |
513
- > > > > > > > text-indent-right | text-indent-right, textindentright, icon, core, text, indent,
514
- > > > > > > > right, arrow | | TextItalicIcon | text-italic | text-italic, textitalic, icon, core,
515
- > > > > > > > text, type, italic, font | | TextShortenIcon | text-shorten | text-shorten,
516
- > > > > > > > textshorten, icon, core, text, shorten, abbreviate, condense, AI | |
517
- > > > > > > > TextSpellcheckIcon | text-spellcheck | text-spellcheck, textspellcheck, icon, core,
518
- > > > > > > > text, spelling, typo, spellcheck | | TextStrikethroughIcon | text-strikethrough |
519
- > > > > > > > text-strikethrough, textstrikethrough, icon, core, text, strikethrough, editor, cross
520
- > > > > > > > out | | TextStyleIcon | text-style | text-style, textstyle, icon, core, characters,
521
- > > > > > > > font, letters, type, typography | | TextUnderlineIcon | text-underline |
522
- > > > > > > > text-underline, textunderline, icon, core, text, underline, U, editor | | TextWrapIcon
523
- > > > > > > > | text-wrap | text-wrap, textwrap, icon, core, text, wrap, line wrap | | ThemeIcon |
524
- > > > > > > > theme | theme, icon, core, theme, light mode, dark mode, theme switcher | |
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.1",
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.0.0",
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.1.0",
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.2.0",
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.11.0",
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",