@atlaskit/smart-card 36.5.0 → 36.7.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 36.7.0
+
+### Minor Changes
+
+- [#141340](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141340)
+  [`da3c94037c989`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/da3c94037c989) -
+  [ux] ADD ownedBy support for dragonfruit-object-provider smart-link resolver under
+  `expandable_smart_links_for_scorecards_v2` feature-gate
+
+## 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.7.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/BlockCard/views/utils/index.js

@@ -62,6 +62,24 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
         }] : defaultTopMetadata,
         bottomMetadata: defaultBottomMetadata
       };
+    case 'dragonfruit-object-provider':
+      if ((0, _platformFeatureFlags.fg)('expandable_smart_links_for_scorecards_v2')) {
+        return {
+          titleMetadata: defaultTitleMetadata,
+          topMetadata: (0, _utils.extractOwnedBy)(data) ? [{
+            name: _constants.ElementName.OwnedByGroup
+          }, {
+            name: _constants.ElementName.OwnedBy
+          }].concat(baseTopMetadata) : defaultTopMetadata,
+          bottomMetadata: defaultBottomMetadata
+        };
+      } else {
+        return {
+          titleMetadata: defaultTitleMetadata,
+          topMetadata: defaultTopMetadata,
+          bottomMetadata: defaultBottomMetadata
+        };
+      }
     case 'confluence-object-provider':
       return {
         titleMetadata: defaultTitleMetadata,

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.7.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",