@atlaskit/smart-card 30.0.1 → 30.1.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 30.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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.1"
 };
 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.1",
   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.1"
 };
 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));