@atlaskit/icon 25.3.0 → 25.4.0

package/dist/es2019/metadata-utility.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::58a5410f3478761fe38a89a56184aefb>>
+ * @codegen <<SignedSource::61c8e5972c67cf6862ba338f4468f558>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -16,7 +16,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for creating and adding an object as a secondary/tertiary action in a menu item.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'arrow-down': {
     keywords: ['arrow-down', 'arrowdown', 'icon', 'utility', 'down', 'bottom', 'sorting'],
@@ -26,7 +27,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Know uses: sorting table headers or Bitbucket code difference.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'arrow-left': {
     keywords: ['arrow-left', 'arrowleft', 'back', 'previous', 'icon', 'utility', 'back', 'previous'],
@@ -36,7 +38,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: back to previous screen, previous slide.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'arrow-right': {
     keywords: ['arrow-right', 'arrowright', 'forward', 'next', 'icon', 'utility', 'forward', 'next', 'link'],
@@ -46,7 +49,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: link to nested menu item, a linked menu item, next slide.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'arrow-up': {
     keywords: ['arrow-up', 'arrowup', 'icon', 'utility', 'improvement', 'jira status'],
@@ -56,7 +60,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: back to top.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'check-circle': {
     keywords: ['check-circle', 'checkcircle', 'tick', 'icon', 'utility', 'tick', 'yes', 'checkmark'],
@@ -66,7 +71,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: '📦 @atlaskit/icon/utility/check-circle',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'check-mark': {
     keywords: ['check-mark', 'checkmark', 'icon', 'utility', 'tick'],
@@ -76,7 +82,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: '📦 @atlaskit/icon/utility/check-mark',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'chevron-double-left': {
     keywords: ['chevron-double-left', 'chevrondoubleleft', 'icon', 'utility', 'calendar year', '<<', 'less than', 'previous'],
@@ -86,6 +93,7 @@ const metadata = {
     categorization: 'utility',
     usage: 'Reserved for calendar year button.',
     team: 'Design System Team',
+    status: 'ready-to-publish',
     slackChannel: '#help-design-system'
   },
   'chevron-double-right': {
@@ -96,6 +104,7 @@ const metadata = {
     categorization: 'utility',
     usage: 'Reserved for calendar year button.',
     team: 'Design System Team',
+    status: 'ready-to-publish',
     slackChannel: '#help-design-system'
   },
   'chevron-down': {
@@ -106,7 +115,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for dropdown menus, selects, accordions, and expands.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'chevron-left': {
     keywords: ['chevron-left', 'chevronleft', 'back', 'previous', 'icon', 'utility', 'less than', '<', 'previous'],
@@ -116,7 +126,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for collapse side nav and to indicate previous in dates.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'chevron-right': {
     keywords: ['chevron-right', 'chevronright', 'forward', 'next', 'icon', 'utility', 'greater than', '>', 'next'],
@@ -126,7 +137,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for menu fly outs and to indicate next in dates.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'chevron-up': {
     keywords: ['chevron-up', 'chevronup', 'expand', 'collapse', 'icon', 'utility', 'up', 'accordion'],
@@ -136,7 +148,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for accordions.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   cross: {
     keywords: ['cross', 'close', 'x', 'cancel', 'icon', 'utility', 'remove', 'clear', 'x'],
@@ -146,7 +159,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Known uses: remove tag.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'cross-circle': {
     keywords: ['cross-circle', 'crosscircle', 'close', 'x', 'cancel', 'icon', 'utility', 'x', 'exit', 'clear', 'no', 'filled', 'form'],
@@ -156,7 +170,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for Helper Messages in Forms.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'drag-handle': {
     keywords: ['drag-handle', 'draghandle', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
@@ -171,7 +186,8 @@ const metadata = {
     },
     categorization: 'utility',
     usage: 'Reserved for draggable elements.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'deprecated'
   },
   'drag-handle-horizontal': {
     keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag', 'drag handler', 'reorder columns', 'move'],
@@ -181,6 +197,7 @@ const metadata = {
     categorization: 'utility',
     usage: 'Reserved for dragging elements along a horizontal axis.',
     team: 'Design System Team',
+    status: 'published',
     slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
@@ -192,6 +209,7 @@ const metadata = {
     categorization: 'utility',
     usage: 'Reserved for dragging elements along a vertical axis.',
     team: 'Design System Team',
+    status: 'published',
     slackChannel: '#icon-contributions'
   },
   error: {
@@ -202,7 +220,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for Helper Messages in Forms.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   information: {
     keywords: ['information', 'icon', 'utility', 'info', 'filled', 'helper', 'tip', 'form'],
@@ -212,7 +231,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for Helper Messages in Forms.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'link-external': {
     keywords: ['link-external', 'linkexternal', 'icon', 'utility', 'new tab', 'new window', 'open in', 'url', 'hyperlink', 'www', 'http', 'https', 'website', 'external', 'shortcut', 'diagonal arrow', 'secondary', 'tertiary'],
@@ -222,7 +242,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for links that open up a new tab as a secondary/tertiary action.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'lock-locked': {
     keywords: ['lock-locked', 'locklocked', 'icon', 'utility', 'secondary', 'tertiary', 'permissions', 'no access', 'restricted', 'security', 'secure', 'forbidden', 'authentication'],
@@ -232,7 +253,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for indicating something is locked in the side navigation Menu Item.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'lock-unlocked': {
     keywords: ['lock-unlocked', 'lockunlocked', 'icon', 'utility', 'secondary', 'tertiary', 'open permissions', 'unrestricted access', 'security', 'insecure', 'authentication'],
@@ -242,7 +264,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for indicating something is locked in the side navigation Menu Item.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'show-more-horizontal': {
     keywords: ['show-more-horizontal', 'showmorehorizontal', 'icon', 'utility', 'ellipses', 'three dots', 'meatball', 'more actions', 'secondary', 'tertiary'],
@@ -252,7 +275,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for secondary/tertiary more action menus.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'show-more-vertical': {
     keywords: ['show-more-vertical', 'showmorevertical', 'icon', 'utility', 'three dots', 'kebab', 'more actions', 'secondary', 'tertiary'],
@@ -262,7 +286,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for secondary/tertiary action menus, traditionally on mobile.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'star-starred': {
     keywords: ['star-starred', 'starstarred', 'icon', 'utility', 'favourite', 'star', 'starred', 'filled', 'menu', 'secondary', 'tertiary'],
@@ -272,7 +297,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for starred or favourited objects as a secondary/tertiary action.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   'star-unstarred': {
     keywords: ['star-unstarred', 'starunstarred', 'icon', 'utility', 'favourite', 'star', 'form', 'secondary', 'tertiary'],
@@ -282,7 +308,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for starring or favoriting objects as a secondary/tertiary action.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   success: {
     keywords: ['success', 'icon', 'utility', 'tick', 'yes', 'success', 'filled'],
@@ -292,7 +319,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for Helper Messages in Forms.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   },
   warning: {
     keywords: ['warning', 'error', 'alert', 'icon', 'utility', 'alert', 'danger', 'triangle', 'filled', 'secondary', 'tertiary'],
@@ -302,7 +330,8 @@ const metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for Helper Messages in Forms.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   }
 };
 export default metadata;

package/dist/esm/components/icon-new.js

@@ -153,23 +153,13 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
   }
   var viewBoxSize = baseSize + 2 * viewBoxPadding;
-
-  // Workaround for the transparency in our disabled icon token.
-  // Because we have multiple strokes in icons, opacities overlap
-  // This filter has an impact on render performance, but this is
-  // acceptable as icons aren't commonly disabled en-masse
-  var iconColor = color;
-  if (dangerouslySetInnerHTML && color === "var(--ds-icon-disabled, #091E424F)") {
-    dangerouslySetInnerHTML.__html = "\n<filter id=\"ds-newIconOpacityFilter\">\n  <feFlood flood-color=\"var(--ds-icon-disabled)\" />\n  <feComposite in2=\"SourceGraphic\" operator=\"in\" />\n</filter>\n<g filter=\"url(#ds-newIconOpacityFilter)\">\n  ".concat(dangerouslySetInnerHTML.__html, "\n</g>");
-    iconColor = "var(--ds-icon, #44546F)";
-  }
   return jsx("span", {
     "data-testid": testId,
     role: label ? 'img' : undefined,
     "aria-label": label ? label : undefined,
     "aria-hidden": label ? undefined : true,
     style: {
-      color: iconColor
+      color: color
     },
     css: [iconStyles, baseHcmStyles, shouldScale && scaleStyles, props.type === 'utility' && utilityIconStyles]
   }, jsx("svg", {