@atlaskit/smart-card 30.0.1 → 30.1.1

package/dist/es2019/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import Icon from '@atlaskit/icon';
 import React from 'react';
+import ProjectIcon from '@atlaskit/icon/core/project';
 const ProjectsGlyph = props => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -13,6 +14,11 @@ const ProjectsGlyph = props => /*#__PURE__*/React.createElement("svg", {
   d: "M9.88573 4.00002C9.70892 4.00002 9.53935 4.07026 9.41433 4.19528L6.97282 6.63678L4.20525 6.94429C4.05479 6.96101 3.91451 7.02844 3.80746 7.13548L3.60959 7.33335L4.35367 8.07743C4.6791 8.40287 4.6791 8.93051 4.35367 9.25594L3.47152 10.1381C3.21117 10.3984 2.78906 10.3984 2.52871 10.1381C2.26836 9.87774 2.26836 9.45563 2.52871 9.19528L3.0573 8.66669L2.43108 8.04046C2.04055 7.64993 2.04055 7.01677 2.43108 6.62625L2.86465 6.19267C3.18578 5.87154 3.60664 5.66927 4.05801 5.61911L6.36073 5.36326L8.47152 3.25247C8.84659 2.8774 9.3553 2.66669 9.88573 2.66669H12.0001C12.7365 2.66669 13.3334 3.26364 13.3334 4.00002V6.1144C13.3334 6.64483 13.1227 7.15354 12.7477 7.52862L10.6369 9.6394L10.381 11.9421C10.3309 12.3935 10.1286 12.8143 9.80746 13.1355L9.37389 13.5691C8.98336 13.9596 8.3502 13.9596 7.95967 13.5691L7.33345 12.9428L6.80485 13.4714C6.5445 13.7318 6.12239 13.7318 5.86204 13.4714C5.60169 13.2111 5.60169 12.789 5.86204 12.5286L6.74419 11.6465C7.06963 11.321 7.59726 11.321 7.9227 11.6465L8.66678 12.3905L8.86466 12.1927C8.9717 12.0856 9.03912 11.9453 9.05584 11.7949L9.36335 9.02731L11.8049 6.58581C11.9299 6.46078 12.0001 6.29121 12.0001 6.1144V4.00002H9.88573ZM5.80486 10.1953C6.06521 10.4556 6.06521 10.8777 5.80486 11.1381L3.80486 13.1381C3.54451 13.3984 3.1224 13.3984 2.86205 13.1381C2.6017 12.8777 2.6017 12.4556 2.86205 12.1953L4.86205 10.1953C5.1224 9.93493 5.54451 9.93493 5.80486 10.1953ZM10.0001 6.66669C10.3683 6.66669 10.6668 6.36821 10.6668 6.00002C10.6668 5.63183 10.3683 5.33335 10.0001 5.33335C9.63193 5.33335 9.33346 5.63183 9.33346 6.00002C9.33346 6.36821 9.63193 6.66669 10.0001 6.66669Z",
   fill: "var(--ds-icon, #44546F)"
 }));
-export const ProjectsIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+const LegacyProjectsIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
   glyph: ProjectsGlyph
+}, props));
+export const ProjectsIcon = props => /*#__PURE__*/React.createElement(ProjectIcon, _extends({
+  color: "var(--ds-icon, #44546F)",
+  LEGACY_fallbackIcon: LegacyProjectsIcon,
+  spacing: "spacious"
 }, props));

