@atlaskit/smart-card 36.5.0 → 36.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 36.6.0
+
+### Minor Changes
+
+- [#140127](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/140127)
+  [`e9f7366cbb98c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e9f7366cbb98c) -
+  [ux] EDM-11840 adding dark mode icon for no results
+- [#140782](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/140782)
+  [`eb84538374919`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb84538374919) -
+  Export flexible card metadata elements and add removeBlockRestriction prop to remove TitleBlock
+  and flexible card block restriction (behind feature gate)
+
 ## 36.5.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -9,6 +9,30 @@ Object.defineProperty(exports, "ActionName", {
     return _constants.ActionName;
   }
 });
+Object.defineProperty(exports, "AssignedToElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.AssignedToElement;
+  }
+});
+Object.defineProperty(exports, "AssignedToGroupElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.AssignedToGroupElement;
+  }
+});
+Object.defineProperty(exports, "AttachmentCountElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.AttachmentCountElement;
+  }
+});
+Object.defineProperty(exports, "AuthorGroupElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.AuthorGroupElement;
+  }
+});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
@@ -21,12 +45,48 @@ Object.defineProperty(exports, "CardAction", {
     return _types.CardAction;
   }
 });
+Object.defineProperty(exports, "ChecklistProgressElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ChecklistProgressElement;
+  }
+});
+Object.defineProperty(exports, "CollaboratorGroupElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.CollaboratorGroupElement;
+  }
+});
+Object.defineProperty(exports, "CommentCountElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.CommentCountElement;
+  }
+});
+Object.defineProperty(exports, "CreatedByElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.CreatedByElement;
+  }
+});
+Object.defineProperty(exports, "CreatedOnElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.CreatedOnElement;
+  }
+});
 Object.defineProperty(exports, "CustomBlock", {
   enumerable: true,
   get: function get() {
     return _blocks.CustomBlock;
   }
 });
+Object.defineProperty(exports, "DueOnElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.DueOnElement;
+  }
+});
 Object.defineProperty(exports, "EditorCardProvider", {
   enumerable: true,
   get: function get() {
@@ -57,6 +117,24 @@ Object.defineProperty(exports, "FooterBlock", {
     return _blocks.FooterBlock;
   }
 });
+Object.defineProperty(exports, "LatestCommitElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.LatestCommitElement;
+  }
+});
+Object.defineProperty(exports, "LinkIconElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.LinkIconElement;
+  }
+});
+Object.defineProperty(exports, "LocationElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.LocationElement;
+  }
+});
 Object.defineProperty(exports, "MediaPlacement", {
   enumerable: true,
   get: function get() {
@@ -69,12 +147,78 @@ Object.defineProperty(exports, "MetadataBlock", {
     return _blocks.MetadataBlock;
   }
 });
+Object.defineProperty(exports, "ModifiedByElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ModifiedByElement;
+  }
+});
+Object.defineProperty(exports, "ModifiedOnElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ModifiedOnElement;
+  }
+});
+Object.defineProperty(exports, "OwnedByElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.OwnedByElement;
+  }
+});
+Object.defineProperty(exports, "OwnedByGroupElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.OwnedByGroupElement;
+  }
+});
 Object.defineProperty(exports, "PreviewBlock", {
   enumerable: true,
   get: function get() {
     return _blocks.PreviewBlock;
   }
 });
+Object.defineProperty(exports, "PreviewElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.PreviewElement;
+  }
+});
+Object.defineProperty(exports, "PriorityElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.PriorityElement;
+  }
+});
+Object.defineProperty(exports, "ProgrammingLanguageElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ProgrammingLanguageElement;
+  }
+});
+Object.defineProperty(exports, "ProviderElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ProviderElement;
+  }
+});
+Object.defineProperty(exports, "ReactCountElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ReactCountElement;
+  }
+});
+Object.defineProperty(exports, "ReadTimeElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ReadTimeElement;
+  }
+});
+Object.defineProperty(exports, "SentOnElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.SentOnElement;
+  }
+});
 Object.defineProperty(exports, "SmartLinkDirection", {
   enumerable: true,
   get: function get() {
@@ -111,12 +255,72 @@ Object.defineProperty(exports, "SnippetBlock", {
     return _blocks.SnippetBlock;
   }
 });
+Object.defineProperty(exports, "SnippetElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.SnippetElement;
+  }
+});
+Object.defineProperty(exports, "SourceBranchElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.SourceBranchElement;
+  }
+});
+Object.defineProperty(exports, "StateElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.StateElement;
+  }
+});
+Object.defineProperty(exports, "StoryPointsElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.StoryPointsElement;
+  }
+});
+Object.defineProperty(exports, "SubTasksProgressElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.SubTasksProgressElement;
+  }
+});
+Object.defineProperty(exports, "SubscriberCountElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.SubscriberCountElement;
+  }
+});
+Object.defineProperty(exports, "TargetBranchElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.TargetBranchElement;
+  }
+});
 Object.defineProperty(exports, "TitleBlock", {
   enumerable: true,
   get: function get() {
     return _blocks.TitleBlock;
   }
 });
+Object.defineProperty(exports, "TitleElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.TitleElement;
+  }
+});
+Object.defineProperty(exports, "ViewCountElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.ViewCountElement;
+  }
+});
+Object.defineProperty(exports, "VoteCountElement", {
+  enumerable: true,
+  get: function get() {
+    return _external.VoteCountElement;
+  }
+});
 Object.defineProperty(exports, "blockCardContentClassName", {
   enumerable: true,
   get: function get() {
@@ -230,4 +434,5 @@ var _classNames = require("./classNames");
 var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
 var _constants = require("./constants");
 var _blocks = require("./view/FlexibleCard/components/blocks");
+var _external = require("./view/FlexibleCard/external");
 var _linkProvider = require("@atlaskit/link-provider");

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

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

package/dist/cjs/utils/flexible.js

@@ -7,12 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isStyleCacheProvider = exports.isFlexibleUiTitleBlock = exports.isFlexibleUiPreviewBlock = exports.isFlexibleUiFooterBlock = exports.isFlexibleUiElement = exports.isFlexibleUiCard = exports.isFlexibleUiBlock = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blocks = _interopRequireWildcard(require("../view/FlexibleCard/components/blocks"));
 var Blocks = _blocks;
 var Elements = _interopRequireWildcard(require("../view/FlexibleCard/components/elements"));
 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; }
-var isFlexibleUiCard = exports.isFlexibleUiCard = function isFlexibleUiCard(children) {
+var isFlexibleUiCard = exports.isFlexibleUiCard = function isFlexibleUiCard(children, ui) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
+    if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
+      var _React$Children$toArr;
+      return children && ((_React$Children$toArr = _react.default.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
+    }
+  }
   if (children && _react.default.Children.toArray(children).some(function (child) {
     return _isFlexibleUiTitleBlock(child);
   })) {

package/dist/cjs/view/CardWithUrl/component.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _state = require("../../state");
@@ -67,8 +68,8 @@ function Component(_ref) {
   var resourceType = (0, _helpers.getResourceType)(state.details);
   var services = (0, _helpers.getServices)(state.details);
   var isFlexibleUi = (0, _react.useMemo)(function () {
-    return (0, _flexible.isFlexibleUiCard)(children);
-  }, [children]);
+    return (0, _flexible.isFlexibleUiCard)(children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? ui : undefined);
+  }, [children, ui]);
   var actionOptions = (0, _combineActionOptions.combineActionOptions)({
     actionOptions: actionOptionsProp,
     platform: platform
@@ -272,7 +273,7 @@ function Component(_ref) {
   }
 }
 var CardWithUrlContent = exports.CardWithUrlContent = function CardWithUrlContent(props) {
-  var display = (0, _flexible.isFlexibleUiCard)(props.children) ? _constants.CardDisplay.Flexible : props.appearance;
+  var display = (0, _flexible.isFlexibleUiCard)(props.children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? props === null || props === void 0 ? void 0 : props.ui : undefined) ? _constants.CardDisplay.Flexible : props.appearance;
   return /*#__PURE__*/_react.default.createElement(_modal.SmartLinkModalProvider, null, /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,

package/dist/cjs/view/CardWithUrl/loader.js

@@ -13,6 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactMagneticDi = require("react-magnetic-di");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _analytics = require("../../state/analytics");
 var _utils = require("../../utils");
@@ -71,7 +72,7 @@ function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
     resolvingPlaceholder = props.resolvingPlaceholder,
     truncateInline = props.truncateInline;
-  var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
+  var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness') ? ui : undefined);
   var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
     display: isFlexibleUi ? 'flexible' : appearance,
     id: id,

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -48,7 +48,7 @@ var getChildrenOptions = exports.getChildrenOptions = function getChildrenOption
   }
   return options;
 };
-var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick) {
+var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick, removeBlockRestriction) {
   return _react.default.Children.map(children, function (child) {
     if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child)) {
       if ((0, _flexible.isFlexibleUiTitleBlock)(child)) {
@@ -85,6 +85,11 @@ var renderChildren = function renderChildren(children, containerSize, containerT
         status: status
       });
     }
+    if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-openness')) {
+      if (removeBlockRestriction) {
+        return child;
+      }
+    }
   });
 };
 var updateChildrenBlock = function updateChildrenBlock(node, size, status) {
@@ -309,6 +314,8 @@ var Container = function Container(_ref5) {
     showHoverPreview = _ref5$showHoverPrevie === void 0 ? false : _ref5$showHoverPrevie,
     hoverPreviewOptions = _ref5.hoverPreviewOptions,
     actionOptions = _ref5.actionOptions,
+    _ref5$removeBlockRest = _ref5.removeBlockRestriction,
+    removeBlockRestriction = _ref5$removeBlockRest === void 0 ? false : _ref5$removeBlockRest,
     _ref5$size = _ref5.size,
     size = _ref5$size === void 0 ? _constants.SmartLinkSize.Medium : _ref5$size,
     status = _ref5.status,
@@ -337,7 +344,7 @@ var Container = function Container(_ref5) {
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
       "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick)) : /*#__PURE__*/_react.default.createElement("div", {
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction)) : /*#__PURE__*/_react.default.createElement("div", {
     "data-smart-link-container": true,
     "data-testid": testId,
     className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMapOld[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMapOld[size], previewOnRight && previewOnRightStyleMapOld[size], !hideElevation && "_19itn8v0 _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
@@ -347,7 +354,7 @@ var Container = function Container(_ref5) {
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
       "--_vzvmm2": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")))
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
     return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
       isHoverPreview: canShowHoverPreview,

package/dist/cjs/view/FlexibleCard/external.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoteCountElement = exports.ViewCountElement = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.DueOnElement = exports.CreatedOnElement = exports.CreatedByElement = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _elements = require("./components/elements");
+/**
+ * This file contains export components and API for FlexibleCard components.
+ * For internal usage for access to all available props, please use following
+ * - ./components/elements for metadata component
+ * - ./components/actions for action component
+ *
+ * DO NOT add a new prop to these components until we are ready to support it externally.
+ */
+
+// ---- EXPORTED METADATA COMPONENT ---- //
+var AssignedToElement = exports.AssignedToElement = function AssignedToElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.AssignedTo, null);
+};
+var AssignedToGroupElement = exports.AssignedToGroupElement = function AssignedToGroupElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.AssignedToGroup, null);
+};
+var AttachmentCountElement = exports.AttachmentCountElement = function AttachmentCountElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.AttachmentCount, null);
+};
+var AuthorGroupElement = exports.AuthorGroupElement = function AuthorGroupElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.AuthorGroup, null);
+};
+var ChecklistProgressElement = exports.ChecklistProgressElement = function ChecklistProgressElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ChecklistProgress, null);
+};
+var CollaboratorGroupElement = exports.CollaboratorGroupElement = function CollaboratorGroupElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.CollaboratorGroup, null);
+};
+var CommentCountElement = exports.CommentCountElement = function CommentCountElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, null);
+};
+var CreatedOnElement = exports.CreatedOnElement = function CreatedOnElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.CreatedOn, null);
+};
+var CreatedByElement = exports.CreatedByElement = function CreatedByElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.CreatedBy, null);
+};
+var DueOnElement = exports.DueOnElement = function DueOnElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.DueOn, null);
+};
+var LatestCommitElement = exports.LatestCommitElement = function LatestCommitElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.LatestCommit, null);
+};
+var LinkIconElement = exports.LinkIconElement = function LinkIconElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null);
+};
+var LocationElement = exports.LocationElement = function LocationElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.Location, null);
+};
+var ModifiedByElement = exports.ModifiedByElement = function ModifiedByElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ModifiedBy, null);
+};
+var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
+};
+var OwnedByElement = exports.OwnedByElement = function OwnedByElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
+};
+var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, null);
+};
+var PreviewElement = exports.PreviewElement = function PreviewElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.Preview, null);
+};
+var PriorityElement = exports.PriorityElement = function PriorityElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.Priority, null);
+};
+var ProgrammingLanguageElement = exports.ProgrammingLanguageElement = function ProgrammingLanguageElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ProgrammingLanguage, null);
+};
+var ProviderElement = exports.ProviderElement = function ProviderElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.Provider, null);
+};
+var ReactCountElement = exports.ReactCountElement = function ReactCountElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, null);
+};
+var ReadTimeElement = exports.ReadTimeElement = function ReadTimeElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ReadTime, null);
+};
+var SentOnElement = exports.SentOnElement = function SentOnElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.SentOn, null);
+};
+var SnippetElement = exports.SnippetElement = function SnippetElement(props) {
+  return /*#__PURE__*/_react.default.createElement(_elements.Snippet, {
+    maxLines: props.maxLines,
+    content: props.text
+  });
+};
+var SourceBranchElement = exports.SourceBranchElement = function SourceBranchElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.SourceBranch, null);
+};
+var StateElement = exports.StateElement = function StateElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.State, null);
+};
+var StoryPointsElement = exports.StoryPointsElement = function StoryPointsElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.StoryPoints, null);
+};
+var SubscriberCountElement = exports.SubscriberCountElement = function SubscriberCountElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.SubscriberCount, null);
+};
+var SubTasksProgressElement = exports.SubTasksProgressElement = function SubTasksProgressElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.SubTasksProgress, null);
+};
+var TargetBranchElement = exports.TargetBranchElement = function TargetBranchElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.TargetBranch, null);
+};
+var TitleElement = exports.TitleElement = function TitleElement(props) {
+  return /*#__PURE__*/_react.default.createElement(_elements.Title, (0, _extends2.default)({
+    hideTooltip: props === null || props === void 0 ? void 0 : props.hideTooltip,
+    maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+    target: props === null || props === void 0 ? void 0 : props.target
+  }, props !== null && props !== void 0 && props.text ? {
+    text: props === null || props === void 0 ? void 0 : props.text
+  } : undefined));
+};
+var ViewCountElement = exports.ViewCountElement = function ViewCountElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.ViewCount, null);
+};
+var VoteCountElement = exports.VoteCountElement = function VoteCountElement() {
+  return /*#__PURE__*/_react.default.createElement(_elements.VoteCount, null);
+};

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

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

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.compiled.css

@@ -1,10 +1,9 @@
 
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulputpp{gap:var(--ds-space-150,9pt)}
-._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
-._195gmgjw{margin-inline:var(--ds-space-negative-200,-1pc)}
-._1kl71vrj{border-left:2px solid transparent}
-._1kl7nmxp{border-left:var(--_nu2mv8)}
+._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
+._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}
+._16qsd1ld{box-shadow:var(--_g94mg3)}
 ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
@@ -14,7 +13,4 @@
 ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
 ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
 ._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
-._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
-._1ohyglyw:active{outline-style:none}
-._1q5t1r31:active{outline-color:currentColor}
-._1r9x1o36:active{outline-width:medium}
+._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.js

@@ -39,9 +39,9 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": testId,
     onFocus: onFocus,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_195gmgjw _18zrpxbi _1kl71vrj", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? "_irr3166n _1di61dty" : "_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g", isSelected && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_1kl7nmxp _bfhkfg4m _irr3i1yw _1q5t1r31 _1ohyglyw _1r9x1o36 _1di619ru"]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_195g10v4 _18zr1ejb", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? "_irr3166n _1di61dty" : "_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g", isSelected && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && "_bfhkfg4m _16qsd1ld _irr3i1yw _1di619ru"]),
     style: {
-      "--_nu2mv8": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-selected, #0C66E4)"))
+      "--_g94mg3": (0, _runtime.ix)("inset 2px 0 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))
     }
   }, /*#__PURE__*/React.createElement(_index.Card, {
     appearance: "block",

package/dist/cjs/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.js

@@ -11,13 +11,46 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _tokens = require("@atlaskit/tokens");
 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; }
 var SIZE = 100;
 var genericErrorStyles = null;
 var id = 'related-links-unavailable-svg';
 var SpotSearchNoResult = exports.SpotSearchNoResult = function SpotSearchNoResult(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return colorMode === 'dark' ? /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
+    "data-testid": id,
+    viewBox: "0 0 275 275",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    className: (0, _runtime.ax)(["_1bsbwdok _4t3iwdok _1e0c1ule"]),
+    style: {
+      "--_cjikvn": (0, _runtime.ix)("".concat(SIZE, "px"))
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M123.44 191.28C108.24 191.28 93.7 185.56 81.19 174.27C77.54 170.97 74.05 167.18 70.82 163.01C67.55 158.78 64.72 154.39 62.43 149.97C49.09 124.3 53.13 96.9499 73.52 74.9399C76.97 71.2199 80.85 67.6799 85.05 64.4299C89.1 61.2999 93.32 58.5299 97.59 56.2099C123.97 41.8999 151.49 44.8899 173.08 64.3999C176.77 67.7399 180.3 71.5699 183.58 75.7999C186.81 79.9699 189.6 84.2999 191.88 88.6599C205.36 114.45 201.32 141.84 180.8 163.8C177.49 167.35 173.75 170.74 169.69 173.87C165.48 177.12 161.08 179.99 156.62 182.39C145.57 188.33 134.33 191.27 123.44 191.27V191.28ZM130.69 60.9799C122.04 60.9799 113.08 63.3899 104.12 68.2599C100.5 70.2299 96.9 72.5899 93.42 75.2699C89.81 78.0599 86.49 81.0799 83.56 84.2499C67.1 102.02 63.91 123.11 74.58 143.65C76.5 147.34 78.88 151.04 81.66 154.62C84.39 158.15 87.32 161.34 90.38 164.1C107.54 179.6 128.76 181.81 150.14 170.33C153.94 168.29 157.7 165.84 161.31 163.04C164.79 160.35 167.97 157.46 170.79 154.45C187.34 136.74 190.51 115.63 179.74 95.0099C177.84 91.3699 175.48 87.7199 172.75 84.1899C169.97 80.5999 167 77.3599 163.91 74.5699C153.91 65.5399 142.59 60.9799 130.71 60.9799H130.69Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M179.96 171C176.42 166.07 172.62 166.1 168.91 168.97C165.43 171.66 164.5 175.3 168.21 180.09L172.45 185.57L184.2 176.48L179.96 171Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M187.155 174.199L169.513 187.839L202.665 230.717L220.307 217.077L187.155 174.199Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M184.32 176.391L172.35 185.646L183.593 200.186L195.562 190.932L184.32 176.391Z",
+    fill: "#7E8188"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M133.191 135.999H123.188V135.365C122.847 128.249 126.886 120.545 132.628 117.392L132.735 117.335C132.891 117.254 133.041 117.16 133.187 117.063C136.32 115.043 138.103 111.565 137.993 107.733C137.884 103.937 135.925 100.598 132.753 98.8051C130.749 97.6711 128.515 97.0723 126.29 97.0723C119.516 97.0723 114.005 102.622 114.005 109.443H104C104 97.0689 113.999 87 126.289 87C130.227 87 134.156 88.0454 137.652 90.0226C143.914 93.5645 147.78 100.077 147.991 107.443C148.204 114.843 144.699 121.603 138.619 125.524C138.21 125.793 137.793 126.041 137.38 126.258C134.995 127.598 132.999 131.723 133.183 134.947L133.191 136V135.999Z",
+    fill: "#4B4D51"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M127.222 141.775C127.726 141.691 128.277 141.64 128.84 141.64C129.318 141.64 129.859 141.668 130.429 141.765C133.69 142.3 136.342 144.587 136.986 148.149L136.991 148.175L136.996 148.203C137.078 148.699 137.13 149.24 137.13 149.81C137.13 150.377 137.079 150.924 136.992 151.43L136.99 151.44C136.36 155.039 133.666 157.318 130.418 157.847C129.857 157.94 129.334 157.97 128.84 157.97C128.267 157.97 127.732 157.918 127.243 157.839L127.241 157.839C123.977 157.31 121.312 155.027 120.665 151.466L120.659 151.437L120.654 151.408C120.573 150.919 120.52 150.387 120.52 149.81C120.52 149.24 120.572 148.699 120.654 148.203L120.659 148.174L120.665 148.145C121.315 144.567 123.99 142.316 127.219 141.775L127.222 141.775Z",
+    fill: "#4B4D51"
+  })) : /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
     "data-testid": id,
     viewBox: "0 0 275 275",
     fill: "none",

package/dist/es2019/index.js

@@ -14,5 +14,6 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
 // Flexible UI
 export { ActionName, ElementName, MediaPlacement, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
 export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, CustomBlock } from './view/FlexibleCard/components/blocks';
+export { AssignedToElement, AssignedToGroupElement, AttachmentCountElement, AuthorGroupElement, ChecklistProgressElement, CollaboratorGroupElement, CommentCountElement, CreatedOnElement, CreatedByElement, DueOnElement, LatestCommitElement, LinkIconElement, LocationElement, ModifiedByElement, ModifiedOnElement, OwnedByElement, OwnedByGroupElement, PreviewElement, PriorityElement, ProgrammingLanguageElement, ProviderElement, ReactCountElement, ReadTimeElement, SentOnElement, SnippetElement, SourceBranchElement, StateElement, StoryPointsElement, SubscriberCountElement, SubTasksProgressElement, TargetBranchElement, TitleElement, ViewCountElement, VoteCountElement } from './view/FlexibleCard/external';
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
 export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';

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

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