@atlaskit/smart-card 27.6.5 → 27.7.0

package/dist/es2019/view/common/Byline.js

@@ -1,39 +1,39 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { gs, mq } from './utils';
+const baseStyles = css({
+  // Spec: only allow two lines MAX to be shown.
+  display: '-webkit-box',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: 'vertical',
+  wordBreak: 'break-word',
+  whiteSpace: 'pre-line',
+  // EDM-713: fixes copy-paste from renderer to editor for Firefox
+  // due to HTML its unwrapping behaviour on paste.
+  MozUserSelect: 'none'
+});
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+const styles = mq({
+  fontSize: gs(1.5),
+  lineHeight: gs(2.5),
+  color: `${`var(--ds-text-subtlest, ${N300})`}`,
+  fontWeight: 'normal',
+  marginTop: gs(0.5),
+  // Fallback options.
+  maxHeight: gs(5)
+});
 export const Byline = ({
   text,
   children,
   testId,
   className
 }) => jsx("span", {
-  // 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: mq({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    fontSize: gs(1.5),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    lineHeight: gs(2.5),
-    color: `${`var(--ds-text-subtlest, ${N300})`}`,
-    fontWeight: 'normal',
-    // 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: gs(0.5),
-    // Spec: only allow two lines MAX to be shown.
-    display: '-webkit-box',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    WebkitLineClamp: 2,
-    WebkitBoxOrient: 'vertical',
-    wordBreak: 'break-word',
-    // Fallback options.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    maxHeight: gs(5),
-    whiteSpace: 'pre-line',
-    // EDM-713: fixes copy-paste from renderer to editor for Firefox
-    // due to HTML its unwrapping behaviour on paste.
-    MozUserSelect: 'none'
-  }),
+  css: [baseStyles, styles],
   "data-testid": testId
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   ,

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

@@ -6,6 +6,7 @@ import PullRequestIcon from '@atlaskit/icon-object/glyph/pull-request/16';
 import BranchIcon from '@atlaskit/icon-object/glyph/branch/16';
 import RepoIcon from '@atlaskit/icon-object/glyph/code/16';
 import TaskIcon from '@atlaskit/icon-object/glyph/task/16';
+import { getIconForFileType } from '../../../utils';
 import { extractorPriorityMap } from './priority';
 import { extractProvider, extractUrlFromIconJsonLd, extractTitle } from '@atlaskit/link-extractors';
 import { extractFileFormat } from './extractFileFormat';
@@ -33,6 +34,56 @@ export var extractIcon = function extractIcon(jsonLd) {
     return extractIconByType(type, opts);
   }
 };
