@atlaskit/smart-card 26.60.0 → 26.61.0

package/dist/es2019/view/common/ai-icon/index.js

@@ -1,108 +1,113 @@
 import React from 'react';
 import SVG from '@atlaskit/icon/svg';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200, B400 } from '@atlaskit/theme/colors';
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
  */
-const AiIcon = props => /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg0",
-  x1: "21",
-  y1: "12",
-  x2: "17.5",
-  y2: "12",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  offset: "0.270833",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "1",
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg1",
-  x1: "12.5",
-  y1: "3",
-  x2: "12.5",
-  y2: "6.5",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  offset: "0.1875",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "1",
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg2",
-  x1: "6.82996",
-  y1: "12",
-  x2: "3.32996",
-  y2: "12",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "0.791667",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "ai_icon_lg3",
-  x1: "12.5",
-  y1: "17",
-  x2: "12.5",
-  y2: "21",
-  gradientUnits: "userSpaceOnUse"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: `var(--ds-text-accent-blue, ${B400})`,
-  color: `var(--ds-text-accent-blue, ${B400})`
-}), /*#__PURE__*/React.createElement("stop", {
-  offset: "0.802083",
-  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
-  color: `var(--ds-icon-accent-blue, ${B200})`
-}))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
-  fill: "url(#ai_icon_lg0)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
-  fill: "url(#ai_icon_lg1)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
-  fill: "url(#ai_icon_lg2)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
-  fill: "url(#ai_icon_lg3)"
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-}), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-  fill: `var(--ds-icon-accent-blue, ${B200})`
-})));
+const AiIcon = props => {
+  const iconColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`;
+  const textColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-text-accent-blue, ${B400})`;
+  return /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg0",
+    x1: "21",
+    y1: "12",
+    x2: "17.5",
+    y2: "12",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.270833",
+    stopColor: iconColor,
+    color: iconColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: textColor,
+    color: textColor
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg1",
+    x1: "12.5",
+    y1: "3",
+    x2: "12.5",
+    y2: "6.5",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0.1875",
+    stopColor: iconColor,
+    color: iconColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: textColor,
+    color: textColor
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg2",
+    x1: "6.82996",
+    y1: "12",
+    x2: "3.32996",
+    y2: "12",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: textColor,
+    color: textColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.791667",
+    stopColor: iconColor,
+    color: iconColor
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "ai_icon_lg3",
+    x1: "12.5",
+    y1: "17",
+    x2: "12.5",
+    y2: "21",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: textColor,
+    color: textColor
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "0.802083",
+    stopColor: iconColor,
+    color: iconColor
+  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
+    fill: "url(#ai_icon_lg0)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
+    fill: "url(#ai_icon_lg1)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
+    fill: "url(#ai_icon_lg2)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
+    fill: "url(#ai_icon_lg3)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
+    fill: iconColor
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
+    fill: iconColor
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
+    fill: iconColor
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
+    fill: iconColor
+  })));
+};
 export default AiIcon;

package/dist/es2019/view/common/ai-summary/index.js

@@ -13,6 +13,7 @@ const AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
+  wordBreak: 'break-word',
   whiteSpace: 'normal',
   WebkitUserSelect: 'text',
   MozUserSelect: 'text',

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import ProjectIcon from '@atlaskit/icon/glyph/people-group';
 import CommitIcon from '@atlaskit/icon-object/glyph/commit/16';
 import PullRequestIcon from '@atlaskit/icon-object/glyph/pull-request/16';
@@ -11,6 +12,7 @@ import { extractFileFormat } from './extractFileFormat';
 import { extractIconFromDocument } from './extractIconFromDocument';
 import { extractIconFromTask } from './extractIconFromTask';
 import { extractTaskType } from '../lozenge/extractTaskType';
+import { prioritiseIcon } from './prioritiseIcon';
 export var extractIcon = function extractIcon(jsonLd) {
   var priority = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'type';
   var type = jsonLd['@type'];
@@ -87,6 +89,22 @@ var extractIconByType = function extractIconByType(type, opts) {
     case 'atlassian:Task':
       return extractIconFromTask(opts);
     default:
-      return opts.provider && opts.provider.icon;
+      return getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? extractDefaultIcon(opts) : opts.provider && opts.provider.icon;
   }
+};
+
+/**
+ * Choose which icon to show when the type is not recognized.
+ */
+var extractDefaultIcon = function extractDefaultIcon(opts) {
+  var _opts$provider;
+  var provider = opts.provider;
+  var providerId = provider === null || provider === void 0 ? void 0 : provider.id;
+  return prioritiseIcon({
+    providerId: providerId,
+    fileFormatIcon: undefined,
+    documentTypeIcon: undefined,
+    urlIcon: opts.icon,
+    providerIcon: (_opts$provider = opts.provider) === null || _opts$provider === void 0 ? void 0 : _opts$provider.icon
+  });
 };

