@atlaskit/smart-card 26.14.1 → 26.14.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.14.3
+
+### Patch Changes
+
+- [`c5a8ab5629d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5a8ab5629d) - Refactor view url action
+
+## 26.14.2
+
+### Patch Changes
+
+- [`6a807668da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a807668da6) - [ux] Refreshed design for the Embed Smart Links view added under the FF
+
 ## 26.14.1
 
 ### Patch Changes

package/dist/cjs/utils/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sleep = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
+exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -397,4 +397,27 @@ var importWithRetry = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-exports.importWithRetry = importWithRetry;
+exports.importWithRetry = importWithRetry;
+var openUrl = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (url) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 2:
+          window.open(url, '_blank', 'noopener=yes');
+        case 3:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function openUrl(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+exports.openUrl = openUrl;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.14.1",
+	"version": "26.14.3",
 	"sideEffects": false
 }

package/dist/cjs/view/BlockCard/actions/ViewAction.js

@@ -5,46 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ViewAction = void 0;
-exports.viewFunction = viewFunction;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
-function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var url;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
-var ViewAction = function ViewAction(_ref2) {
-  var url = _ref2.url;
+var _utils = require("../../../utils");
+var ViewAction = function ViewAction(_ref) {
+  var url = _ref.url;
   return {
     id: 'view-content',
     text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.view),
     promise: function promise() {
-      return viewFunction({
-        url: url
-      });
+      return (0, _utils.openUrl)(url);
     }
   };
 };

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

