@atlaskit/icon 29.3.2 → 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.
Files changed (6) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/components/icon-new.js +0 -21
  3. package/dist/es2019/components/icon-new.js +0 -21
  4. package/dist/esm/components/icon-new.js +0 -21
  5. package/docs/ai/icon-instructions.md +102 -152
  6. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
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
+
3
12
  ## 29.3.2
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/components/icon-new.js CHANGED
@@ -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
@@ -63,34 +62,14 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
63
62
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
64
63
  testId = _ref.testId,
65
64
  label = _ref.label,
66
- LEGACY_primaryColor = _ref.LEGACY_primaryColor,
67
- LEGACY_secondaryColor = _ref.LEGACY_secondaryColor,
68
- LEGACY_size = _ref.LEGACY_size,
69
- FallbackIcon = _ref.LEGACY_fallbackIcon,
70
65
  dangerouslySetGlyph = _ref.dangerouslySetGlyph,
71
66
  shouldScale = _ref.shouldScale,
72
- LEGACY_margin = _ref.LEGACY_margin,
73
67
  _ref$spacing = _ref.spacing,
74
68
  spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
75
69
  name = _ref.name;
76
70
  var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
77
71
  __html: dangerouslySetGlyph
78
72
  } : undefined;
79
-
80
- // Fall back to old icon
81
- if (FallbackIcon && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
82
- // parse out unnecessary props
83
- return /*#__PURE__*/React.createElement(FallbackIcon, {
84
- primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
85
- secondaryColor: LEGACY_secondaryColor,
86
- size: LEGACY_size,
87
- label: label,
88
- testId: testId
89
- // @ts-ignore -next-line
90
- ,
91
- UNSAFE_margin: LEGACY_margin
92
- });
93
- }
94
73
  var size = 'medium';
95
74
  if ('size' in props && props.size !== undefined) {
96
75
  if (typeof props.size === 'string') {
package/dist/es2019/components/icon-new.js CHANGED
@@ -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
@@ -55,37 +54,17 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
55
54
  color = 'currentColor',
56
55
  testId,
57
56
  label,
58
- LEGACY_primaryColor,
59
- LEGACY_secondaryColor,
60
- LEGACY_size,
61
- LEGACY_fallbackIcon: FallbackIcon,
62
57
  // Used to set icon dimensions/behaviour in codegen
63
58
  // Used to set icon glyphs in codegen
64
59
  dangerouslySetGlyph,
65
60
  // Used with iconTile to scale icon up and down
66
61
  shouldScale,
67
- LEGACY_margin,
68
62
  spacing = 'none',
69
63
  name
70
64
  } = props;
71
65
  const dangerouslySetInnerHTML = dangerouslySetGlyph ? {
72
66
  __html: dangerouslySetGlyph
73
67
  } : undefined;
74
-
75
- // Fall back to old icon
76
- if (FallbackIcon && !fg('platform-visual-refresh-icons')) {
77
- // parse out unnecessary props
78
- return /*#__PURE__*/React.createElement(FallbackIcon, {
79
- primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
80
- secondaryColor: LEGACY_secondaryColor,
81
- size: LEGACY_size,
82
- label: label,
83
- testId: testId
84
- // @ts-ignore -next-line
85
- ,
86
- UNSAFE_margin: LEGACY_margin
87
- });
88
- }
89
68
  let size = 'medium';
90
69
  if ('size' in props && props.size !== undefined) {
91
70
  if (typeof props.size === 'string') {
package/dist/esm/components/icon-new.js CHANGED
@@ -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
@@ -56,34 +55,14 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
56
55
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
57
56
  testId = _ref.testId,
58
57
  label = _ref.label,
59
- LEGACY_primaryColor = _ref.LEGACY_primaryColor,
60
- LEGACY_secondaryColor = _ref.LEGACY_secondaryColor,
61
- LEGACY_size = _ref.LEGACY_size,
62
- FallbackIcon = _ref.LEGACY_fallbackIcon,
63
58
  dangerouslySetGlyph = _ref.dangerouslySetGlyph,
64
59
  shouldScale = _ref.shouldScale,
65
- LEGACY_margin = _ref.LEGACY_margin,
66
60
  _ref$spacing = _ref.spacing,
67
61
  spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
68
62
  name = _ref.name;
69
63
  var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
70
64
  __html: dangerouslySetGlyph
71
65
  } : undefined;
72
-
73
- // Fall back to old icon
74
- if (FallbackIcon && !fg('platform-visual-refresh-icons')) {
75
- // parse out unnecessary props
76
- return /*#__PURE__*/React.createElement(FallbackIcon, {
77
- primaryColor: LEGACY_primaryColor !== null && LEGACY_primaryColor !== void 0 ? LEGACY_primaryColor : color,
78
- secondaryColor: LEGACY_secondaryColor,
79
- size: LEGACY_size,
80
- label: label,
81
- testId: testId
82
- // @ts-ignore -next-line
83
- ,
84
- UNSAFE_margin: LEGACY_margin
85
- });
86
- }
87
66
  var size = 'medium';
88
67
  if ('size' in props && props.size !== undefined) {
89
68
  if (typeof props.size === 'string') {
package/docs/ai/icon-instructions.md CHANGED
@@ -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.2",
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/"
@@ -36,7 +36,7 @@
36
36
  "dependencies": {
37
37
  "@atlaskit/platform-feature-flags": "^1.1.0",
38
38
  "@atlaskit/tile": "^1.0.0",
39
- "@atlaskit/tokens": "^9.0.0",
39
+ "@atlaskit/tokens": "^9.1.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@compiled/react": "^0.18.6"
42
42
  },
@@ -56,7 +56,7 @@
56
56
  "@atlaskit/heading": "^5.2.0",
57
57
  "@atlaskit/icon-file-type": "^7.0.0",
58
58
  "@atlaskit/icon-object": "^7.4.0",
59
- "@atlaskit/link": "^3.2.0",
59
+ "@atlaskit/link": "^3.3.0",
60
60
  "@atlaskit/logo": "^19.9.0",
61
61
  "@atlaskit/menu": "^8.4.0",
62
62
  "@atlaskit/modal-dialog": "^14.9.0",
@@ -65,7 +65,7 @@
65
65
  "@atlaskit/textfield": "^8.2.0",
66
66
  "@atlaskit/theme": "^21.0.0",
67
67
  "@atlaskit/toggle": "^15.2.0",
68
- "@atlaskit/tooltip": "^20.11.0",
68
+ "@atlaskit/tooltip": "^20.12.0",
69
69
  "@atlassian/feature-flags-test-utils": "^1.0.0",
70
70
  "@atlassian/ssr-tests": "workspace:^",
71
71
  "@babel/core": "7.24.9",