@atlaskit/icon 25.3.0 → 25.4.0

package/dist/cjs/metadata-utility.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * 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
  */
 
@@ -22,7 +22,8 @@ var 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'],
@@ -32,7 +33,8 @@ var 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'],
@@ -42,7 +44,8 @@ var 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'],
@@ -52,7 +55,8 @@ var 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'],
@@ -62,7 +66,8 @@ var 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'],
@@ -72,7 +77,8 @@ var 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'],
@@ -82,7 +88,8 @@ var 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'],
@@ -92,6 +99,7 @@ var metadata = {
     categorization: 'utility',
     usage: 'Reserved for calendar year button.',
     team: 'Design System Team',
+    status: 'ready-to-publish',
     slackChannel: '#help-design-system'
   },
   'chevron-double-right': {
@@ -102,6 +110,7 @@ var metadata = {
     categorization: 'utility',
     usage: 'Reserved for calendar year button.',
     team: 'Design System Team',
+    status: 'ready-to-publish',
     slackChannel: '#help-design-system'
   },
   'chevron-down': {
@@ -112,7 +121,8 @@ var 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'],
@@ -122,7 +132,8 @@ var 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'],
@@ -132,7 +143,8 @@ var 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'],
@@ -142,7 +154,8 @@ var 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'],
@@ -152,7 +165,8 @@ var 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'],
@@ -162,7 +176,8 @@ var 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'],
@@ -177,7 +192,8 @@ var 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'],
@@ -187,6 +203,7 @@ var metadata = {
     categorization: 'utility',
     usage: 'Reserved for dragging elements along a horizontal axis.',
     team: 'Design System Team',
+    status: 'published',
     slackChannel: '#icon-contributions'
   },
   'drag-handle-vertical': {
@@ -198,6 +215,7 @@ var metadata = {
     categorization: 'utility',
     usage: 'Reserved for dragging elements along a vertical axis.',
     team: 'Design System Team',
+    status: 'published',
     slackChannel: '#icon-contributions'
   },
   error: {
@@ -208,7 +226,8 @@ var 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'],
@@ -218,7 +237,8 @@ var 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'],
@@ -228,7 +248,8 @@ var 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'],
@@ -238,7 +259,8 @@ var 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'],
@@ -248,7 +270,8 @@ var 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'],
@@ -258,7 +281,8 @@ var 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'],
@@ -268,7 +292,8 @@ var 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'],
@@ -278,7 +303,8 @@ var 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'],
@@ -288,7 +314,8 @@ var 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'],
@@ -298,7 +325,8 @@ var 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'],
@@ -308,7 +336,8 @@ var metadata = {
     type: 'utility',
     categorization: 'utility',
     usage: 'Reserved for Helper Messages in Forms.',
-    team: 'Design System Team'
+    team: 'Design System Team',
+    status: 'published'
   }
 };
 var _default = exports.default = metadata;

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

@@ -156,30 +156,13 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
   }
   const 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
-  let iconColor = color;
-  if (dangerouslySetInnerHTML && color === "var(--ds-icon-disabled, #091E424F)") {
-    dangerouslySetInnerHTML.__html = `
-<filter id="ds-newIconOpacityFilter">
-  <feFlood flood-color="var(--ds-icon-disabled)" />
-  <feComposite in2="SourceGraphic" operator="in" />
-</filter>
-<g filter="url(#ds-newIconOpacityFilter)">
-  ${dangerouslySetInnerHTML.__html}
-</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
     },
     css: [iconStyles, baseHcmStyles, shouldScale && scaleStyles, props.type === 'utility' && utilityIconStyles]
   }, jsx("svg", {