@atlaskit/smart-card 30.0.1 → 30.1.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 30.1.0
+
+### Minor Changes
+
+- [#150792](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150792)
+  [`adafd883e4167`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/adafd883e4167) -
+  [ux] Icon size override fix for new icons behind feature
+  flag(https://product-fabric.atlassian.net/browse/DSP-19716)
+
 ## 30.0.1
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

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

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 /**
@@ -41,6 +42,10 @@ var stackItemIconStyles = (0, _react.css)(stackItemIconSizeStyles, {
     lineHeight: 0
   }
 });
+var newStackItemIconStyles = (0, _react.css)({
+  display: 'inline-block',
+  lineHeight: 0
+});
 var ActionIcon = function ActionIcon(_ref) {
   var size = _ref.size,
     testId = _ref.testId,
@@ -50,9 +55,9 @@ var ActionIcon = function ActionIcon(_ref) {
   return (0, _react.jsx)("span", {
     css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    getIconStyles(isDisabled),
+    getIconStyles(isDisabled), !(0, _platformFeatureFlags.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 : (0, _utils.getIconSizeStyles)(getIconWidth(size))],
+    (0, _utils.getIconSizeStyles)(getIconWidth(size)) : newStackItemIconStyles],
     "data-testid": "".concat(testId, "-icon")
   }, icon);
 };

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

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _action = _interopRequireDefault(require("../action"));
+var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
 var _aiIcon = _interopRequireDefault(require("../../../../common/ai-icon"));
 var _messages = require("../../../../../messages");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
@@ -46,8 +47,11 @@ function AISummariseAction(_ref) {
   }, [fireEvent, onClickCallback, onCompleted, summariseUrl]);
   return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summary_action),
-    icon: /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
-      label: "Summarise with AI"
+    icon: /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
+      spacing: "spacious",
+      color: "currentColor",
+      label: "Summarise with AI",
+      LEGACY_fallbackIcon: _aiIcon.default
     }),
     onClick: handleActionClick,
     testId: "".concat(testId, "-summarise-action"),

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

@@ -12,7 +12,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
+var _copy = _interopRequireDefault(require("@atlaskit/icon/core/migration/copy"));
 var _reactIntlNext = require("react-intl-next");
 var _action = _interopRequireDefault(require("../action"));
 var _messages = require("../../../../../messages");
@@ -49,10 +49,10 @@ function CopySummaryAction(_ref) {
     }, _callee);
   })), [fireEvent, onClickCallback, content]);
   return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.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.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_summary_action),
     icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Copy Summary"
     }),
     onClick: handleCopySummaryClick,

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

@@ -9,6 +9,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _automation = _interopRequireDefault(require("@atlaskit/icon/core/automation"));
 var _manaulTriggersIcon = _interopRequireDefault(require("./manaul-triggers-icon"));
 var _action = _interopRequireDefault(require("../action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -79,7 +80,10 @@ var AutomationAction = function AutomationAction(props) {
   var automationActionIconLabel = formatMessage(_messages.messages.automation_action_icon_label);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: automationActionTitle,
-    icon: /*#__PURE__*/_react.default.createElement(_manaulTriggersIcon.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_automation.default, {
+      spacing: "spacious",
+      LEGACY_fallbackIcon: _manaulTriggersIcon.default,
+      color: "currentColor",
       label: automationActionIconLabel
     }),
     testId: "smart-action-automation-action",

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

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _action = _interopRequireDefault(require("../action"));
 var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
-var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
+var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _constants = require("../../../../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
@@ -72,12 +72,12 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     }
   }, [analytics, data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.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.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.copy_url_to_clipboard),
     icon: /*#__PURE__*/_react.default.createElement(_link.default, {
+      color: "currentColor",
       label: "copy url",
-      size: "medium"
+      LEGACY_size: "medium",
+      spacing: "spacious"
     }),
     onClick: onClick,
     testId: "smart-action-copy-link-action",

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

@@ -10,13 +10,13 @@ var _react = _interopRequireDefault(require("react"));
 var _action = _interopRequireDefault(require("../action"));
 var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
-var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
+var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
 var DeleteAction = function DeleteAction(props) {
   return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
-    icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.delete),
+    icon: /*#__PURE__*/_react.default.createElement(_closeCross.default, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Delete"
     }),
     testId: "smart-action-delete-action",

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

@@ -18,7 +18,7 @@ var _messages = require("../../../../../messages");
 var _action = _interopRequireDefault(require("../action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../state/hooks/use-invoke-client-action"));
