@atlaskit/smart-card 30.2.6 → 30.3.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 30.3.0
+
+### Minor Changes
+
+- [#165224](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165224)
+  [`4b595d55453c9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4b595d55453c9) -
+  [ux] Enable new icons behind a feature flag.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 30.2.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 30.2.6
 
 ### 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.2.6"
+  packageVersion: "30.3.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -106,12 +106,25 @@ var createLinkClickedPayload = exports.createLinkClickedPayload = function creat
   var clickOutcome = getLinkClickOutcome(event, clickType);
   var keysHeld = getKeys(event);
   var defaultPrevented = event.defaultPrevented;
-  return linkClickedEvent({
+  var linkClickedEventResult = linkClickedEvent({
     clickType: clickType,
     clickOutcome: clickOutcome,
     keysHeld: keysHeld,
     defaultPrevented: defaultPrevented
   });
+
+  // if the current target is an anchor tag, we can get the href from it and use that as the url being navigated too.
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    var url = event.currentTarget.href;
+    return _objectSpread(_objectSpread({}, linkClickedEventResult), {}, {
+      nonPrivacySafeAttributes: {
+        url: url
+      }
+    });
+  } else {
+    // We can't get the href from the event target, so dont include the url or any non privacy safe attributes
+    return linkClickedEventResult;
+  }
 };
 var fireLinkClickedEvent = exports.fireLinkClickedEvent = function fireLinkClickedEvent(createAnalyticsEvent) {
   return function (event) {
@@ -119,7 +132,8 @@ var fireLinkClickedEvent = exports.fireLinkClickedEvent = function fireLinkClick
     var payload = createLinkClickedPayload(event);
     if (payload) {
       createAnalyticsEvent(_objectSpread(_objectSpread(_objectSpread({}, payload), overrides), {}, {
-        attributes: _objectSpread(_objectSpread({}, payload.attributes), overrides === null || overrides === void 0 ? void 0 : overrides.attributes)
+        attributes: _objectSpread(_objectSpread({}, payload.attributes), overrides === null || overrides === void 0 ? void 0 : overrides.attributes),
+        nonPrivacySafeAttributes: _objectSpread(_objectSpread({}, payload.nonPrivacySafeAttributes), overrides === null || overrides === void 0 ? void 0 : overrides.nonPrivacySafeAttributes)
       })).fire(_analytics.ANALYTICS_CHANNEL);
     }
   };

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -8,12 +8,11 @@ exports.AutomationModalHeader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _manualTriggerIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/manual-trigger-icon"));
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _menuContext = require("../../menu-context");
-var _manualTriggerIcon = require("./manual-trigger-icon");
 var i18n = (0, _reactIntlNext.defineMessages)({
   modalHeaderIconLabel: {
     id: 'automation-menu.modal.header.icon.label',
@@ -46,9 +45,8 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
     xcss: iconStyle,
     paddingInline: "space.050",
     paddingBlock: "space.025"
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_manualTriggerIcon.default, {
     size: "small",
-    glyph: _manualTriggerIcon.ManualTriggerGlyph,
     label: formatMessage(i18n.modalHeaderIconLabel),
     primaryColor: "var(--ds-icon-accent-green, ".concat(_colors.G50, ")")
   })), /*#__PURE__*/_react.default.createElement(_heading.default, {

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

@@ -7,31 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.GoalIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 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",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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)"
-  }));
-};
-var LegacyGoalIcon = function LegacyGoalIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: LegacyGoalGlyph
-  }, props));
-};
+var _goalBoldIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/goal-bold-icon"));
 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,
+    LEGACY_fallbackIcon: _goalBoldIcon.default,
     spacing: "spacious"
   }, props));
 };

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

@@ -7,31 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.ProjectsIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 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",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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)"
-  }));
-};
-var LegacyProjectsIcon = function LegacyProjectsIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: ProjectsGlyph
-  }, props));
-};
+var _projectIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/project-icon"));
 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,
+    LEGACY_fallbackIcon: _projectIcon.default,
+    LEGACY_margin: "10px",
     spacing: "spacious"
   }, props));
 };

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

@@ -7,35 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-var UnfollowGlyph = function UnfollowGlyph(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-testid": props['data-testid'],
-    "aria-label": props['aria-label']
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: props.className,
-    role: "presentation",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M14 4.66667H11.3333C10.9652 4.66667 10.6667 4.96514 10.6667 5.33333C10.6667 5.70152 10.9652 6 11.3333 6H14C14.3682 6 14.6667 5.70152 14.6667 5.33333C14.6667 4.96514 14.3682 4.66667 14 4.66667Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3.33334 9.33333C3.33334 8.59667 3.93468 8 4.67268 8H9.99401C10.734 8 11.3333 8.596 11.3333 9.33733V12.2973C11.3333 14.5673 3.33334 14.5673 3.33334 12.2973V9.33333Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M7.33334 7.33333C8.8061 7.33333 10 6.13943 10 4.66667C10 3.19391 8.8061 2 7.33334 2C5.86058 2 4.66668 3.19391 4.66668 4.66667C4.66668 6.13943 5.86058 7.33333 7.33334 7.33333Z",
-    fill: "currentColor"
-  }));
-};
+var _personRemove = _interopRequireDefault(require("@atlaskit/icon/core/person-remove"));
+var _unfollowIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/unfollow-icon"));
 var UnfollowIcon = function UnfollowIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: UnfollowGlyph
+  return /*#__PURE__*/_react.default.createElement(_personRemove.default, (0, _extends2.default)({
+    LEGACY_fallbackIcon: _unfollowIcon.default
   }, props));
 };
 var _default = exports.default = UnfollowIcon;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-footer-block/icons/info/index.js

@@ -7,28 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.InfoIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-var CustomGlyph = function CustomGlyph(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M7 5C7 5.55228 7.44772 6 8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4C7.44772 4 7 4.44772 7 5Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M7.25 7L7.25 12H8.75L8.75 7H7.25Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8Z",
-    fill: "currentColor"
-  }));
-};
+var _information = _interopRequireDefault(require("@atlaskit/icon/core/information"));
+var _infoIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/info-icon"));
 var InfoIcon = exports.InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, props, {
-    glyph: CustomGlyph
-  }));
+  return /*#__PURE__*/_react.default.createElement(_information.default, (0, _extends2.default)({
+    color: props.color || 'currentColor',
+    LEGACY_fallbackIcon: _infoIcon.default
+  }, props));
 };

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

@@ -34,8 +34,8 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
   }, function (tooltipProps) {
     return /*#__PURE__*/_react.default.createElement(_primitives.Box, tooltipProps, /*#__PURE__*/_react.default.createElement(_info.InfoIcon, {
       label: "Information",
-      size: "small",
-      primaryColor: "var(--ds-icon-subtle, #626F86)"
+      LEGACY_size: "small",
+      color: "var(--ds-icon-subtle, #626F86)"
     }));
   }), /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
     label: "AI",

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.2.6",
+  packageVersion: "30.3.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.2.6"
+  packageVersion: "30.3.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -92,12 +92,26 @@ export const createLinkClickedPayload = event => {
   const clickOutcome = getLinkClickOutcome(event, clickType);
   const keysHeld = getKeys(event);
   const defaultPrevented = event.defaultPrevented;
-  return linkClickedEvent({
+  const linkClickedEventResult = linkClickedEvent({
     clickType,
     clickOutcome,
     keysHeld,
     defaultPrevented
   });
+
+  // if the current target is an anchor tag, we can get the href from it and use that as the url being navigated too.
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    const url = event.currentTarget.href;
+    return {
+      ...linkClickedEventResult,
+      nonPrivacySafeAttributes: {
+        url
+      }
+    };
+  } else {
+    // We can't get the href from the event target, so dont include the url or any non privacy safe attributes
+    return linkClickedEventResult;
+  }
 };
 export const fireLinkClickedEvent = createAnalyticsEvent => (event, overrides = {}) => {
   const payload = createLinkClickedPayload(event);
@@ -108,6 +122,10 @@ export const fireLinkClickedEvent = createAnalyticsEvent => (event, overrides =
       attributes: {
         ...payload.attributes,
         ...(overrides === null || overrides === void 0 ? void 0 : overrides.attributes)
+      },
+      nonPrivacySafeAttributes: {
+        ...payload.nonPrivacySafeAttributes,
+        ...(overrides === null || overrides === void 0 ? void 0 : overrides.nonPrivacySafeAttributes)
       }
     }).fire(ANALYTICS_CHANNEL);
   }

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
-import Icon from '@atlaskit/icon';
+import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
 import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
-import { ManualTriggerGlyph } from './manual-trigger-icon';
 const i18n = defineMessages({
   modalHeaderIconLabel: {
     id: 'automation-menu.modal.header.icon.label',
@@ -43,9 +42,8 @@ export const AutomationModalHeader = ({
     xcss: iconStyle,
     paddingInline: "space.050",
     paddingBlock: "space.025"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(LegacyManualTriggerIcon, {
     size: "small",
-    glyph: ManualTriggerGlyph,
     label: formatMessage(i18n.modalHeaderIconLabel),
     primaryColor: `var(--ds-icon-accent-green, ${G50})`
   })), /*#__PURE__*/React.createElement(Heading, {

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

@@ -1,22 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
 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",
-  viewBox: "0 0 16 16",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  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)"
-}));
-const LegacyGoalIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  glyph: LegacyGoalGlyph
-}, props));
+import LegacyGoalIcon from '@atlaskit/legacy-custom-icons/goal-bold-icon';
 export const GoalIcon = props => /*#__PURE__*/React.createElement(GoalGlyph, _extends({
   color: "var(--ds-icon, #44546F)",
   LEGACY_fallbackIcon: LegacyGoalIcon,

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

@@ -1,24 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
 import ProjectIcon from '@atlaskit/icon/core/project';
-const ProjectsGlyph = _props => /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  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)"
-}));
-const LegacyProjectsIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  glyph: ProjectsGlyph
-}, props));
+import LegacyProjectsIcon from '@atlaskit/legacy-custom-icons/project-icon';
 export const ProjectsIcon = props => /*#__PURE__*/React.createElement(ProjectIcon, _extends({
   color: "var(--ds-icon, #44546F)",
   LEGACY_fallbackIcon: LegacyProjectsIcon,
+  LEGACY_margin: "10px",
   spacing: "spacious"
 }, props));

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

@@ -1,30 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
-const UnfollowGlyph = props => /*#__PURE__*/React.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  "data-testid": props['data-testid'],
-  "aria-label": props['aria-label']
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: props.className,
-  role: "presentation",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M14 4.66667H11.3333C10.9652 4.66667 10.6667 4.96514 10.6667 5.33333C10.6667 5.70152 10.9652 6 11.3333 6H14C14.3682 6 14.6667 5.70152 14.6667 5.33333C14.6667 4.96514 14.3682 4.66667 14 4.66667Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M3.33334 9.33333C3.33334 8.59667 3.93468 8 4.67268 8H9.99401C10.734 8 11.3333 8.596 11.3333 9.33733V12.2973C11.3333 14.5673 3.33334 14.5673 3.33334 12.2973V9.33333Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M7.33334 7.33333C8.8061 7.33333 10 6.13943 10 4.66667C10 3.19391 8.8061 2 7.33334 2C5.86058 2 4.66668 3.19391 4.66668 4.66667C4.66668 6.13943 5.86058 7.33333 7.33334 7.33333Z",
-  fill: "currentColor"
-}));
-const UnfollowIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  glyph: UnfollowGlyph
+import PersonRemoveIcon from '@atlaskit/icon/core/person-remove';
+import LegacyUnfollowIcon from '@atlaskit/legacy-custom-icons/unfollow-icon';
+const UnfollowIcon = props => /*#__PURE__*/React.createElement(PersonRemoveIcon, _extends({
+  LEGACY_fallbackIcon: LegacyUnfollowIcon
 }, props));
 export default UnfollowIcon;

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/icons/info/index.js

@@ -1,23 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
-const CustomGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none"
-}, props), /*#__PURE__*/React.createElement("path", {
-  d: "M7 5C7 5.55228 7.44772 6 8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4C7.44772 4 7 4.44772 7 5Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M7.25 7L7.25 12H8.75L8.75 7H7.25Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8Z",
-  fill: "currentColor"
-}));
-export const InfoIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-  glyph: CustomGlyph
-}));
+import InformationIcon from '@atlaskit/icon/core/information';
+import LegacyInfoIcon from '@atlaskit/legacy-custom-icons/info-icon';
+export const InfoIcon = props => /*#__PURE__*/React.createElement(InformationIcon, _extends({
+  color: props.color || 'currentColor',
+  LEGACY_fallbackIcon: LegacyInfoIcon
+}, props));

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

@@ -30,8 +30,8 @@ export const AIFooterMetadata = ({
     position: "bottom"
   }, tooltipProps => /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
     label: "Information",
-    size: "small",
-    primaryColor: "var(--ds-icon-subtle, #626F86)"
+    LEGACY_size: "small",
+    color: "var(--ds-icon-subtle, #626F86)"
   }))), /*#__PURE__*/React.createElement(AIIcon, {
     label: "AI",
     LEGACY_size: "small",

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

@@ -7,7 +7,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.2.6",
+  packageVersion: "30.3.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.2.6"
+  packageVersion: "30.3.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -97,12 +97,25 @@ export var createLinkClickedPayload = function createLinkClickedPayload(event) {
   var clickOutcome = getLinkClickOutcome(event, clickType);
   var keysHeld = getKeys(event);
   var defaultPrevented = event.defaultPrevented;
-  return linkClickedEvent({
+  var linkClickedEventResult = linkClickedEvent({
     clickType: clickType,
     clickOutcome: clickOutcome,
     keysHeld: keysHeld,
     defaultPrevented: defaultPrevented
   });
+
+  // if the current target is an anchor tag, we can get the href from it and use that as the url being navigated too.
+  if (event.currentTarget instanceof HTMLAnchorElement) {
+    var url = event.currentTarget.href;
+    return _objectSpread(_objectSpread({}, linkClickedEventResult), {}, {
+      nonPrivacySafeAttributes: {
+        url: url
+      }
+    });
+  } else {
+    // We can't get the href from the event target, so dont include the url or any non privacy safe attributes
+    return linkClickedEventResult;
+  }
 };
 export var fireLinkClickedEvent = function fireLinkClickedEvent(createAnalyticsEvent) {
   return function (event) {
@@ -110,7 +123,8 @@ export var fireLinkClickedEvent = function fireLinkClickedEvent(createAnalyticsE
     var payload = createLinkClickedPayload(event);
     if (payload) {
       createAnalyticsEvent(_objectSpread(_objectSpread(_objectSpread({}, payload), overrides), {}, {
-        attributes: _objectSpread(_objectSpread({}, payload.attributes), overrides === null || overrides === void 0 ? void 0 : overrides.attributes)
+        attributes: _objectSpread(_objectSpread({}, payload.attributes), overrides === null || overrides === void 0 ? void 0 : overrides.attributes),
+        nonPrivacySafeAttributes: _objectSpread(_objectSpread({}, payload.nonPrivacySafeAttributes), overrides === null || overrides === void 0 ? void 0 : overrides.nonPrivacySafeAttributes)
       })).fire(ANALYTICS_CHANNEL);
     }
   };

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
-import Icon from '@atlaskit/icon';
+import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
 import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
-import { ManualTriggerGlyph } from './manual-trigger-icon';
 var i18n = defineMessages({
   modalHeaderIconLabel: {
     id: 'automation-menu.modal.header.icon.label',
@@ -39,9 +38,8 @@ export var AutomationModalHeader = function AutomationModalHeader(_ref) {
     xcss: iconStyle,
     paddingInline: "space.050",
     paddingBlock: "space.025"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(LegacyManualTriggerIcon, {
     size: "small",
-    glyph: ManualTriggerGlyph,
     label: formatMessage(i18n.modalHeaderIconLabel),
     primaryColor: "var(--ds-icon-accent-green, ".concat(G50, ")")
   })), /*#__PURE__*/React.createElement(Heading, {

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

@@ -1,26 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
 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",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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)"
-  }));
-};
-var LegacyGoalIcon = function LegacyGoalIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: LegacyGoalGlyph
-  }, props));
-};
+import LegacyGoalIcon from '@atlaskit/legacy-custom-icons/goal-bold-icon';
 export var GoalIcon = function GoalIcon(props) {
   return /*#__PURE__*/React.createElement(GoalGlyph, _extends({
     color: "var(--ds-icon, #44546F)",

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

@@ -1,30 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
 import ProjectIcon from '@atlaskit/icon/core/project';
-var ProjectsGlyph = function ProjectsGlyph(_props) {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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)"
-  }));
-};
-var LegacyProjectsIcon = function LegacyProjectsIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: ProjectsGlyph
-  }, props));
-};
+import LegacyProjectsIcon from '@atlaskit/legacy-custom-icons/project-icon';
 export var ProjectsIcon = function ProjectsIcon(props) {
   return /*#__PURE__*/React.createElement(ProjectIcon, _extends({
     color: "var(--ds-icon, #44546F)",
     LEGACY_fallbackIcon: LegacyProjectsIcon,
+    LEGACY_margin: "10px",
     spacing: "spacious"
   }, props));
 };

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

@@ -1,34 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
-var UnfollowGlyph = function UnfollowGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-testid": props['data-testid'],
-    "aria-label": props['aria-label']
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: props.className,
-    role: "presentation",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M14 4.66667H11.3333C10.9652 4.66667 10.6667 4.96514 10.6667 5.33333C10.6667 5.70152 10.9652 6 11.3333 6H14C14.3682 6 14.6667 5.70152 14.6667 5.33333C14.6667 4.96514 14.3682 4.66667 14 4.66667Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3.33334 9.33333C3.33334 8.59667 3.93468 8 4.67268 8H9.99401C10.734 8 11.3333 8.596 11.3333 9.33733V12.2973C11.3333 14.5673 3.33334 14.5673 3.33334 12.2973V9.33333Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7.33334 7.33333C8.8061 7.33333 10 6.13943 10 4.66667C10 3.19391 8.8061 2 7.33334 2C5.86058 2 4.66668 3.19391 4.66668 4.66667C4.66668 6.13943 5.86058 7.33333 7.33334 7.33333Z",
-    fill: "currentColor"
-  }));
-};
+import PersonRemoveIcon from '@atlaskit/icon/core/person-remove';
+import LegacyUnfollowIcon from '@atlaskit/legacy-custom-icons/unfollow-icon';
 var UnfollowIcon = function UnfollowIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: UnfollowGlyph
+  return /*#__PURE__*/React.createElement(PersonRemoveIcon, _extends({
+    LEGACY_fallbackIcon: LegacyUnfollowIcon
   }, props));
 };
 export default UnfollowIcon;

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/icons/info/index.js

@@ -1,27 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Icon from '@atlaskit/icon';
-var CustomGlyph = function CustomGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M7 5C7 5.55228 7.44772 6 8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4C7.44772 4 7 4.44772 7 5Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7.25 7L7.25 12H8.75L8.75 7H7.25Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8Z",
-    fill: "currentColor"
-  }));
-};
+import InformationIcon from '@atlaskit/icon/core/information';
+import LegacyInfoIcon from '@atlaskit/legacy-custom-icons/info-icon';
 export var InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    glyph: CustomGlyph
-  }));
+  return /*#__PURE__*/React.createElement(InformationIcon, _extends({
+    color: props.color || 'currentColor',
+    LEGACY_fallbackIcon: LegacyInfoIcon
+  }, props));
 };

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

@@ -27,8 +27,8 @@ export var AIFooterMetadata = function AIFooterMetadata(_ref) {
   }, function (tooltipProps) {
     return /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
       label: "Information",
-      size: "small",
-      primaryColor: "var(--ds-icon-subtle, #626F86)"
+      LEGACY_size: "small",
+      color: "var(--ds-icon-subtle, #626F86)"
     }));
   }), /*#__PURE__*/React.createElement(AIIcon, {
     label: "AI",

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

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

package/dist/types/view/FlexibleCard/components/blocks/ai-footer-block/icons/info/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { type IconProps } from '@atlaskit/icon';
-export declare const InfoIcon: (props: Omit<IconProps, 'glyph'>) => JSX.Element;
+import { type UNSAFE_NewCoreIconProps } from '@atlaskit/icon';
+export declare const InfoIcon: (props: UNSAFE_NewCoreIconProps) => JSX.Element;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-footer-block/icons/info/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { type IconProps } from '@atlaskit/icon';
-export declare const InfoIcon: (props: Omit<IconProps, 'glyph'>) => JSX.Element;
+import { type UNSAFE_NewCoreIconProps } from '@atlaskit/icon';
+export declare const InfoIcon: (props: UNSAFE_NewCoreIconProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "30.2.6",
+	"version": "30.3.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,11 +35,12 @@
 		"@atlaskit/dropdown-menu": "^12.22.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
-		"@atlaskit/heading": "^2.4.0",
+		"@atlaskit/heading": "^3.1.0",
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/icon-file-type": "^6.7.0",
 		"@atlaskit/icon-object": "^6.7.0",
 		"@atlaskit/icon-priority": "^6.3.0",
+		"@atlaskit/legacy-custom-icons": "^0.16.0",
 		"@atlaskit/link-analytics": "^8.5.0",
 		"@atlaskit/link-client-extension": "^2.4.0",
 		"@atlaskit/link-extractors": "^1.9.0",

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/manual-trigger-icon/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ManualTriggerGlyph = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var ManualTriggerGlyph = exports.ManualTriggerGlyph = function ManualTriggerGlyph(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, props, {
-    width: 24,
-    viewBox: "0 0 24 24"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "m21.192 19.778-4.9498-4.9498c-0.3905-0.3905-1.0237-0.3905-1.4142 0-0.3905 0.3906-0.3905 1.0237 0 1.4143l4.9498 4.9497c0.3905 0.3905 1.0237 0.3905 1.4142 0s0.3905-1.0237 0-1.4142z",
-    fill: "currentColor"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "m8.7738 8.1319 11.685 4.305c0.2591 0.0955 0.3917 0.3829 0.2963 0.6421-0.025 0.0679-0.0645 0.1295-0.1156 0.1807l-7.3802 7.3801c-0.1952 0.1953-0.5118 0.1953-0.7071 0-0.0511-0.0512-0.0906-0.1128-0.1156-0.1807l-4.3051-11.685c-0.09546-0.25911 0.03721-0.54656 0.29632-0.64202 0.11157-0.0411 0.23414-0.0411 0.34571 0z",
-    clipRule: "evenodd",
-    fill: "currentColor",
-    fillRule: "evenodd"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "m4.2218 4.2218c1.9526-1.9526 5.1184-1.9526 7.0711 0 0.5977 0.59776 1.0125 1.3092 1.2443 2.0648 0.1974 0.6437-0.4389 1.1502-1.0873 0.96899l-0.2172-0.06069c-0.3475-0.09709-0.6037-0.38008-0.7563-0.70702-0.1439-0.30836-0.3432-0.59728-0.59773-0.85184-1.1716-1.1716-3.0711-1.1716-4.2426 0-1.1716 1.1716-1.1716 3.0711 0 4.2426 0.2547 0.25469 0.54381 0.45399 0.85236 0.59799 0.32725 0.1527 0.61051 0.4091 0.70752 0.7569l0.06045 0.2168c0.18082 0.6483-0.32561 1.2843-0.96914 1.087-0.75578-0.2317-1.4675-0.6466-2.0654-1.2445-1.9526-1.9526-1.9526-5.1184 0-7.071z",
-    clipRule: "evenodd",
-    fill: "currentColor",
-    fillRule: "evenodd"
-  }));
-};
-var _default = exports.default = ManualTriggerGlyph;

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/manual-trigger-icon/index.js

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-export const ManualTriggerGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-  width: 24,
-  viewBox: "0 0 24 24"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m21.192 19.778-4.9498-4.9498c-0.3905-0.3905-1.0237-0.3905-1.4142 0-0.3905 0.3906-0.3905 1.0237 0 1.4143l4.9498 4.9497c0.3905 0.3905 1.0237 0.3905 1.4142 0s0.3905-1.0237 0-1.4142z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m8.7738 8.1319 11.685 4.305c0.2591 0.0955 0.3917 0.3829 0.2963 0.6421-0.025 0.0679-0.0645 0.1295-0.1156 0.1807l-7.3802 7.3801c-0.1952 0.1953-0.5118 0.1953-0.7071 0-0.0511-0.0512-0.0906-0.1128-0.1156-0.1807l-4.3051-11.685c-0.09546-0.25911 0.03721-0.54656 0.29632-0.64202 0.11157-0.0411 0.23414-0.0411 0.34571 0z",
-  clipRule: "evenodd",
-  fill: "currentColor",
-  fillRule: "evenodd"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m4.2218 4.2218c1.9526-1.9526 5.1184-1.9526 7.0711 0 0.5977 0.59776 1.0125 1.3092 1.2443 2.0648 0.1974 0.6437-0.4389 1.1502-1.0873 0.96899l-0.2172-0.06069c-0.3475-0.09709-0.6037-0.38008-0.7563-0.70702-0.1439-0.30836-0.3432-0.59728-0.59773-0.85184-1.1716-1.1716-3.0711-1.1716-4.2426 0-1.1716 1.1716-1.1716 3.0711 0 4.2426 0.2547 0.25469 0.54381 0.45399 0.85236 0.59799 0.32725 0.1527 0.61051 0.4091 0.70752 0.7569l0.06045 0.2168c0.18082 0.6483-0.32561 1.2843-0.96914 1.087-0.75578-0.2317-1.4675-0.6466-2.0654-1.2445-1.9526-1.9526-1.9526-5.1184 0-7.071z",
-  clipRule: "evenodd",
-  fill: "currentColor",
-  fillRule: "evenodd"
-}));
-export default ManualTriggerGlyph;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/manual-trigger-icon/index.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-export var ManualTriggerGlyph = function ManualTriggerGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    width: 24,
-    viewBox: "0 0 24 24"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m21.192 19.778-4.9498-4.9498c-0.3905-0.3905-1.0237-0.3905-1.4142 0-0.3905 0.3906-0.3905 1.0237 0 1.4143l4.9498 4.9497c0.3905 0.3905 1.0237 0.3905 1.4142 0s0.3905-1.0237 0-1.4142z",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m8.7738 8.1319 11.685 4.305c0.2591 0.0955 0.3917 0.3829 0.2963 0.6421-0.025 0.0679-0.0645 0.1295-0.1156 0.1807l-7.3802 7.3801c-0.1952 0.1953-0.5118 0.1953-0.7071 0-0.0511-0.0512-0.0906-0.1128-0.1156-0.1807l-4.3051-11.685c-0.09546-0.25911 0.03721-0.54656 0.29632-0.64202 0.11157-0.0411 0.23414-0.0411 0.34571 0z",
-    clipRule: "evenodd",
-    fill: "currentColor",
-    fillRule: "evenodd"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m4.2218 4.2218c1.9526-1.9526 5.1184-1.9526 7.0711 0 0.5977 0.59776 1.0125 1.3092 1.2443 2.0648 0.1974 0.6437-0.4389 1.1502-1.0873 0.96899l-0.2172-0.06069c-0.3475-0.09709-0.6037-0.38008-0.7563-0.70702-0.1439-0.30836-0.3432-0.59728-0.59773-0.85184-1.1716-1.1716-3.0711-1.1716-4.2426 0-1.1716 1.1716-1.1716 3.0711 0 4.2426 0.2547 0.25469 0.54381 0.45399 0.85236 0.59799 0.32725 0.1527 0.61051 0.4091 0.70752 0.7569l0.06045 0.2168c0.18082 0.6483-0.32561 1.2843-0.96914 1.087-0.75578-0.2317-1.4675-0.6466-2.0654-1.2445-1.9526-1.9526-1.9526-5.1184 0-7.071z",
-    clipRule: "evenodd",
-    fill: "currentColor",
-    fillRule: "evenodd"
-  }));
-};
-export default ManualTriggerGlyph;

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/manual-trigger-icon/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const ManualTriggerGlyph: (props: any) => JSX.Element;
-export default ManualTriggerGlyph;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/manual-trigger-icon/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const ManualTriggerGlyph: (props: any) => JSX.Element;
-export default ManualTriggerGlyph;