package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
+import MediaServicesActualSizeIcon from '@atlaskit/icon/core/migration/grow-diagonal--media-services-actual-size';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -42,10 +42,10 @@ const PreviewAction = ({
   const isStackItem = props.as === 'stack-item';
   const tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
     icon: /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Open preview"
     }),
     onClick: onClick,

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import ChildIssuesIcon from '@atlaskit/icon/glyph/child-issues';
+import ChildIssuesIcon from '@atlaskit/icon/core/migration/child-issues';
 const rotateSvg = css({
   transform: 'rotate(180deg)',
   display: 'inline-block'
@@ -16,6 +16,8 @@ const rotateSvg = css({
 const RelatedLinksActionIcon = () => jsx("span", {
   css: rotateSvg
 }, jsx(ChildIssuesIcon, {
+  color: "currentColor",
+  spacing: "spacious",
   label: "View recent links..."
 }));
 export default RelatedLinksActionIcon;

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -1,4 +1,4 @@
-import ErrorIcon from '@atlaskit/icon/glyph/error';
+import ErrorIcon from '@atlaskit/icon/utility/migration/error';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import React from 'react';
 import MotionWrapper from '../../../common/motion-wrapper';
@@ -18,6 +18,9 @@ const containerStyles = xcss({
 const errorStyles = xcss({
   backgroundColor: 'color.background.danger'
 });
+const errorContentStyles = xcss({
+  paddingInlineStart: 'space.025'
+});
 const titleStyles = xcss({
   color: 'color.text.subtle',
   fontSize: '12px',
@@ -28,16 +31,14 @@ const titleStyles = xcss({
 const getIcon = appearance => {
   switch (appearance) {
     case 'error':
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-        React.createElement(ErrorIcon, {
-          primaryColor: "var(--ds-icon-danger, #C9372C)",
-          label: "Error",
-          size: "small",
-          testId: "action-error-icon"
-        })
-      );
+      return /*#__PURE__*/React.createElement(ErrorIcon, {
+        color: "var(--ds-icon-danger, #C9372C)",
+        spacing: "compact",
+        label: "Error",
+        LEGACY_size: "small",
+        testId: "action-error-icon",
+        LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`
+      });
     default:
       return null;
   }
@@ -59,7 +60,8 @@ export const ActionFooter = ({
   }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "start",
     grow: "fill",
-    space: "space.050"
+    space: "space.075",
+    xcss: errorContentStyles
   }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(Box, {
     xcss: titleStyles
   }, message.title))));

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -3,7 +3,8 @@ import Tooltip from '@atlaskit/tooltip';
 import { di } from 'react-magnetic-di';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
-import AIIcon from '../../../../../common/ai-icon';
+import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import LegacyAIIcon from '../../../../../common/ai-icon';
 import { InfoIcon } from '../icons/info';
 import { messages } from '../../../../../../messages';
 import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
@@ -33,7 +34,8 @@ export const AIFooterMetadata = ({
     primaryColor: "var(--ds-icon-subtle, #626F86)"
   }))), /*#__PURE__*/React.createElement(AIIcon, {
     label: "AI",
-    size: "small",
-    primaryColor: "var(--ds-icon-subtle, #626F86)"
+    LEGACY_size: "small",
+    LEGACY_fallbackIcon: LegacyAIIcon,
+    color: "var(--ds-icon-subtle, #626F86)"
   }));
 };

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.0.1",
+  packageVersion: "30.1.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.0.1"
+  packageVersion: "30.1.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -4,6 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../../../../constants';
 import { getIconSizeStyles } from '../../../utils';
 var getIconWidth = function getIconWidth(size) {
@@ -34,6 +35,10 @@ var stackItemIconStyles = css(stackItemIconSizeStyles, {
     lineHeight: 0
   }
 });
+var newStackItemIconStyles = css({
+  display: 'inline-block',
+  lineHeight: 0
+});
 var ActionIcon = function ActionIcon(_ref) {
   var size = _ref.size,
     testId = _ref.testId,
@@ -43,9 +48,9 @@ var ActionIcon = function ActionIcon(_ref) {
   return jsx("span", {
     css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    getIconStyles(isDisabled),
+    getIconStyles(isDisabled), !fg('platform-visual-refresh-icons') ? asStackItemIcon ? stackItemIconStyles :
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    asStackItemIcon ? stackItemIconStyles : getIconSizeStyles(getIconWidth(size))],
+    getIconSizeStyles(getIconWidth(size)) : newStackItemIconStyles],
     "data-testid": "".concat(testId, "-icon")
   }, icon);
 };

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -4,7 +4,8 @@ var _excluded = ["url", "onClick", "onError", "testId", "status", "summariseUrl"
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Action from '../action';
-import AiIcon from '../../../../common/ai-icon';
+import AiIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import LegacyAiIcon from '../../../../common/ai-icon';
 import { messages } from '../../../../../messages';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { getErrorMessage } from './utils';
@@ -37,7 +38,10 @@ export function AISummariseAction(_ref) {
   return /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summary_action),
     icon: /*#__PURE__*/React.createElement(AiIcon, {
-      label: "Summarise with AI"
+      spacing: "spacious",
+      color: "currentColor",
+      label: "Summarise with AI",
+      LEGACY_fallbackIcon: LegacyAiIcon
     }),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),

package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["url", "onClick", "testId", "content"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
-import CopyIcon from '@atlaskit/icon/glyph/copy';
+import CopyIcon from '@atlaskit/icon/core/migration/copy';
 import { FormattedMessage } from 'react-intl-next';
 import Action from '../action';
 import { messages } from '../../../../../messages';
@@ -39,10 +39,10 @@ export function CopySummaryAction(_ref) {
     }, _callee);
   })), [fireEvent, onClickCallback, content]);
   return /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_summary_action)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_summary_action),
     icon: /*#__PURE__*/React.createElement(CopyIcon, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Copy Summary"
     }),
     onClick: handleCopySummaryClick,

package/dist/esm/view/FlexibleCard/components/actions/automation-action/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { lazy, useCallback } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
+import AutomationIcon from '@atlaskit/icon/core/automation';
 import AutomationManualTriggersGlyph from './manaul-triggers-icon';
 import Action from '../action';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -67,7 +68,10 @@ var AutomationAction = function AutomationAction(props) {
   var automationActionIconLabel = formatMessage(messages.automation_action_icon_label);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Action, _extends({
     content: automationActionTitle,
-    icon: /*#__PURE__*/React.createElement(AutomationManualTriggersGlyph, {
+    icon: /*#__PURE__*/React.createElement(AutomationIcon, {
+      spacing: "spacious",
+      LEGACY_fallbackIcon: AutomationManualTriggersGlyph,
+      color: "currentColor",
       label: automationActionIconLabel
     }),
     testId: "smart-action-automation-action",

package/dist/esm/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -8,7 +8,7 @@ import React, { useCallback, useState } from 'react';
 import Action from '../action';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
-import LinkIcon from '@atlaskit/icon/glyph/link';
+import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { ActionName } from '../../../../../constants';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
@@ -62,12 +62,12 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     }
   }, [analytics, data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard),
     icon: /*#__PURE__*/React.createElement(LinkIcon, {
+      color: "currentColor",
       label: "copy url",
-      size: "medium"
+      LEGACY_size: "medium",
+      spacing: "spacious"
     }),
     onClick: onClick,
     testId: "smart-action-copy-link-action",

package/dist/esm/view/FlexibleCard/components/actions/delete-action/index.js

@@ -3,13 +3,13 @@ import React from 'react';
 import Action from '../action';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
+import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 var DeleteAction = function DeleteAction(props) {
   return /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.delete),
     icon: /*#__PURE__*/React.createElement(CrossIcon, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Delete"
     }),
     testId: "smart-action-delete-action",

package/dist/esm/view/FlexibleCard/components/actions/download-action/index.js

@@ -11,7 +11,7 @@ import { messages } from '../../../../../messages';
 import Action from '../action';
 import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
-import DownloadIcon from '@atlaskit/icon/glyph/download';
+import DownloadIcon from '@atlaskit/icon/core/migration/download';
 var DownloadAction = function DownloadAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
@@ -57,10 +57,10 @@ var DownloadAction = function DownloadAction(_ref) {
   var label = isStackItem ? messages.download_file : messages.download;
   var tooltipMessage = isStackItem ? messages.download_description : messages.download;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, label)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, label),
     icon: /*#__PURE__*/React.createElement(DownloadIcon, {
+      spacing: "spacious",
+      color: "currentColor",
       label: "Download"
     }),
     onClick: onClick,

package/dist/esm/view/FlexibleCard/components/actions/edit-action/index.js

@@ -3,13 +3,13 @@ import React from 'react';
 import Action from '../action';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
-import EditIcon from '@atlaskit/icon/glyph/edit';
+import EditIcon from '@atlaskit/icon/core/migration/edit';
 var EditAction = function EditAction(props) {
   return /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.edit),
     icon: /*#__PURE__*/React.createElement(EditIcon, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Edit"
     }),
     testId: "smart-action-edit-action",

package/dist/esm/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import Icon from '@atlaskit/icon';
 import React from 'react';
-var GoalGlyph = function GoalGlyph(props) {
+import GoalGlyph from '@atlaskit/icon/core/goal';
+var LegacyGoalGlyph = function LegacyGoalGlyph(props) {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -15,8 +16,15 @@ var GoalGlyph = function GoalGlyph(props) {
     fill: "var(--ds-icon, #44546F)"
   }));
 };
-export var GoalIcon = function GoalIcon(props) {
+var LegacyGoalIcon = function LegacyGoalIcon(props) {
   return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: GoalGlyph
+    glyph: LegacyGoalGlyph
+  }, props));
+};
+export var GoalIcon = function GoalIcon(props) {
+  return /*#__PURE__*/React.createElement(GoalGlyph, _extends({
+    color: "var(--ds-icon, #44546F)",
+    LEGACY_fallbackIcon: LegacyGoalIcon,
+    spacing: "spacious"
   }, props));
 };

package/dist/esm/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import Icon from '@atlaskit/icon';
 import React from 'react';
+import ProjectIcon from '@atlaskit/icon/core/project';
 var ProjectsGlyph = function ProjectsGlyph(props) {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15,8 +16,15 @@ var ProjectsGlyph = function ProjectsGlyph(props) {
     fill: "var(--ds-icon, #44546F)"
   }));
 };
-export var ProjectsIcon = function ProjectsIcon(props) {
+var LegacyProjectsIcon = function LegacyProjectsIcon(props) {
   return /*#__PURE__*/React.createElement(Icon, _extends({
     glyph: ProjectsGlyph
   }, props));
+};
+export var ProjectsIcon = function ProjectsIcon(props) {
+  return /*#__PURE__*/React.createElement(ProjectIcon, _extends({
+    color: "var(--ds-icon, #44546F)",
+    LEGACY_fallbackIcon: LegacyProjectsIcon,
+    spacing: "spacious"
+  }, props));
 };

package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js

@@ -6,7 +6,7 @@ var _excluded = ["onClick"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
+import MediaServicesActualSizeIcon from '@atlaskit/icon/core/migration/grow-diagonal--media-services-actual-size';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -63,10 +63,10 @@ var PreviewAction = function PreviewAction(_ref) {
   var isStackItem = props.as === 'stack-item';
   var tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
-    ,
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
     icon: /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Open preview"
     }),
     onClick: onClick,

package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import ChildIssuesIcon from '@atlaskit/icon/glyph/child-issues';
+import ChildIssuesIcon from '@atlaskit/icon/core/migration/child-issues';
 var rotateSvg = css({
   transform: 'rotate(180deg)',
   display: 'inline-block'
@@ -17,6 +17,8 @@ var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
   return jsx("span", {
     css: rotateSvg
   }, jsx(ChildIssuesIcon, {
+    color: "currentColor",
+    spacing: "spacious",
     label: "View recent links..."
   }));
 };

package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -1,4 +1,4 @@
-import ErrorIcon from '@atlaskit/icon/glyph/error';
+import ErrorIcon from '@atlaskit/icon/utility/migration/error';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import React from 'react';
 import MotionWrapper from '../../../common/motion-wrapper';
@@ -18,6 +18,9 @@ var containerStyles = xcss({
 var errorStyles = xcss({
   backgroundColor: 'color.background.danger'
 });
+var errorContentStyles = xcss({
+  paddingInlineStart: 'space.025'
+});
 var titleStyles = xcss({
   color: 'color.text.subtle',
   fontSize: '12px',
@@ -28,16 +31,14 @@ var titleStyles = xcss({
 var getIcon = function getIcon(appearance) {
   switch (appearance) {
     case 'error':
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-        React.createElement(ErrorIcon, {
-          primaryColor: "var(--ds-icon-danger, #C9372C)",
-          label: "Error",
-          size: "small",
-          testId: "action-error-icon"
-        })
-      );
+      return /*#__PURE__*/React.createElement(ErrorIcon, {
+        color: "var(--ds-icon-danger, #C9372C)",
+        spacing: "compact",
+        label: "Error",
+        LEGACY_size: "small",
+        testId: "action-error-icon",
+        LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)")
+      });
     default:
       return null;
   }
@@ -58,7 +59,8 @@ export var ActionFooter = function ActionFooter(_ref) {
   }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "start",
     grow: "fill",
-    space: "space.050"
+    space: "space.075",
+    xcss: errorContentStyles
   }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(Box, {
     xcss: titleStyles
   }, message.title))));

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -3,7 +3,8 @@ import Tooltip from '@atlaskit/tooltip';
 import { di } from 'react-magnetic-di';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Inline } from '@atlaskit/primitives';
-import AIIcon from '../../../../../common/ai-icon';
+import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
+import LegacyAIIcon from '../../../../../common/ai-icon';
 import { InfoIcon } from '../icons/info';
 import { messages } from '../../../../../../messages';
 import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
@@ -31,7 +32,8 @@ export var AIFooterMetadata = function AIFooterMetadata(_ref) {
     }));
   }), /*#__PURE__*/React.createElement(AIIcon, {
     label: "AI",
-    size: "small",
-    primaryColor: "var(--ds-icon-subtle, #626F86)"
+    LEGACY_size: "small",
+    LEGACY_fallbackIcon: LegacyAIIcon,
+    color: "var(--ds-icon-subtle, #626F86)"
   }));
 };

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.0.1",
+  packageVersion: "30.1.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "30.0.1",
+	"version": "30.1.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/link-analytics": "^8.5.0",
 		"@atlaskit/link-client-extension": "^2.4.0",
 		"@atlaskit/link-extractors": "^1.9.0",
-		"@atlaskit/linking-common": "^5.12.0",
+		"@atlaskit/linking-common": "^6.0.0",
 		"@atlaskit/linking-types": "^9.0.0",
 		"@atlaskit/logo": "^14.3.0",
 		"@atlaskit/lozenge": "^11.11.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^13.1.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -159,6 +159,9 @@
 		},
 		"platform-smart-card-use-ai-smartlink-summary-agent": {
 			"type": "boolean"
+		},
+		"platform-visual-refresh-icons": {
+			"type": "boolean"
 		}
 	}
 }