-var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
+var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
 var _excluded = ["onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -67,10 +67,10 @@ var DownloadAction = function DownloadAction(_ref) {
   var label = isStackItem ? _messages.messages.download_file : _messages.messages.download;
   var tooltipMessage = isStackItem ? _messages.messages.download_description : _messages.messages.download;
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label),
     icon: /*#__PURE__*/_react.default.createElement(_download.default, {
+      spacing: "spacious",
+      color: "currentColor",
       label: "Download"
     }),
     onClick: onClick,

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

@@ -10,13 +10,13 @@ var _react = _interopRequireDefault(require("react"));
 var _action = _interopRequireDefault(require("../action"));
 var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
-var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
+var _edit = _interopRequireDefault(require("@atlaskit/icon/core/migration/edit"));
 var EditAction = function EditAction(props) {
   return /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19716
-    ,
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.edit),
     icon: /*#__PURE__*/_react.default.createElement(_edit.default, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Edit"
     }),
     testId: "smart-action-edit-action",

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

@@ -8,7 +8,8 @@ exports.GoalIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 var _react = _interopRequireDefault(require("react"));
-var GoalGlyph = function GoalGlyph(props) {
+var _goal = _interopRequireDefault(require("@atlaskit/icon/core/goal"));
+var LegacyGoalGlyph = function LegacyGoalGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -22,8 +23,15 @@ var GoalGlyph = function GoalGlyph(props) {
     fill: "var(--ds-icon, #44546F)"
   }));
 };
-var GoalIcon = exports.GoalIcon = function GoalIcon(props) {
+var LegacyGoalIcon = function LegacyGoalIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: GoalGlyph
+    glyph: LegacyGoalGlyph
+  }, props));
+};
+var GoalIcon = exports.GoalIcon = function GoalIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_goal.default, (0, _extends2.default)({
+    color: "var(--ds-icon, #44546F)",
+    LEGACY_fallbackIcon: LegacyGoalIcon,
+    spacing: "spacious"
   }, props));
 };

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

@@ -8,6 +8,7 @@ exports.ProjectsIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 var _react = _interopRequireDefault(require("react"));
+var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
 var ProjectsGlyph = function ProjectsGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -22,8 +23,15 @@ var ProjectsGlyph = function ProjectsGlyph(props) {
     fill: "var(--ds-icon, #44546F)"
   }));
 };
-var ProjectsIcon = exports.ProjectsIcon = function ProjectsIcon(props) {
+var LegacyProjectsIcon = function LegacyProjectsIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
     glyph: ProjectsGlyph
   }, props));
+};
+var ProjectsIcon = exports.ProjectsIcon = function ProjectsIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_project.default, (0, _extends2.default)({
+    color: "var(--ds-icon, #44546F)",
+    LEGACY_fallbackIcon: LegacyProjectsIcon,
+    spacing: "spacious"
+  }, props));
 };

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

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _actualSize = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/actual-size"));
+var _growDiagonalMediaServicesActualSize = _interopRequireDefault(require("@atlaskit/icon/core/migration/grow-diagonal--media-services-actual-size"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../../../constants");
@@ -73,10 +73,10 @@ var PreviewAction = function PreviewAction(_ref) {
   var isStackItem = props.as === 'stack-item';
   var tooltipMessage = isStackItem ? _messages.messages.preview_description : _messages.messages.preview_improved;
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved)
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
-    ,
-    icon: /*#__PURE__*/_react.default.createElement(_actualSize.default, {
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved),
+    icon: /*#__PURE__*/_react.default.createElement(_growDiagonalMediaServicesActualSize.default, {
+      color: "currentColor",
+      spacing: "spacious",
       label: "Open preview"
     }),
     onClick: onClick,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _childIssues = _interopRequireDefault(require("@atlaskit/icon/glyph/child-issues"));
+var _childIssues = _interopRequireDefault(require("@atlaskit/icon/core/migration/child-issues"));
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -25,6 +25,8 @@ var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
   return (0, _react.jsx)("span", {
     css: rotateSvg
   }, (0, _react.jsx)(_childIssues.default, {
+    color: "currentColor",
+    spacing: "spacious",
     label: "View recent links..."
   }));
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionFooter = void 0;
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
 var _primitives = require("@atlaskit/primitives");
 var _react = _interopRequireDefault(require("react"));
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
@@ -25,6 +25,9 @@ var containerStyles = (0, _primitives.xcss)({
 var errorStyles = (0, _primitives.xcss)({
   backgroundColor: 'color.background.danger'
 });
+var errorContentStyles = (0, _primitives.xcss)({
+  paddingInlineStart: 'space.025'
+});
 var titleStyles = (0, _primitives.xcss)({
   color: 'color.text.subtle',
   fontSize: '12px',
@@ -35,16 +38,14 @@ var titleStyles = (0, _primitives.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.default.createElement(_error.default, {
-          primaryColor: "var(--ds-icon-danger, #C9372C)",
-          label: "Error",
-          size: "small",
-          testId: "action-error-icon"
-        })
-      );
+      return /*#__PURE__*/_react.default.createElement(_error.default, {
+        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;
   }
@@ -65,7 +66,8 @@ var ActionFooter = exports.ActionFooter = function ActionFooter(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     alignBlock: "start",
     grow: "fill",
-    space: "space.050"
+    space: "space.075",
+    xcss: errorContentStyles
   }, message.icon || getIcon(message.appearance), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: titleStyles
   }, message.title))));

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

@@ -10,6 +10,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _reactIntlNext = require("react-intl-next");
 var _primitives = require("@atlaskit/primitives");
+var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _info = require("../icons/info");
 var _messages = require("../../../../../../messages");
@@ -36,9 +37,10 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
       size: "small",
       primaryColor: "var(--ds-icon-subtle, #626F86)"
     }));