+function typeToIcon(type, opts) {
+  switch (type) {
+    case 'atlassian:SourceCodeCommit':
+      return /*#__PURE__*/React.createElement(CommitIcon, {
+        label: opts.title || 'commit',
+        testId: "commit-icon"
+      });
+    case 'atlassian:Project':
+      return /*#__PURE__*/React.createElement(ProjectIcon, {
+        label: opts.title || 'project',
+        size: "small",
+        testId: "project-icon"
+      });
+    case 'atlassian:SourceCodePullRequest':
+      return /*#__PURE__*/React.createElement(PullRequestIcon, {
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
+      });
+    case 'atlassian:SourceCodeReference':
+      return /*#__PURE__*/React.createElement(BranchIcon, {
+        label: opts.title || 'reference',
+        testId: "branch-icon"
+      });
+    case 'atlassian:SourceCodeRepository':
+      return /*#__PURE__*/React.createElement(RepoIcon, {
+        label: opts.title || 'repository',
+        testId: "repo-icon"
+      });
+    case 'atlassian:Goal':
+      return /*#__PURE__*/React.createElement(TaskIcon, {
+        label: opts.title || 'goal',
+        testId: "task-icon"
+      });
+    case 'atlassian:Task':
+      return extractIconFromTask(opts);
+    default:
+      return undefined;
+  }
+}
+function standardisedExtractIcon(type, opts) {
+  var iconFromType = typeToIcon(type, opts);
+  var iconFromFileFormat = opts.fileFormat ? getIconForFileType(opts.fileFormat) : undefined;
+  var iconFromProvider = opts.provider && opts.provider.icon;
+  return prioritiseIcon({
+    fileFormatIcon: iconFromFileFormat,
+    documentTypeIcon: iconFromType,
+    urlIcon: opts.icon,
+    providerIcon: iconFromProvider
+  });
+}
 
 /**
  * Extracts an icon based on the given type.
@@ -45,6 +96,21 @@ export var 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 (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 extractIconFromDocument(type, opts);
+      default:
+        return standardisedExtractIcon(type, opts);
+    }
+  }
   switch (type) {
     case 'Document':
     case 'schema:BlogPosting':
@@ -89,22 +155,6 @@ var extractIconByType = function extractIconByType(type, opts) {
     case 'atlassian:Task':
       return extractIconFromTask(opts);
     default:
-      return 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 prioritiseIcon({
-    providerId: providerId,
-    fileFormatIcon: undefined,
-    documentTypeIcon: undefined,
-    urlIcon: opts.icon,
-    providerIcon: (_opts$provider = opts.provider) === null || _opts$provider === void 0 ? void 0 : _opts$provider.icon
-  });
 };

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

@@ -16,14 +16,11 @@ import { prioritiseIcon } from './prioritiseIcon';
  * @returns The React node representing the extracted icon, or `undefined` if no icon is found.
  */
 export var 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 (getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
-    var providerId = provider === null || provider === void 0 ? void 0 : provider.id;
     return prioritiseIcon({
-      providerId: providerId,
       fileFormatIcon: iconFromFileFormat,
       documentTypeIcon: iconFromType,
       urlIcon: opts.icon,

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

@@ -1,14 +1,3 @@
-import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
-var isConfluenceProvider = function isConfluenceProvider(provider) {
-  return provider === CONFLUENCE_GENERATOR_ID;
-};
-var isJiraProvider = function isJiraProvider(provider) {
-  return provider === 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.
  */
@@ -22,13 +11,9 @@ var isNativeProvider = function isNativeProvider(provider) {
  * Generic so it can be used to prioritise strings, or React components depending on the usage.
  */
 export 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/esm/extractors/embed/index.js

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

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

@@ -39,6 +39,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 = extractFileFormatIcon(fileFormat);
+  var documentTypeIcon = typeToIconDescriptor({
+    type: type,
+    label: label,
+    providerId: providerId,
+    data: data
+  }) || extractDocumentTypeIcon(type, label);
+  return 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: IconType.Task,
+        label: label || 'Goal'
+      };
+    case 'atlassian:Project':
+      return {
+        icon: IconType.Project,
+        label: label || 'Project'
+      };
+    case 'atlassian:SourceCodeCommit':
+      return {
+        icon: IconType.Commit,
+        label: label || 'Commit'
+      };
+    case 'atlassian:SourceCodePullRequest':
+      return {
+        icon: IconType.PullRequest,
+        label: label || 'Pull request'
+      };
+    case 'atlassian:SourceCodeReference':
+      return {
+        icon: IconType.Branch,
+        label: label || 'Reference'
+      };
+    case 'atlassian:SourceCodeRepository':
+      return {
+        icon: IconType.Repo,
+        label: label || 'Repository'
+      };
+    case 'atlassian:Task':
+      var taskLabel = label || 'Task';
+      var taskIconDescriptor = {
+        icon: IconType.Task,
+        label: taskLabel
+      };
+      if (isJiraProvider(providerId)) {
+        var _extractTask = extractTask(data),
+          taskType = _extractTask.taskType,
+          taskIcon = _extractTask.taskIcon;
+        return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : extractJiraTaskIcon(taskType, taskLabel);
+      }
+      return taskIconDescriptor;
+    default:
+      return undefined;
+  }
+}
 
 /**
  * Return the icon object given a JSON-LD data object.
@@ -50,6 +126,15 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
   var urlIcon = extractUrlIcon(data.icon, label);
   var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
   var providerIcon = extractProviderIcon(data);
+  if (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':
@@ -67,22 +152,13 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
       var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
       var fileFormatIcon = extractFileFormatIcon(fileFormat);
       var documentTypeIcon = extractDocumentTypeIcon(type, label);
-      if (getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour')) {
-        return 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: IconType.Task,
           label: taskLabel
@@ -123,37 +199,7 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
         label: label || 'Repository'
       };
     default:
-      return getBooleanFF('platform.linking-platform.smart-card.standardise-smart-link-icon-behaviour') ? extractDefaultIcon({
-        data: data,
-        type: type,
-        label: label,
-        provider: provider,
-        urlIcon: urlIcon,
-        providerIcon: providerIcon
-      }) : providerIcon;
+      return providerIcon;
   }
 };
-export default extractJsonldDataIcon;
-
-/**
- * Choose which icon to show when the type is not recognized.
- */
-var extractDefaultIcon = function extractDefaultIcon(_ref2) {
-  var data = _ref2.data,
-    type = _ref2.type,
-    label = _ref2.label,
-    provider = _ref2.provider,
-    urlIcon = _ref2.urlIcon,
-    providerIcon = _ref2.providerIcon;
-  var documentData = data;
-  var fileFormat = documentData === null || documentData === void 0 ? void 0 : documentData['schema:fileFormat'];
-  var fileFormatIcon = extractFileFormatIcon(fileFormat);
-  var documentTypeIcon = extractDocumentTypeIcon(type, label);
-  return prioritiseIcon({
-    providerId: provider,
-    fileFormatIcon: fileFormatIcon,
-    documentTypeIcon: documentTypeIcon,
-    urlIcon: urlIcon,
-    providerIcon: providerIcon
-  });
-};
+export default extractJsonldDataIcon;

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

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

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

@@ -11,20 +11,27 @@ import MoreIcon from '@atlaskit/icon/glyph/more';
 import { Action } from './Action';
 import { gs, mq } from '../../common/utils';
 import { di } from 'react-magnetic-di';
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var wrapperStyles = mq({
+  display: 'flex',
+  marginTop: [gs(2), 0]
+});
 var buttonStyles = css({
   height: 'auto'
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var actionsWrapperStyles = {
+  marginLeft: gs(0.5)
+};
 export var ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
   return 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: 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: [gs(2), 0]
-    })
+    css: wrapperStyles
   }, jsx(ButtonGroup, null, actionsToShow.map(function (action) {
     return jsx(Action, _extends({
       key: action.id
@@ -32,9 +39,7 @@ export var 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
   jsx("div", {
-    css: {
-      marginLeft: gs(0.5)
-    }
+    css: actionsWrapperStyles
   }, jsx(DropdownMenu, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 /**
  * Class name for selecting non-flexible block card content
@@ -9,20 +9,24 @@ import { gs, mq } from '../../common/utils';
  * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
  */
 export var blockCardContentClassName = 'block-card-content';
+var baseStyles = css({
+  display: 'flex',
+  flexDirection: 'column',
+  flexGrow: 1
+});
 export var Content = function Content(_ref) {
   var children = _ref.children,
     _ref$isCompact = _ref.isCompact,
     isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
   return 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: 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
+    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 ? gs(1) : 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/esm/view/BlockCard/components/ContentFooter.js

@@ -1,23 +1,29 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export var contentFooterClassName = 'smart-link-content-footer';
+var flexStyles = css({
+  display: 'flex'
+});
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+var baseStyles = mq({
+  flexDirection: ['column', 'row'],
+  flexGrow: [1, 'unset'],
+  alignItems: ['unset', 'center'],
+  marginTop: [gs(1), gs(1.5)]
+});
 export var ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
     _ref$hasSpaceBetween = _ref.hasSpaceBetween,
     hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
   return 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: 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: [gs(1), gs(1.5)]
-    })
+    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/esm/view/BlockCard/components/Frame.js

@@ -1,9 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';
 import { gs, br, mq } from '../../common/utils';
@@ -15,10 +12,14 @@ export var Frame = function Frame() {
   };
   return props.compact ? jsx(CompactFrame, props) : jsx(ExpandedFrame, props);
 };
+var sharedBaseFrameStyles = css({
+  width: '100%',
+  display: 'flex'
+});
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var sharedFrameStyles = {
   maxWidth: gs(95),
-  width: '100%',
-  display: 'flex',
   backgroundColor: "var(--ds-surface-raised, white)"
 };
 export var ExpandedFrame = function ExpandedFrame(_ref) {
@@ -29,8 +30,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     className = _ref.className,
     isFluidHeight = _ref.isFluidHeight;
   return 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: mq(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
+    mq({
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
         backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20A, ")"),
@@ -44,7 +46,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       justifyContent: 'space-between',
       overflow: 'hidden',
       boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A), ")")
-    })),
+    })],
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -60,8 +62,9 @@ export var CompactFrame = function CompactFrame(_ref2) {
     className = _ref2.className,
     inheritDimensions = _ref2.inheritDimensions;
   return 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: mq(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
+    mq({
       '&:hover': isHoverable ? {
         backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")")
       } : undefined,
@@ -76,7 +79,7 @@ export var 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(gs(1)), '0']
-    })),
+    })],
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

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

