@atlaskit/smart-card 27.6.5 → 27.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 27.7.0
+
+### Minor Changes
+
+- [#113897](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113897)
+  [`8314fc2cfc713`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8314fc2cfc713) -
+  [ux] EDM-9697 Use new icon order for all smartlink object types
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.6.5
 
 ### Patch Changes

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

@@ -13,6 +13,7 @@ var _2 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/pull-reques
 var _3 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/branch/16"));
 var _4 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/code/16"));
 var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/task/16"));
+var _utils = require("../../../utils");
 var _priority = require("./priority");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _extractFileFormat = require("./extractFileFormat");
@@ -40,6 +41,56 @@ var extractIcon = exports.extractIcon = function extractIcon(jsonLd) {
     return extractIconByType(type, opts);
   }
 };
+function typeToIcon(type, opts) {
+  switch (type) {
+    case 'atlassian:SourceCodeCommit':
+      return /*#__PURE__*/_react.default.createElement(_.default, {
+        label: opts.title || 'commit',
+        testId: "commit-icon"
+      });
+    case 'atlassian:Project':
+      return /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
+        label: opts.title || 'project',
+        size: "small",
+        testId: "project-icon"
+      });
+    case 'atlassian:SourceCodePullRequest':
+      return /*#__PURE__*/_react.default.createElement(_2.default, {
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
+      });
+    case 'atlassian:SourceCodeReference':
+      return /*#__PURE__*/_react.default.createElement(_3.default, {
+        label: opts.title || 'reference',
+        testId: "branch-icon"
+      });
+    case 'atlassian:SourceCodeRepository':
+      return /*#__PURE__*/_react.default.createElement(_4.default, {
+        label: opts.title || 'repository',
+        testId: "repo-icon"
+      });
+    case 'atlassian:Goal':
+      return /*#__PURE__*/_react.default.createElement(_5.default, {
+        label: opts.title || 'goal',
+        testId: "task-icon"
+      });
+    case 'atlassian:Task':
+      return (0, _extractIconFromTask.extractIconFromTask)(opts);
+    default:
+      return undefined;
+  }
+}
+function standardisedExtractIcon(type, opts) {
+  var iconFromType = typeToIcon(type, opts);
+  var iconFromFileFormat = opts.fileFormat ? (0, _utils.getIconForFileType)(opts.fileFormat) : undefined;
+  var iconFromProvider = opts.provider && opts.provider.icon;
+  return (0, _prioritiseIcon.prioritiseIcon)({
+    fileFormatIcon: iconFromFileFormat,
+    documentTypeIcon: iconFromType,
+    urlIcon: opts.icon,
+    providerIcon: iconFromProvider
+  });
+}
 
 /**
  * Extracts an icon based on the given type.
@@ -52,6 +103,21 @@ var extractIcon = exports.extractIcon = function extractIcon(jsonLd) {
  * @returns The extracted icon as a React node, or `undefined` if no icon is found.
  */
 var extractIconByType = function extractIconByType(type, opts) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