package/dist/esm/extractors/common/icon/index.js

@@ -1,4 +1,5 @@
 export { extractFileFormat } from './extractFileFormat';
+export { prioritiseIcon } from './prioritiseIcon';
 export { extractIcon } from './extractIcon';
 export { extractIconFromDocument } from './extractIconFromDocument';
 export { extractIconFromTask } from './extractIconFromTask';

package/dist/esm/extractors/embed/index.js

@@ -1,9 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { extractLink, extractTitle, extractProvider, extractPreview } from '@atlaskit/link-extractors';
+import { extractLink, extractTitle, extractProvider, extractProviderIcon, extractPreview, extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
+import { prioritiseIcon } from '../common/icon';
 var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeUrlType) {
   var preview = extractPreview(jsonLd, platform, iframeUrlType);
   if (preview && preview.src) {
@@ -12,11 +14,34 @@ var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeU
     });
   }
 };
+function generateContext(jsonLd) {
+  var provider = extractProvider(jsonLd);
+  if (!provider) {
+    return undefined;
+  }
+
+  // If no icon is supplied, return existing context
+  if (!jsonLd.icon) {
+    return provider;
+  }
+  var generator = jsonLd.generator;
+  var icon = prioritiseIcon({
+    providerId: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' ? generator['@id'] : undefined,
+    fileFormatIcon: undefined,
+    documentTypeIcon: undefined,
+    urlIcon: extractUrlFromIconJsonLd(jsonLd.icon),
+    // We still attempt to follow the icon priority function even if no generator (and therefore provider icon) is defined
+    providerIcon: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' && extractProviderIcon(generator.icon)
+  });
+  return _objectSpread(_objectSpread({}, provider), {}, {
+    icon: icon ? icon : provider.icon
+  });
+}
 export var extractEmbedProps = function extractEmbedProps(jsonLd, meta, platform, iframeUrlType) {
   return {
     link: extractLink(jsonLd) || '',
     title: extractTitle(jsonLd),
-    context: extractProvider(jsonLd),
+    context: getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? generateContext(jsonLd) : extractProvider(jsonLd),
     preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
     isTrusted: extractIsTrusted(meta),
     isSupportTheming: extractIsSupportTheming(meta)

package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -9,7 +9,7 @@ import { extractTaskType } from '../../common/lozenge';
 import { extractTitle } from '@atlaskit/link-extractors';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
 import { IconType } from '../../../constants';
-import { prioritiseIcon } from '../../common/icon/prioritiseIcon';
+import { prioritiseIcon } from '../../common/icon';
 var extractTask = function extractTask(data, label) {
   var _ref = extractTaskType(data) || {},
     id = _ref.id,
@@ -123,7 +123,37 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
         label: label || 'Repository'
       };
     default:
-      return providerIcon;
+      return getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? extractDefaultIcon({
+        data: data,
+        type: type,
+        label: label,
+        provider: provider,
+        urlIcon: urlIcon,
+        providerIcon: providerIcon
+      }) : providerIcon;
   }
 };