@@ -24,6 +24,13 @@ var styles = 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: gs(2.5),
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+};
 /**
  * Class name for selecting non-flexible resolved block card
  *
@@ -102,13 +109,7 @@ export var ResolvedView = function ResolvedView(_ref) {
     name: title,
     textColor: titleTextColor
   }), lozenge && jsx(LozengeBlockWrapper, {
-    css: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      height: gs(2.5),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    css: lozengeStyles
   }, jsx(Lozenge, _extends({
     style: lozenge.style
   }, lozenge), lozenge.text))), jsx(CollaboratorList, {

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

@@ -1,21 +1,20 @@
-import { TrackQuickActionFailureReason, TrackQuickActionType } from '../../../../../../utils/analytics/analytics';
 export var unknownLoadErrorAnalyticsPayload = {
-  smartLinkActionType: TrackQuickActionType.StatusUpdate,
-  reason: TrackQuickActionFailureReason.UnknownError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'UnknownError',
   step: 'load'
 };
 export var permissionLoadErrorAnalyticsPayload = {
-  smartLinkActionType: TrackQuickActionType.StatusUpdate,
-  reason: TrackQuickActionFailureReason.PermissionError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'PermissionError',
   step: 'load'
 };
 export var unknownUpdateErrorAnalyticsPayload = {
-  smartLinkActionType: TrackQuickActionType.StatusUpdate,
-  reason: TrackQuickActionFailureReason.UnknownError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'UnknownError',
   step: 'update'
 };
 export var validationUpdateErrorAnalyticsPayload = {
-  smartLinkActionType: TrackQuickActionType.StatusUpdate,
-  reason: TrackQuickActionFailureReason.ValidationError,
+  smartLinkActionType: 'StatusUpdate',
+  reason: 'ValidationError',
   step: 'update'
 };

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

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