-  }), /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
+  }), /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
     label: "AI",
-    size: "small",
-    primaryColor: "var(--ds-icon-subtle, #626F86)"
+    LEGACY_size: "small",
+    LEGACY_fallbackIcon: _aiIcon.default,
+    color: "var(--ds-icon-subtle, #626F86)"
   }));
 };

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.0.1",
+  packageVersion: "30.1.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

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

package/dist/es2019/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';
 const getIconWidth = size => {
@@ -32,6 +33,10 @@ const stackItemIconStyles = css(stackItemIconSizeStyles, {
     lineHeight: 0
   }
 });
+const newStackItemIconStyles = css({
+  display: 'inline-block',
+  lineHeight: 0
+});
 const ActionIcon = ({
   size,
   testId,
@@ -41,9 +46,9 @@ const ActionIcon = ({
 }) => 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": `${testId}-icon`
 }, icon);
 export default ActionIcon;

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

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 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({
   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: `${testId}-summarise-action`,

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 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';
@@ -23,10 +23,10 @@ export function CopySummaryAction({
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
   }, [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/es2019/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';
@@ -68,7 +69,10 @@ const AutomationAction = props => {
   const 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/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -3,7 +3,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';
@@ -39,12 +39,12 @@ const CopyLinkAction = ({
     }
   }, [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/es2019/view/FlexibleCard/components/actions/delete-action/index.js

@@ -3,12 +3,12 @@ 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';
 const DeleteAction = props => /*#__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/es2019/view/FlexibleCard/components/actions/download-action/index.js

@@ -7,7 +7,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';
 const DownloadAction = ({
   onClick: onClickCallback,
   ...props
@@ -38,10 +38,10 @@ const DownloadAction = ({
   const label = isStackItem ? messages.download_file : messages.download;
   const 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/es2019/view/FlexibleCard/components/actions/edit-action/index.js

@@ -3,12 +3,12 @@ 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';
 const EditAction = props => /*#__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/es2019/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';
-const GoalGlyph = props => /*#__PURE__*/React.createElement("svg", {
+import GoalGlyph from '@atlaskit/icon/core/goal';
+const LegacyGoalGlyph = props => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -13,6 +14,11 @@ const GoalGlyph = props => /*#__PURE__*/React.createElement("svg", {
   d: "M12.6667 8C12.6667 10.5773 10.5773 12.6667 8 12.6667C5.42267 12.6667 3.33333 10.5773 3.33333 8C3.33333 5.42267 5.42267 3.33333 8 3.33333C10.5773 3.33333 12.6667 5.42267 12.6667 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM9.33333 8C9.33333 8.73638 8.73638 9.33333 8 9.33333C7.26362 9.33333 6.66667 8.73638 6.66667 8C6.66667 7.26362 7.26362 6.66667 8 6.66667C8.73638 6.66667 9.33333 7.26362 9.33333 8ZM10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z",
   fill: "var(--ds-icon, #44546F)"
 }));
-export const GoalIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  glyph: GoalGlyph
+const LegacyGoalIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: LegacyGoalGlyph
+}, props));
+export const GoalIcon = props => /*#__PURE__*/React.createElement(GoalGlyph, _extends({
+  color: "var(--ds-icon, #44546F)",
+  LEGACY_fallbackIcon: LegacyGoalIcon,
+  spacing: "spacious"
 }, props));

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.0",
   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.0"
 };
 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.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "30.0.1",
+	"version": "30.1.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -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"
 		}
 	}
 }