-export default extractJsonldDataIcon;
+export default extractJsonldDataIcon;
+
+/**
+ * Choose which icon to show when the type is not recognized.
+ */
+var extractDefaultIcon = function extractDefaultIcon(_ref2) {
+  var data = _ref2.data,
+    type = _ref2.type,
+    label = _ref2.label,
+    provider = _ref2.provider,
+    urlIcon = _ref2.urlIcon,
+    providerIcon = _ref2.providerIcon;
+  var documentData = data;
+  var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
+  var fileFormatIcon = extractFileFormatIcon(fileFormat);
+  var documentTypeIcon = extractDocumentTypeIcon(type, label);
+  return prioritiseIcon({
+    providerId: provider,
+    fileFormatIcon: fileFormatIcon,
+    documentTypeIcon: documentTypeIcon,
+    urlIcon: urlIcon,
+    providerIcon: providerIcon
+  });
+};

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: "26.60.0"
+  packageVersion: "26.61.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -20,9 +20,6 @@ var getIconStyles = function getIconStyles(isDisabled) {
   });
 };
 var backgroundStyles = css({
-  backgroundColor: "var(--ds-background-brand-subtlest, #E9F2FF)",
-  borderRadius: "var(--ds-border-radius-050, 2px)",
-  color: "var(--ds-icon-brand, #0C66E4)",
   display: 'inline-block',
   lineHeight: 0,
   padding: "var(--ds-space-025, 2px)",

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

@@ -12,7 +12,7 @@ var GoalGlyph = function GoalGlyph(props) {
     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: "#0C66E4"
+    fill: "var(--ds-icon, #44546F)"
   }));
 };
 export var GoalIcon = function GoalIcon(props) {

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

@@ -12,7 +12,7 @@ var ProjectsGlyph = function ProjectsGlyph(props) {
     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: "#0C66E4"
+    fill: "var(--ds-icon, #44546F)"
   }));
 };
 export var ProjectsIcon = function ProjectsIcon(props) {

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: "26.60.0",
+  packageVersion: "26.61.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/common/ai-icon/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import SVG from '@atlaskit/icon/svg';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B200, B400 } from '@atlaskit/theme/colors';
 /**
  * The bulk of this file is originally from
@@ -7,6 +8,8 @@ import { B200, B400 } from '@atlaskit/theme/colors';
  * with modifications
  */
 var AiIcon = function AiIcon(props) {
+  var iconColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(B200, ")");
+  var textColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-text-accent-blue, ".concat(B400, ")");
   return /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg0",
     x1: "21",
@@ -16,12 +19,12 @@ var AiIcon = function AiIcon(props) {
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     offset: "0.270833",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg1",
     x1: "12.5",
@@ -31,12 +34,12 @@ var AiIcon = function AiIcon(props) {
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     offset: "0.1875",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg2",
     x1: "6.82996",
@@ -45,12 +48,12 @@ var AiIcon = function AiIcon(props) {
     y2: "12",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.791667",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "ai_icon_lg3",
     x1: "12.5",
@@ -59,12 +62,12 @@ var AiIcon = function AiIcon(props) {
     y2: "21",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "var(--ds-text-accent-blue, ".concat(B400, ")"),
-    color: "var(--ds-text-accent-blue, ".concat(B400, ")")
+    stopColor: textColor,
+    color: textColor
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.802083",
-    stopColor: "var(--ds-icon-accent-blue, ".concat(B200, ")"),
-    color: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    stopColor: iconColor,
+    color: iconColor
   }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -89,22 +92,22 @@ var AiIcon = function AiIcon(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-    fill: "var(--ds-icon-accent-blue, ".concat(B200, ")")
+    fill: iconColor
   })));
 };
 export default AiIcon;

package/dist/esm/view/common/ai-summary/index.js

@@ -15,6 +15,7 @@ var AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
+  wordBreak: 'break-word',
   whiteSpace: 'normal',
   WebkitUserSelect: 'text',
   MozUserSelect: 'text',

package/dist/types/extractors/common/icon/index.d.ts

@@ -1,4 +1,5 @@
 export { extractFileFormat } from './extractFileFormat';
+export { prioritiseIcon } from './prioritiseIcon';
 export { extractIcon } from './extractIcon';
 export { extractIconFromDocument } from './extractIconFromDocument';
 export { extractIconFromTask } from './extractIconFromTask';

package/dist/types/extractors/embed/index.d.ts

@@ -1,4 +1,4 @@
-import { JsonLd } from 'json-ld-types';
-import { CardPlatform, EmbedIframeUrlType } from '../../view/Card/types';
-import { EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
+import { type JsonLd } from 'json-ld-types';
+import { type CardPlatform, type EmbedIframeUrlType } from '../../view/Card/types';
+import { type EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
 export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import React from 'react';
-import { ActionIconProps } from './types';
+import { type ActionIconProps } from './types';
 declare const ActionIcon: React.FC<ActionIconProps>;
 export default ActionIcon;

package/dist/types/view/FlexibleCard/components/actions/follow-action/goal-icon/index.d.ts

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

package/dist/types/view/FlexibleCard/components/actions/follow-action/projects-icon/index.d.ts

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

package/dist/types/view/common/ai-summary/index.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { type MarkdownToJSX } from 'markdown-to-jsx';
-import { SerializedStyles } from '@emotion/react';
+import { type SerializedStyles } from '@emotion/react';
 type AISummaryProps = {
     content?: string;
     showIcon?: boolean;

package/dist/types-ts4.5/extractors/common/icon/index.d.ts

@@ -1,4 +1,5 @@
 export { extractFileFormat } from './extractFileFormat';
+export { prioritiseIcon } from './prioritiseIcon';
 export { extractIcon } from './extractIcon';
 export { extractIconFromDocument } from './extractIconFromDocument';
 export { extractIconFromTask } from './extractIconFromTask';

package/dist/types-ts4.5/extractors/embed/index.d.ts

@@ -1,4 +1,4 @@
-import { JsonLd } from 'json-ld-types';
-import { CardPlatform, EmbedIframeUrlType } from '../../view/Card/types';
-import { EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
+import { type JsonLd } from 'json-ld-types';
+import { type CardPlatform, type EmbedIframeUrlType } from '../../view/Card/types';
+import { type EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
 export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import React from 'react';
-import { ActionIconProps } from './types';
+import { type ActionIconProps } from './types';
 declare const ActionIcon: React.FC<ActionIconProps>;
 export default ActionIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/follow-action/goal-icon/index.d.ts

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