+    switch (type) {
+      case 'Document':
+      case 'schema:BlogPosting':
+      case 'schema:DigitalDocument':
+      case 'schema:TextDigitalDocument':
+      case 'schema:PresentationDigitalDocument':
+      case 'schema:SpreadsheetDigitalDocument':
+      case 'atlassian:Template':
+      case 'atlassian:UndefinedLink':
+        return (0, _extractIconFromDocument.extractIconFromDocument)(type, opts);
+      default:
+        return standardisedExtractIcon(type, opts);
+    }
+  }
   switch (type) {
     case 'Document':
     case 'schema:BlogPosting':
@@ -96,22 +162,6 @@ var extractIconByType = function extractIconByType(type, opts) {
     case 'atlassian:Task':
       return (0, _extractIconFromTask.extractIconFromTask)(opts);
     default:
-      return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? extractDefaultIcon(opts) : opts.provider && opts.provider.icon;
+      return 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 (0, _prioritiseIcon.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/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -23,14 +23,11 @@ var _prioritiseIcon = require("./prioritiseIcon");
  * @returns The React node representing the extracted icon, or `undefined` if no icon is found.
  */
 var extractIconFromDocument = exports.extractIconFromDocument = function extractIconFromDocument(type, opts) {
-  var provider = opts.provider;
   var iconFromType = documentTypeToIcon(type, opts);
   var iconFromFileFormat = documentFileFormatToIcon(opts);
   var iconFromProvider = opts.provider && opts.provider.icon;
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
-    var providerId = provider === null || provider === void 0 ? void 0 : provider.id;
     return (0, _prioritiseIcon.prioritiseIcon)({
-      providerId: providerId,
       fileFormatIcon: iconFromFileFormat,
       documentTypeIcon: iconFromType,
       urlIcon: opts.icon,

package/dist/cjs/extractors/common/icon/prioritiseIcon.js

@@ -4,17 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.prioritiseIcon = prioritiseIcon;
-var _constants = require("../../constants");
-var isConfluenceProvider = function isConfluenceProvider(provider) {
-  return provider === _constants.CONFLUENCE_GENERATOR_ID;
-};
-var isJiraProvider = function isJiraProvider(provider) {
-  return provider === _constants.JIRA_GENERATOR_ID;
-};
-var isNativeProvider = function isNativeProvider(provider) {
-  return isConfluenceProvider(provider) || isJiraProvider(provider);
-};
-
 /**
  * Represents an icon. Should either contain a label and url, or a an icon type and label.
  */
@@ -28,13 +17,9 @@ var isNativeProvider = function isNativeProvider(provider) {
  * Generic so it can be used to prioritise strings, or React components depending on the usage.
  */
 function prioritiseIcon(_ref) {
-  var providerId = _ref.providerId,
-    fileFormatIcon = _ref.fileFormatIcon,
+  var fileFormatIcon = _ref.fileFormatIcon,
     documentTypeIcon = _ref.documentTypeIcon,
     urlIcon = _ref.urlIcon,
     providerIcon = _ref.providerIcon;
-  if (isNativeProvider(providerId)) {
-    return fileFormatIcon || documentTypeIcon || urlIcon || providerIcon;
-  }
   return urlIcon || fileFormatIcon || documentTypeIcon || providerIcon;
 }

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

@@ -33,7 +33,6 @@ function generateContext(jsonLd) {
   }
   var generator = jsonLd.generator;
   var icon = (0, _icon.prioritiseIcon)({
-    providerId: generator && typeof generator !== 'string' && generator['@type'] !== 'Link' ? generator['@id'] : undefined,
     fileFormatIcon: undefined,
     documentTypeIcon: undefined,
     urlIcon: (0, _linkExtractors.extractUrlFromIconJsonLd)(jsonLd.icon),

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

@@ -46,6 +46,82 @@ var isJiraProvider = function isJiraProvider(provider) {
 var isNativeProvider = function isNativeProvider(provider) {
   return isConfluenceProvider(provider) || isJiraProvider(provider);
 };
+function chooseIcon(_ref2) {
+  var _data$generator;
+  var urlIcon = _ref2.urlIcon,
+    type = _ref2.type,
+    label = _ref2.label,
+    data = _ref2.data,
+    providerIcon = _ref2.providerIcon;
+  var providerId = (_data$generator = data.generator) === null || _data$generator === void 0 ? void 0 : _data$generator['@id'];
+  var fileFormat = data === null || data === void 0 ? void 0 : data['schema:fileFormat'];
+  var fileFormatIcon = (0, _extractFileFormatIcon.default)(fileFormat);
+  var documentTypeIcon = typeToIconDescriptor({
+    type: type,
+    label: label,
+    providerId: providerId,
+    data: data
+  }) || (0, _extractDocumentTypeIcon.default)(type, label);
+  return (0, _icon.prioritiseIcon)({
+    fileFormatIcon: fileFormatIcon,
+    documentTypeIcon: documentTypeIcon,
+    urlIcon: urlIcon,
+    providerIcon: providerIcon
+  });
+}
+function typeToIconDescriptor(_ref3) {
+  var type = _ref3.type,
+    label = _ref3.label,
+    providerId = _ref3.providerId,
+    data = _ref3.data;
+  switch (type) {
+    case 'atlassian:Goal':
+      return {
+        icon: _constants2.IconType.Task,
+        label: label || 'Goal'
+      };
+    case 'atlassian:Project':
+      return {
+        icon: _constants2.IconType.Project,
+        label: label || 'Project'
+      };
+    case 'atlassian:SourceCodeCommit':
+      return {
+        icon: _constants2.IconType.Commit,
+        label: label || 'Commit'
+      };
+    case 'atlassian:SourceCodePullRequest':
+      return {
+        icon: _constants2.IconType.PullRequest,
+        label: label || 'Pull request'
+      };
+    case 'atlassian:SourceCodeReference':
+      return {
+        icon: _constants2.IconType.Branch,
+        label: label || 'Reference'
+      };
+    case 'atlassian:SourceCodeRepository':
+      return {
+        icon: _constants2.IconType.Repo,
+        label: label || 'Repository'
+      };
+    case 'atlassian:Task':
+      var taskLabel = label || 'Task';
+      var taskIconDescriptor = {
+        icon: _constants2.IconType.Task,
+        label: taskLabel
+      };
+      if (isJiraProvider(providerId)) {
+        var _extractTask = extractTask(data),
+          taskType = _extractTask.taskType,
+          taskIcon = _extractTask.taskIcon;
+        return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : (0, _extractJiraTaskIcon.default)(taskType, taskLabel);
+      }
+      return taskIconDescriptor;
+    default:
+      return undefined;
+  }
+}
 
 /**
  * Return the icon object given a JSON-LD data object.
@@ -57,6 +133,15 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
   var urlIcon = (0, _extractUrlIcon.default)(data.icon, label);
   var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
   var providerIcon = (0, _extractProviderIcon.default)(data);
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
+    return chooseIcon({
+      urlIcon: urlIcon,
+      providerIcon: providerIcon,
+      type: type,
+      label: label,
+      data: data
+    });
+  }
   switch (type) {
     case 'Document':
     case 'schema:BlogPosting':
@@ -74,22 +159,13 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
       var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
       var fileFormatIcon = (0, _extractFileFormatIcon.default)(fileFormat);
       var documentTypeIcon = (0, _extractDocumentTypeIcon.default)(type, label);
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
-        return (0, _icon.prioritiseIcon)({
-          providerId: provider,
-          fileFormatIcon: fileFormatIcon,
-          documentTypeIcon: documentTypeIcon,
-          urlIcon: urlIcon,
-          providerIcon: providerIcon
-        });
-      }
       return isNativeProvider(provider) ? fileFormatIcon || documentTypeIcon || urlIcon || providerIcon : providerIcon || fileFormatIcon || documentTypeIcon;
     case 'atlassian:Task':
       var taskLabel = label || 'Task';
       if (isJiraProvider(provider)) {
-        var _extractTask = extractTask(data),
-          taskType = _extractTask.taskType,
-          taskIcon = _extractTask.taskIcon;
+        var _extractTask2 = extractTask(data),
+          taskType = _extractTask2.taskType,
+          taskIcon = _extractTask2.taskIcon;
         return taskType === 'JiraCustomTaskType' ? taskIcon || urlIcon || providerIcon || {
           icon: _constants2.IconType.Task,
           label: taskLabel
@@ -130,36 +206,7 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
         label: label || 'Repository'
       };
     default:
-      return (0, _platformFeatureFlags.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;
+      return providerIcon;
   }
 };
-var _default = exports.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 = (0, _extractFileFormatIcon.default)(fileFormat);
-  var documentTypeIcon = (0, _extractDocumentTypeIcon.default)(type, label);
-  return (0, _icon.prioritiseIcon)({
-    providerId: provider,
-    fileFormatIcon: fileFormatIcon,
-    documentTypeIcon: documentTypeIcon,
-    urlIcon: urlIcon,
-    providerIcon: providerIcon
-  });
-};
+var _default = exports.default = extractJsonldDataIcon;

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

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

package/dist/cjs/view/BlockCard/components/ActionList.js

@@ -21,20 +21,26 @@ var _excluded = ["triggerRef"];
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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 && Object.prototype.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; }
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var wrapperStyles = (0, _utils.mq)({
+  display: 'flex',
+  marginTop: [(0, _utils.gs)(2), 0]
+});
 var buttonStyles = (0, _react.css)({
   height: 'auto'
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var actionsWrapperStyles = {
+  marginLeft: (0, _utils.gs)(0.5)
+};
 var ActionList = exports.ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
   return (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _utils.mq)({
-      display: 'flex',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      marginTop: [(0, _utils.gs)(2), 0]
-    })
+    css: wrapperStyles
   }, (0, _react.jsx)(_buttonGroup.default, null, actionsToShow.map(function (action) {
     return (0, _react.jsx)(_Action.Action, (0, _extends2.default)({
       key: action.id
@@ -42,9 +48,7 @@ var ActionList = exports.ActionList = function ActionList(_ref) {
   })), actionsToList.length ?
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   (0, _react.jsx)("div", {
-    css: {
-      marginLeft: (0, _utils.gs)(0.5)
-    }
+    css: actionsWrapperStyles
   }, (0, _react.jsx)(_dropdownMenu.default, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,

package/dist/cjs/view/BlockCard/components/Content.js

@@ -16,20 +16,24 @@ var _utils = require("../../common/utils");
  * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
  */
 var blockCardContentClassName = exports.blockCardContentClassName = 'block-card-content';
+var baseStyles = (0, _react.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  flexGrow: 1
+});
 var Content = exports.Content = function Content(_ref) {
   var children = _ref.children,
     _ref$isCompact = _ref.isCompact,
     isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
   return (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _utils.mq)({
+    css: [baseStyles,
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _utils.mq)({
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       padding: isCompact ? (0, _utils.gs)(1) : (0, _utils.gs)(2),
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: isCompact ? 'unset' : ['unset', 'space-between'],
-      flexGrow: 1
-    }),
+      justifyContent: isCompact ? 'unset' : ['unset', 'space-between']
+    })],
     "data-trello-do-not-use-override": "block-card-content"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/view/BlockCard/components/ContentFooter.js

@@ -10,21 +10,27 @@ var _utils = require("../../common/utils");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var contentFooterClassName = exports.contentFooterClassName = 'smart-link-content-footer';
+var flexStyles = (0, _react.css)({
+  display: 'flex'
+});
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+var baseStyles = (0, _utils.mq)({
+  flexDirection: ['column', 'row'],
+  flexGrow: [1, 'unset'],
+  alignItems: ['unset', 'center'],
+  marginTop: [(0, _utils.gs)(1), (0, _utils.gs)(1.5)]
+});
 var ContentFooter = exports.ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
     _ref$hasSpaceBetween = _ref.hasSpaceBetween,
     hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
   return (0, _react.jsx)("div", {
+    css: [flexStyles, baseStyles,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _utils.mq)({
-      display: 'flex',
-      flexDirection: ['column', 'row'],
-      flexGrow: [1, 'unset'],
-      justifyContent: [hasSpaceBetween ? 'space-between' : 'flex-end', 'space-between'],
-      alignItems: ['unset', 'center'],
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      marginTop: [(0, _utils.gs)(1), (0, _utils.gs)(1.5)]
-    })
+    (0, _utils.mq)({
+      justifyContent: [hasSpaceBetween ? 'space-between' : 'flex-end', 'space-between']
+    })]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: contentFooterClassName

package/dist/cjs/view/BlockCard/components/Frame.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Frame = exports.ExpandedFrame = exports.CompactFrame = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
-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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var Frame = exports.Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,
@@ -20,10 +20,14 @@ var Frame = exports.Frame = function Frame() {
   };
   return props.compact ? (0, _react.jsx)(CompactFrame, props) : (0, _react.jsx)(ExpandedFrame, props);
 };
+var sharedBaseFrameStyles = (0, _react.css)({
+  width: '100%',
+  display: 'flex'
+});
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var sharedFrameStyles = {
   maxWidth: (0, _utils.gs)(95),
-  width: '100%',
-  display: 'flex',
   backgroundColor: "var(--ds-surface-raised, white)"
 };
 var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
@@ -34,8 +38,9 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     className = _ref.className,
     isFluidHeight = _ref.isFluidHeight;
   return (0, _react.jsx)("div", {
+    css: [sharedBaseFrameStyles, sharedFrameStyles,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
+    (0, _utils.mq)({
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
         backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20A, ")"),
@@ -49,7 +54,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
       justifyContent: 'space-between',
       overflow: 'hidden',
       boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(_colors.N50A, ", 0 0 1px 1px ").concat(_colors.N40A), ")")
-    })),
+    })],
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -65,8 +70,9 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
     className = _ref2.className,
     inheritDimensions = _ref2.inheritDimensions;
   return (0, _react.jsx)("div", {
+    css: [sharedBaseFrameStyles, sharedFrameStyles,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
+    (0, _utils.mq)({
       '&:hover': isHoverable ? {
         backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")
       } : undefined,
@@ -81,7 +87,7 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
       width: ['calc(100% - 16px)', '100%'],
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       padding: ["0px ".concat((0, _utils.gs)(1)), '0']
-    })),
+    })],
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/view/BlockCard/views/ResolvedView.js

@@ -32,6 +32,13 @@ var styles = (0, _react.css)({
   justifyContent: 'space-between',
   alignItems: 'flex-start'
 });
+var lozengeStyles = {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  height: (0, _utils.gs)(2.5),
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
 /**
  * Class name for selecting non-flexible resolved block card
  *
@@ -110,13 +117,7 @@ var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
     name: title,
     textColor: titleTextColor
   }), lozenge && (0, _react.jsx)(_styled.LozengeBlockWrapper, {
-    css: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      height: (0, _utils.gs)(2.5),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    css: lozengeStyles
   }, (0, _react.jsx)(_lozenge.default, (0, _extends2.default)({
     style: lozenge.style
   }, lozenge), lozenge.text))), (0, _react.jsx)(_CollaboratorList.CollaboratorList, {

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-analytics.js

@@ -4,24 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validationUpdateErrorAnalyticsPayload = exports.unknownUpdateErrorAnalyticsPayload = exports.unknownLoadErrorAnalyticsPayload = exports.permissionLoadErrorAnalyticsPayload = void 0;
-var _analytics = require("../../../../../../utils/analytics/analytics");
 var unknownLoadErrorAnalyticsPayload = exports.unknownLoadErrorAnalyticsPayload = {
-  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
-  reason: _analytics.TrackQuickActionFailureReason.UnknownError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'UnknownError',
   step: 'load'
 };
 var permissionLoadErrorAnalyticsPayload = exports.permissionLoadErrorAnalyticsPayload = {
-  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
-  reason: _analytics.TrackQuickActionFailureReason.PermissionError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'PermissionError',
   step: 'load'
 };
 var unknownUpdateErrorAnalyticsPayload = exports.unknownUpdateErrorAnalyticsPayload = {
-  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
-  reason: _analytics.TrackQuickActionFailureReason.UnknownError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'UnknownError',
   step: 'update'
 };
 var validationUpdateErrorAnalyticsPayload = exports.validationUpdateErrorAnalyticsPayload = {
-  smartLinkActionType: _analytics.TrackQuickActionType.StatusUpdate,
-  reason: _analytics.TrackQuickActionFailureReason.ValidationError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'ValidationError',
   step: 'update'
 };

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

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