@@ -224,7 +224,7 @@ function Component(_ref) {
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-inline-card-refreshed-design') ? /*#__PURE__*/_react.default.createElement(_RedesignedInlineCard.InlineCard, inlineProps) : /*#__PURE__*/_react.default.createElement(_InlineCard.InlineCard, inlineProps);
+      return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? /*#__PURE__*/_react.default.createElement(_RedesignedInlineCard.InlineCard, inlineProps) : /*#__PURE__*/_react.default.createElement(_InlineCard.InlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCard, {
         id: id,

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -5,21 +5,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.maxAvatarCount = exports.embedHeaderHeight = exports.ellipsis = exports.csssize = exports.className = exports.cardShadow = exports.borderRadius = exports.Wrapper = exports.UsersWrapper = exports.Title = exports.Thumbnail = exports.TextWrapper = exports.ResolvedViewIconWrapper = exports.LinkWrapper = exports.Image = exports.IconWrapper = exports.Header = exports.Description = exports.ContentWrapper = exports.Content = exports.Byline = exports.AlertWrapper = exports.ActionsWrapper = void 0;
+exports.maxAvatarCount = exports.embedHeaderHeight = exports.ellipsis = exports.csssize = exports.className = exports.borderRadius = exports.Wrapper = exports.UsersWrapper = exports.Title = exports.Thumbnail = exports.TextWrapper = exports.ResolvedViewIconWrapper = exports.LinkWrapper = exports.Image = exports.IconWrapper = exports.Header = exports.Description = exports.ContentWrapper = exports.Content = exports.Byline = exports.AlertWrapper = exports.ActionsWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _utils = require("../../common/utils");
+var _components = require("@atlaskit/theme/components");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var className = 'media-card-frame';
 exports.className = className;
-var cardShadow = "";
-exports.cardShadow = cardShadow;
 var borderRadius = "\n  border-radius: ".concat((0, _constants.borderRadius)(), "px;\n");
 exports.borderRadius = borderRadius;
+var BACKGROUND_COLOR_DARK = '#262B31';
+var wrapperBorderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-400, 16px)", ";\n");
+var contentBorderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";\n");
 var ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof maxWidth === 'number' ? 'px' : '';
@@ -51,21 +54,24 @@ function maxWidth(_ref2) {
 function getInteractiveStyles(_ref3) {
   var isInteractive = _ref3.isInteractive,
     frameStyle = _ref3.frameStyle;
-  return isInteractive ? "\n      &:hover {\n        ".concat(frameStyle !== 'hide' && visibleStyles, "\n      }\n      &:active {\n        background-color: ", "var(--ds-background-selected, ".concat(colors.B50, ")"), ";\n      }\n    ") : '';
+  return isInteractive ? "\n      &:hover {\n        ".concat(frameStyle !== 'hide' && visibleStyles, "\n\n      }\n      &:active {\n        background-color: ", "var(--ds-background-selected, ".concat(colors.B50, ")"), ";\n      }\n    ") : '';
 }
 function selected(_ref4) {
   var isSelected = _ref4.isSelected,
     frameStyle = _ref4.frameStyle;
-  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      outline: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        box-shadow: 0 0 0 3px ".concat("var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n        ", borderRadius, "\n      ") : '';
+  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      outline: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? contentBorderRadius : "box-shadow: 0 0 0 3px ".concat("var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n              ", borderRadius), "\n      ") : '';
 }
 var height = function height(_ref5) {
   var inheritDimensions = _ref5.inheritDimensions;
   return inheritDimensions ? 'height: 100%;' : "height: ".concat((0, _utils.gs)(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat((0, _constants.fontFamily)(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    background: transparent;\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: calc(-1 * ", "var(--ds-space-100, 8px)", ");\n    ").concat(borderRadius, "\n  }\n");
+  return "\n  ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat((0, _constants.fontFamily)(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: calc(-1 * ", "var(--ds-space-100, 8px)", ");\n    ").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
 };
-var visibleStyles = "\n  background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";\n\n  &:after {\n    background: ", "var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;\n  }\n  .embed-header {\n    opacity: 1;\n  }");
+var visibleStyles = "\n  ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "outline: 1px solid ".concat("var(--ds-border-input, ".concat(colors.N40, ")"), ";\n           background-color: ", (0, _components.themed)({
+  light: "var(--ds-surface-raised, white)",
+  dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
+})(), ";") : "background: ".concat("var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;"), "\n  }\n  .embed-header {\n    opacity: 1;\n  }");
 function visible(_ref6) {
   var frameStyle = _ref6.frameStyle;
   return frameStyle === 'show' ? visibleStyles : '';
@@ -105,9 +111,9 @@ exports.TextWrapper = TextWrapper;
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-var Content = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), borderRadius, cardShadow, "var(--ds-surface-raised, white)", function (_ref9) {
+var Content = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       outline: 1px solid ", "var(--ds-border-input, ".concat(colors.N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
   var isInteractive = _ref9.isInteractive;
-  if (isInteractive) {
+  if (isInteractive && !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
     return "\n          .".concat(className, ":hover & {\n            box-shadow: ", "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(23, 43, 77, 0.32), 0 0 1px rgba(23, 43, 77, 0.25))", ";\n          }\n        ");
   } else {
     return '';

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

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.viewFunction = viewFunction;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
+var _utils = require("../../../../../../utils");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ViewAction = function ViewAction(props) {
@@ -24,9 +22,7 @@ var ViewAction = function ViewAction(props) {
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        viewFunction({
-          url: viewUrl
-        });
+        (0, _utils.openUrl)(viewUrl);
         if (_onClick) {
           _onClick();
         }
@@ -41,30 +37,5 @@ var ViewAction = function ViewAction(props) {
     return null;
   }
 };
-function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var url;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
 var _default = ViewAction;
 exports.default = _default;

package/dist/es2019/utils/index.js

@@ -119,4 +119,10 @@ export const importWithRetry = async (importFn, retries = 2, interval = 500) =>
       throw error;
     }
   }
+};
+export const openUrl = async url => {
+  if (!url) {
+    return;
+  }
+  window.open(url, '_blank', 'noopener=yes');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.14.1",
+	"version": "26.14.3",
 	"sideEffects": false
 }

package/dist/es2019/view/BlockCard/actions/ViewAction.js

@@ -1,20 +1,11 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
-export async function viewFunction({
-  url
-}) {
-  if (!url) {
-    return;
-  }
-  window.open(url, '_blank', 'noopener=yes');
-}
+import { openUrl } from '../../../utils';
 export const ViewAction = ({
   url
 }) => ({
   id: 'view-content',
   text: /*#__PURE__*/React.createElement(FormattedMessage, messages.view),
-  promise: () => viewFunction({
-    url
-  })
+  promise: () => openUrl(url)
 });

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

@@ -211,7 +211,7 @@ function Component({
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return getBooleanFF('platform.linking-platform.smart-card.show-inline-card-refreshed-design') ? /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps) : /*#__PURE__*/React.createElement(InlineCard, inlineProps);
+      return getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps) : /*#__PURE__*/React.createElement(InlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -2,11 +2,20 @@ import styled from '@emotion/styled';
 import { borderRadius as akBorderRadius, fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { gs as gridSize } from '../../common/utils';
+import { N40 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const className = 'media-card-frame';
-export const cardShadow = ``;
 export const borderRadius = `
   border-radius: ${akBorderRadius()}px;
 `;
+const BACKGROUND_COLOR_DARK = '#262B31';
+const wrapperBorderRadius = `
+  border-radius: ${"var(--ds-border-radius-400, 16px)"};
+`;
+const contentBorderRadius = `
+  border-radius: ${"var(--ds-border-radius-300, 12px)"};
+`;
 export const ellipsis = (maxWidth = '100%') => {
   const unit = typeof maxWidth === 'number' ? 'px' : '';
   return `
@@ -48,6 +57,7 @@ function getInteractiveStyles({
   return isInteractive ? `
       &:hover {
         ${frameStyle !== 'hide' && visibleStyles}
+
       }
       &:active {
         background-color: ${`var(--ds-background-selected, ${colors.B50})`};
@@ -69,18 +79,18 @@ function selected({
       height: 100%;
       width: 100%;
       left: 0;
-      ${borderRadius}
+      ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius}
     }
     ` : isSelected && frameStyle === 'hide' ? `
-        box-shadow: 0 0 0 3px ${`var(--ds-border-selected, ${colors.B100})`};
-        ${borderRadius}
+        ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? contentBorderRadius : `box-shadow: 0 0 0 3px ${`var(--ds-border-selected, ${colors.B100})`};
+              ${borderRadius}`}
       ` : '';
 }
 const height = ({
   inheritDimensions
 }) => inheritDimensions ? 'height: 100%;' : `height: ${gridSize(54)}`;
 const wrapperStyles = props => `
-  ${borderRadius}
+  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius}
   ${minWidth(props)}
   ${maxWidth(props)}
   ${getInteractiveStyles(props)}
@@ -99,20 +109,24 @@ const wrapperStyles = props => `
 
   &:after {
     content: '';
-    background: transparent;
     transition: background 0.3s, box-shadow 0.3s;
     position: absolute;
     width: calc(100% + ${"var(--ds-space-200, 16px)"});
     height: calc(100% + ${"var(--ds-space-100, 8px)"});
     left: calc(-1 * ${"var(--ds-space-100, 8px)"});
-    ${borderRadius}
+    ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : `background: transparent;
+           ${borderRadius}`}
   }
 `;
 const visibleStyles = `
-  background-color: ${`var(--ds-background-neutral-subtle, ${colors.N30})`};
+  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `` : `background-color: ${`var(--ds-background-neutral-subtle, ${colors.N30})`};`}
 
   &:after {
-    background: ${`var(--ds-background-neutral, ${colors.N30})`} !important;
+    ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `outline: 1px solid ${`var(--ds-border-input, ${N40})`};
+           background-color: ${themed({
+  light: "var(--ds-surface-raised, white)",
+  dark: `var(--ds-surface-raised, ${BACKGROUND_COLOR_DARK})`
+})()};` : `background: ${`var(--ds-background-neutral, ${colors.N30})`} !important;`}
   }
   .embed-header {
     opacity: 1;
@@ -183,8 +197,8 @@ export const TextWrapper = styled.div`
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
 export const Content = styled.div`
-  ${borderRadius}
-  ${cardShadow}
+  ${getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? `${contentBorderRadius};
+       outline: 1px solid ${`var(--ds-border-input, ${N40})`};` : borderRadius}
   background-color: ${"var(--ds-surface-raised, white)"};
   position: absolute;
   z-index: 1;
@@ -205,7 +219,7 @@ export const Content = styled.div`
   ${({
   isInteractive
 }) => {
-  if (isInteractive) {
+  if (isInteractive && !getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
     return `
           .${className}:hover & {
             box-shadow: ${"var(--ds-shadow-overlay, 0 4px 8px -2px rgba(23, 43, 77, 0.32), 0 0 1px rgba(23, 43, 77, 0.25))"};

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Action from '../index';
+import { openUrl } from '../../../../../../utils';
 const ViewAction = props => {
   const {
     appearance,
@@ -14,9 +15,7 @@ const ViewAction = props => {
     const action = {
       ...props,
       onClick: () => {
-        viewFunction({
-          url: viewUrl
-        });
+        openUrl(viewUrl);
         if (onClick) {
           onClick();
         }
@@ -31,12 +30,4 @@ const ViewAction = props => {
     return null;
   }
 };
-export async function viewFunction({
-  url
-}) {
-  if (!url) {
-    return;
-  }
-  window.open(url, '_blank', 'noopener=yes');
-}
 export default ViewAction;

package/dist/esm/utils/index.js

@@ -275,4 +275,26 @@ export var importWithRetry = /*#__PURE__*/function () {
   return function importWithRetry(_x) {
     return _ref.apply(this, arguments);
   };
+}();
+export var openUrl = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (url) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 2:
+          window.open(url, '_blank', 'noopener=yes');
+        case 3:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function openUrl(_x2) {
+    return _ref2.apply(this, arguments);
+  };
 }();

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.14.1",
+	"version": "26.14.3",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/actions/ViewAction.js

@@ -1,42 +1,14 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
-export function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
-export var ViewAction = function ViewAction(_ref2) {
-  var url = _ref2.url;
+import { openUrl } from '../../../utils';
+export var ViewAction = function ViewAction(_ref) {
+  var url = _ref.url;
   return {
     id: 'view-content',
     text: /*#__PURE__*/React.createElement(FormattedMessage, messages.view),
     promise: function promise() {
-      return viewFunction({
-        url: url
-      });
+      return openUrl(url);
     }
   };
 };

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

@@ -214,7 +214,7 @@ function Component(_ref) {
         showAuthTooltip: showAuthTooltip,
         showServerActions: showServerActions
       };
-      return getBooleanFF('platform.linking-platform.smart-card.show-inline-card-refreshed-design') ? /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps) : /*#__PURE__*/React.createElement(InlineCard, inlineProps);
+      return getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? /*#__PURE__*/React.createElement(RedesignedInlineCard, inlineProps) : /*#__PURE__*/React.createElement(InlineCard, inlineProps);
     case 'block':
       return /*#__PURE__*/React.createElement(BlockCard, {
         id: id,

package/dist/esm/view/EmbedCard/components/styled.js

@@ -4,9 +4,14 @@ import styled from '@emotion/styled';
 import { borderRadius as akBorderRadius, fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { gs as gridSize } from '../../common/utils';
+import { N40 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var className = 'media-card-frame';
-export var cardShadow = "";
 export var borderRadius = "\n  border-radius: ".concat(akBorderRadius(), "px;\n");
+var BACKGROUND_COLOR_DARK = '#262B31';
+var wrapperBorderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-400, 16px)", ";\n");
+var contentBorderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";\n");
 export var ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof maxWidth === 'number' ? 'px' : '';
@@ -36,21 +41,24 @@ function maxWidth(_ref2) {
 function getInteractiveStyles(_ref3) {
   var isInteractive = _ref3.isInteractive,
     frameStyle = _ref3.frameStyle;
-  return isInteractive ? "\n      &:hover {\n        ".concat(frameStyle !== 'hide' && visibleStyles, "\n      }\n      &:active {\n        background-color: ", "var(--ds-background-selected, ".concat(colors.B50, ")"), ";\n      }\n    ") : '';
+  return isInteractive ? "\n      &:hover {\n        ".concat(frameStyle !== 'hide' && visibleStyles, "\n\n      }\n      &:active {\n        background-color: ", "var(--ds-background-selected, ".concat(colors.B50, ")"), ";\n      }\n    ") : '';
 }
 function selected(_ref4) {
   var isSelected = _ref4.isSelected,
     frameStyle = _ref4.frameStyle;
-  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      outline: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        box-shadow: 0 0 0 3px ".concat("var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n        ", borderRadius, "\n      ") : '';
+  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      outline: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? "\n        ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? contentBorderRadius : "box-shadow: 0 0 0 3px ".concat("var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n              ", borderRadius), "\n      ") : '';
 }
 var height = function height(_ref5) {
   var inheritDimensions = _ref5.inheritDimensions;
   return inheritDimensions ? 'height: 100%;' : "height: ".concat(gridSize(54));
 };
 var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    background: transparent;\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: calc(-1 * ", "var(--ds-space-100, 8px)", ");\n    ").concat(borderRadius, "\n  }\n");
+  return "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : borderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ").concat(fontFamily(), ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    width: calc(100% + ", "var(--ds-space-200, 16px)", ");\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    left: calc(-1 * ", "var(--ds-space-100, 8px)", ");\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? wrapperBorderRadius : "background: transparent;\n           ".concat(borderRadius), "\n  }\n");
 };
-var visibleStyles = "\n  background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";\n\n  &:after {\n    background: ", "var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;\n  }\n  .embed-header {\n    opacity: 1;\n  }");
+var visibleStyles = "\n  ".concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "" : "background-color: ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), ";"), "\n\n  &:after {\n    ").concat(getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "outline: 1px solid ".concat("var(--ds-border-input, ".concat(N40, ")"), ";\n           background-color: ", themed({
+  light: "var(--ds-surface-raised, white)",
+  dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
+})(), ";") : "background: ".concat("var(--ds-background-neutral, ".concat(colors.N30, ")"), " !important;"), "\n  }\n  .embed-header {\n    opacity: 1;\n  }");
 function visible(_ref6) {
   var frameStyle = _ref6.frameStyle;
   return frameStyle === 'show' ? visibleStyles : '';
@@ -84,9 +92,9 @@ export var TextWrapper = styled.div(_templateObject5 || (_templateObject5 = _tag
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), borderRadius, cardShadow, "var(--ds-surface-raised, white)", function (_ref9) {
+export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "".concat(contentBorderRadius, ";\n       outline: 1px solid ", "var(--ds-border-input, ".concat(N40, ")"), ";") : borderRadius, "var(--ds-surface-raised, white)", function (_ref9) {
   var isInteractive = _ref9.isInteractive;
-  if (isInteractive) {
+  if (isInteractive && !getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design')) {
     return "\n          .".concat(className, ":hover & {\n            box-shadow: ", "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(23, 43, 77, 0.32), 0 0 1px rgba(23, 43, 77, 0.25))", ";\n          }\n        ");
   } else {
     return '';

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

@@ -1,11 +1,10 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import Action from '../index';
+import { openUrl } from '../../../../../../utils';
 var ViewAction = function ViewAction(props) {
   var appearance = props.appearance,
     asDropDownItem = props.asDropDownItem,
@@ -16,9 +15,7 @@ var ViewAction = function ViewAction(props) {
   if (viewUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        viewFunction({
-          url: viewUrl
-        });
+        openUrl(viewUrl);
         if (_onClick) {
           _onClick();
         }
@@ -33,29 +30,4 @@ var ViewAction = function ViewAction(props) {
     return null;
   }
 };
-export function viewFunction(_x) {
-  return _viewFunction.apply(this, arguments);
-}
-function _viewFunction() {
-  _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          window.open(url, '_blank', 'noopener=yes');
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _viewFunction.apply(this, arguments);
-}
 export default ViewAction;

package/dist/types/utils/index.d.ts

@@ -21,3 +21,4 @@ export declare const handleOnClick: (handler: Function) => (e: React.BaseSynthet
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;
+export declare const openUrl: (url?: string) => Promise<void>;

package/dist/types/view/BlockCard/actions/ViewAction.d.ts

@@ -1,8 +1,4 @@
 import { ActionProps } from '../components/Action';
-export interface ViewFunctionArg {
-    url?: string;
-}
-export declare function viewFunction({ url }: ViewFunctionArg): Promise<void>;
 export declare const ViewAction: ({ url }: {
     url?: string | undefined;
 }) => ActionProps;

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { FrameStyle } from '../types';
 export declare const className = "media-card-frame";
-export declare const cardShadow = "";
 export interface WrapperProps {
     minWidth?: number;
     maxWidth?: number;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ViewActionProps, ViewFunctionProps } from './types';
+import { ViewActionProps } from './types';
 declare const ViewAction: React.FC<ViewActionProps>;
-export declare function viewFunction({ url }: ViewFunctionProps): Promise<void>;
 export default ViewAction;

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

@@ -3,6 +3,3 @@ export type ViewActionProps = ActionProps & {
     viewUrl?: string;
     url: string;
 };
-export interface ViewFunctionProps {
-    url?: string;
-}

package/dist/types-ts4.5/utils/index.d.ts

@@ -21,3 +21,4 @@ export declare const handleOnClick: (handler: Function) => (e: React.BaseSynthet
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;
+export declare const openUrl: (url?: string) => Promise<void>;

package/dist/types-ts4.5/view/BlockCard/actions/ViewAction.d.ts

@@ -1,8 +1,4 @@
 import { ActionProps } from '../components/Action';
-export interface ViewFunctionArg {
-    url?: string;
-}
-export declare function viewFunction({ url }: ViewFunctionArg): Promise<void>;
 export declare const ViewAction: ({ url }: {
     url?: string | undefined;
 }) => ActionProps;

package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { FrameStyle } from '../types';
 export declare const className = "media-card-frame";
-export declare const cardShadow = "";
 export interface WrapperProps {
     minWidth?: number;
     maxWidth?: number;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ViewActionProps, ViewFunctionProps } from './types';
+import { ViewActionProps } from './types';
 declare const ViewAction: React.FC<ViewActionProps>;
-export declare function viewFunction({ url }: ViewFunctionProps): Promise<void>;
 export default ViewAction;

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

@@ -3,6 +3,3 @@ export type ViewActionProps = ActionProps & {
     viewUrl?: string;
     url: string;
 };
-export interface ViewFunctionProps {
-    url?: string;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.14.1",
+  "version": "26.14.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -140,7 +140,7 @@
     "platform.linking-platform.smart-card.should-call-onclick-in-warning-modal-only-when-safe": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.show-inline-card-refreshed-design": {
+    "platform.linking-platform.smart-card.show-smart-links-refreshed-design": {
       "type": "boolean"
     },
     "platform.linking-platform.smart-card.enable-better-metadata_iojwg": {