@atlaskit/smart-card 26.42.11 → 26.43.0

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewClassName = exports.ForbiddenView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _colors = require("@atlaskit/theme/colors");
 var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
@@ -21,6 +22,8 @@ var _ContentHeader = require("../components/ContentHeader");
 var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
+/** @jsx jsx */
+
 var blockCardForbiddenViewClassName = exports.blockCardForbiddenViewClassName = 'block-card-forbidden-view';
 var blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
 var ForbiddenView = exports.ForbiddenView = function ForbiddenView(_ref) {
@@ -49,36 +52,36 @@ var ForbiddenView = exports.ForbiddenView = function ForbiddenView(_ref) {
     _requestAccessContext = requestAccessContext.descriptiveMessageKey,
     descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext;
   var items = action ? [].concat((0, _toConsumableArray2.default)(actions), [action]) : actions;
-  return /*#__PURE__*/React.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardForbiddenViewClassName,
     isFluidHeight: true
-  }, /*#__PURE__*/React.createElement(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, /*#__PURE__*/React.createElement(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId,
     className: blockCardForbiddenViewLinkClassName
-  })), /*#__PURE__*/React.createElement(_Byline.Byline, null, /*#__PURE__*/React.createElement(_UnresolvedText.UnresolvedText, {
-    icon: /*#__PURE__*/React.createElement(_lockFilled.default, {
+  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _react.jsx)(_lockFilled.default, {
       label: "forbidden-lock-icon",
       size: "small",
       primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
       testId: "".concat(testId, "-lock-icon")
     }),
-    text: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
       values: {
         context: context.text
       }
     }))
-  }))), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/React.createElement(_Provider.Provider, {
+  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && /*#__PURE__*/React.createElement(_ActionList.ActionList, {
+  }), showActions && (0, _react.jsx)(_ActionList.ActionList, {
     items: items
   }))));
 };

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

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardNotFoundViewClassName = exports.NotFoundView = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _colors = require("@atlaskit/theme/colors");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
@@ -21,7 +22,7 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _handlers = require("../utils/handlers");
 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; }
+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 */
 var textDescriptionProps = _objectSpread({}, _messages.messages.not_found_description);
 var blockCardNotFoundViewClassName = exports.blockCardNotFoundViewClassName = 'block-card-not-found-view';
 var NotFoundView = exports.NotFoundView = function NotFoundView(_ref) {
@@ -40,28 +41,28 @@ var NotFoundView = exports.NotFoundView = function NotFoundView(_ref) {
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-  return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardNotFoundViewClassName,
     isFluidHeight: true
-  }, /*#__PURE__*/_react.default.createElement(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId
-  })), /*#__PURE__*/_react.default.createElement(_Byline.Byline, null, /*#__PURE__*/_react.default.createElement(_UnresolvedText.UnresolvedText, {
-    icon: /*#__PURE__*/_react.default.createElement(_warning.default, {
+  })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _react.jsx)(_warning.default, {
       label: "not-found-warning-icon",
       size: "small",
       primaryColor: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, textDescriptionProps)
-  }))), /*#__PURE__*/_react.default.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/_react.default.createElement(_Provider.Provider, {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon
   }))));

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardResolvedViewClassName = exports.blockCardResolvedViewByClassName = exports.ResolvedView = void 0;
+var _react = require("@emotion/react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _Frame = require("../components/Frame");
 var _Thumbnail = require("../components/Thumbnail");
@@ -22,6 +23,8 @@ var _ContentHeader = require("../components/ContentHeader");
 var _ContentFooter = require("../components/ContentFooter");
 var _utils = require("../../common/utils");
 var _handlers = require("../utils/handlers");
+/** @jsx jsx */
+
 var blockCardResolvedViewClassName = exports.blockCardResolvedViewClassName = 'block-card-resolved-view';
 var blockCardResolvedViewByClassName = exports.blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
 var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
@@ -59,11 +62,11 @@ var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
     testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId,
     _ref$showActions = _ref.showActions,
     showActions = _ref$showActions === void 0 ? true : _ref$showActions;
-  var resolvedMetadata = details.length > 0 ? /*#__PURE__*/React.createElement(_MetadataList.MetadataList, {
+  var resolvedMetadata = details.length > 0 ? (0, _react.jsx)(_MetadataList.MetadataList, {
     testId: testId ? "".concat(testId, "-meta") : undefined,
     items: details
   }) : undefined;
-  var resolvedByline = /*#__PURE__*/React.createElement(_Byline.Byline, {
+  var resolvedByline = (0, _react.jsx)(_Byline.Byline, {
     testId: testId ? "".concat(testId, "-by") : undefined,
     className: blockCardResolvedViewByClassName
   }, byline);
@@ -71,44 +74,44 @@ var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
   var hasActions = showActions && actions.length > 0;
-  return /*#__PURE__*/React.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvedViewClassName
-  }, /*#__PURE__*/React.createElement(_Content.Content, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react.jsx)(_Content.Content, null, (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
     css: {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'flex-start'
     }
-  }, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, titlePrefix ? /*#__PURE__*/React.createElement(_Emoji.Emoji, {
+  }, titlePrefix ? (0, _react.jsx)(_Emoji.Emoji, {
     emoji: titlePrefix
-  }) : /*#__PURE__*/React.createElement(_Icon.Icon, icon), /*#__PURE__*/React.createElement(_Name.Name, {
+  }) : (0, _react.jsx)(_Icon.Icon, icon), (0, _react.jsx)(_Name.Name, {
     name: title,
     textColor: titleTextColor
-  }), lozenge && /*#__PURE__*/React.createElement(_styled.LozengeBlockWrapper, {
+  }), lozenge && (0, _react.jsx)(_styled.LozengeBlockWrapper, {
     css: {
       height: (0, _utils.gs)(2.5),
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }, /*#__PURE__*/React.createElement(_lozenge.default, lozenge, lozenge.text))), /*#__PURE__*/React.createElement(_CollaboratorList.CollaboratorList, {
+  }, (0, _react.jsx)(_lozenge.default, lozenge, lozenge.text))), (0, _react.jsx)(_CollaboratorList.CollaboratorList, {
     items: users,
     handleAvatarClick: handleAvatarClick,
     handleMoreAvatarsClick: handleMoreAvatarsClick,
     testId: testId ? "".concat(testId, "-collaborator-list") : undefined
-  })), resolvedByline, resolvedMetadata), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, {
+  })), resolvedByline, resolvedMetadata), (0, _react.jsx)(_ContentFooter.ContentFooter, {
     hasSpaceBetween: hasActions
-  }, /*#__PURE__*/React.createElement(_Provider.Provider, {
+  }, (0, _react.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), hasActions && /*#__PURE__*/React.createElement(_ActionList.ActionList, {
+  }), hasActions && (0, _react.jsx)(_ActionList.ActionList, {
     items: actions
-  }))), thumbnail ? /*#__PURE__*/React.createElement(_Thumbnail.Thumbnail, {
+  }))), thumbnail ? (0, _react.jsx)(_Thumbnail.Thumbnail, {
     src: thumbnail,
     testId: testId ? "".concat(testId, "-thumb") : undefined
   }) : null);

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCardResolvingViewClassName = exports.ResolvingView = void 0;
+var _react = require("@emotion/react");
 var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/document-filled"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -12,6 +13,8 @@ var _Frame = require("../components/Frame");
 var _utils = require("../../common/utils");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
+/** @jsx jsx */
+
 var blockCardResolvingViewClassName = exports.blockCardResolvingViewClassName = 'block-card-resolving-view';
 var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
   var _ref$isSelected = _ref.isSelected,
@@ -19,21 +22,21 @@ var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'block-card-resolving-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return /*#__PURE__*/React.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvingViewClassName
-  }, /*#__PURE__*/React.createElement(_documentFilled.default, {
+  }, (0, _react.jsx)(_documentFilled.default, {
     size: "small",
     primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N50, ")"),
     label: "document-icon"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), (0, _react.jsx)("span", {
     css: {
       fontSize: "".concat((0, _constants.fontSize)(), "px"),
       color: "var(--ds-text-subtlest, ".concat(_colors.N90, ")"),
       marginLeft: (0, _utils.gs)(0.5)
     }
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.loading)));
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.loading)));
 };

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.UnauthorizedView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _Frame = require("../components/Frame");
 var _Provider = require("../components/Provider");
@@ -19,7 +20,7 @@ var _ContentFooter = require("../components/ContentFooter");
 var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 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; }
+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 */
 var textBylineProps = _objectSpread({}, _messages.messages.connect_link_account_card_description);
 var UnauthorizedView = exports.UnauthorizedView = function UnauthorizedView(_ref) {
   var _ref$context = _ref.context,
@@ -41,29 +42,29 @@ var UnauthorizedView = exports.UnauthorizedView = function UnauthorizedView(_ref
   var handleClick = function handleClick(event) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
-  return /*#__PURE__*/React.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     isSelected: isSelected,
     testId: testId,
     isFluidHeight: true
-  }, /*#__PURE__*/React.createElement(_Content.Content, {
+  }, (0, _react.jsx)(_Content.Content, {
     isCompact: true
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ContentHeader.ContentHeader, {
+  }, (0, _react.jsx)("div", null, (0, _react.jsx)(_ContentHeader.ContentHeader, {
     onClick: handleClick,
     link: link
-  }, /*#__PURE__*/React.createElement(_Link.Link, {
+  }, (0, _react.jsx)(_Link.Link, {
     url: link,
     testId: testId
-  })), /*#__PURE__*/React.createElement(_Byline.Byline, {
+  })), (0, _react.jsx)(_Byline.Byline, {
     testId: testId ? "".concat(testId, "-byline") : undefined,
-    text: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, textBylineProps, {
+    text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, textBylineProps, {
       values: {
         context: context.text
       }
     }))
-  })), /*#__PURE__*/React.createElement(_ContentFooter.ContentFooter, null, /*#__PURE__*/React.createElement(_Provider.Provider, {
+  })), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && /*#__PURE__*/React.createElement(_ActionList.ActionList, {
+  }), showActions && (0, _react.jsx)(_ActionList.ActionList, {
     items: actions
   }))));
 };

package/dist/cjs/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -20,6 +20,7 @@ var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
 var _templateObject;
+/** @jsx jsx */
 var contentStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), "var(--ds-text-subtlest, #626F86)");
 
 /**
@@ -50,12 +51,12 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     }
   }, [onAuthorize, extensionKey, analytics === null || analytics === void 0 ? void 0 : analytics.track]);
   var content = (0, _react2.useMemo)(function () {
-    return onAuthorize ? /*#__PURE__*/React.createElement(_UnauthorisedViewContent.default, {
+    return onAuthorize ? (0, _react.jsx)(_UnauthorisedViewContent.default, {
       providerName: providerName,
       isProductIntegrationSupported: isProductIntegrationSupported,
       analytics: analytics,
       testId: testId
-    }) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    }) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
       values: {
         context: providerName
       }
@@ -64,10 +65,10 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var actions = (0, _react2.useMemo)(function () {
     return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  return /*#__PURE__*/React.createElement(_unresolvedView.default, (0, _extends2.default)({}, props, {
+  return (0, _react.jsx)(_unresolvedView.default, (0, _extends2.default)({}, props, {
     actions: actions,
     testId: testId
-  }), /*#__PURE__*/React.createElement("div", {
+  }), (0, _react.jsx)("div", {
     css: contentStyles,
     "data-testid": "".concat(testId, "-content")
   }, content));

package/dist/cjs/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withFlexibleUIBlockCardStyle = void 0;
+var _react = require("@emotion/react");
 var _styled = require("../styled");
+/** @jsx jsx */
+
 var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
-    return /*#__PURE__*/React.createElement("div", {
+    return (0, _react.jsx)("div", {
       css: _styled.flexibleBlockCardStyle
-    }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
+    }, (0, _react.jsx)(FlexibleBlockCardView, props));
   };
 };

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

@@ -27,6 +27,7 @@ function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
     isSelected = _ref.isSelected,
+    isHovered = _ref.isHovered,
     isFrameVisible = _ref.isFrameVisible,
     frameStyle = _ref.frameStyle,
     platform = _ref.platform,
@@ -216,6 +217,7 @@ function Component(_ref) {
         handleAuthorize: services.length && handleAuthorize || undefined,
         handleFrameClick: handleClickWrapper,
         isSelected: isSelected,
+        isHovered: isHovered,
         onResolve: onResolve,
         onError: onError,
         testId: testId,

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

@@ -40,6 +40,7 @@ function CardWithURLRenderer(props) {
   var url = props.url,
     appearance = props.appearance,
     isSelected = props.isSelected,
+    isHovered = props.isHovered,
     isFrameVisible = props.isFrameVisible,
     frameStyle = props.frameStyle,
     onClick = props.onClick,
@@ -109,6 +110,7 @@ function CardWithURLRenderer(props) {
     appearance: appearance,
     onClick: onClick,
     isSelected: isSelected,
+    isHovered: isHovered,
     isFrameVisible: isFrameVisible,
     frameStyle: frameStyle,
     container: container,

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

@@ -7,13 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Frame = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _utils = require("../../../utils");
 var _IframeDwellTracker = require("./IframeDwellTracker");
 var _IFrame = require("./IFrame");
 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; }
+/** @jsx jsx */
+
 function mergeRefs(refs) {
   return function (value) {
     refs.forEach(function (ref) {
@@ -25,28 +28,28 @@ function mergeRefs(refs) {
     });
   };
 }
-var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
+var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_ref, iframeRef) {
   var url = _ref.url,
     _ref$isTrusted = _ref.isTrusted,
     isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus;
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react2.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIframeLoaded = _useState2[0],
     setIframeLoaded = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react2.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isMouseOver = _useState4[0],
     setMouseOver = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
+  var _useState5 = (0, _react2.useState)(true),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isWindowFocused = _useState6[0],
     setWindowFocused = _useState6[1];
-  var ref = (0, _react.useRef)();
+  var ref = (0, _react2.useRef)();
   var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState7 = (0, _react.useState)(0),
+  var _useState7 = (0, _react2.useState)(0),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     percentVisible = _useState8[0],
     setPercentVisible = _useState8[1];
@@ -56,10 +59,10 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
    * trigger a state change. Eg. when the user scrolls and moves from 74% to 76%, or
    * vice versa. It's in a state object so that its static for the useEffect
    */
-  var _useState9 = (0, _react.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
+  var _useState9 = (0, _react2.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 1),
     threshold = _useState10[0];
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     if (!ref || !ref.current) {
       return;
     }
@@ -75,7 +78,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
       observer.disconnect();
     };
   }, [threshold, mergedRef]);
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     var onBlur = function onBlur() {
       setWindowFocused(false);
       if (document.activeElement === ref.current) {
@@ -95,13 +98,13 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
   if (!url) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IframeDwellTracker.IframeDwellTracker, {
+  return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)(_IframeDwellTracker.IframeDwellTracker, {
     isIframeLoaded: isIframeLoaded,
     isMouseOver: isMouseOver,
     isWindowFocused: isWindowFocused,
     iframePercentVisible: percentVisible,
     onIframeDwell: onIframeDwell
-  }), /*#__PURE__*/_react.default.createElement(_IFrame.IFrame, {
+  }), (0, _react.jsx)(_IFrame.IFrame, {
     childRef: mergedRef,
     src: url,
     "data-testid": "".concat(testId, "-frame"),

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.IframeDwellTracker = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+/** @jsx jsx */
+
 /**
  * A kind of cheap logarithmic backoff. Fire analytics after the user has
  * dwelled for 5 seconds, then 10 seconds, and so on.

package/dist/cjs/view/EmbedCard/views/ErroredView.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbedCardErroredView = void 0;
+var _react = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _constants = require("@atlaskit/theme/constants");
@@ -13,6 +14,8 @@ var _Frame = require("../../BlockCard/components/Frame");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _utils = require("../../common/utils");
+/** @jsx jsx */
+
 var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErroredView(_ref) {
   var onRetry = _ref.onRetry,
     _ref$isSelected = _ref.isSelected,
@@ -20,16 +23,16 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'embed-card-errored-view' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions;
-  return /*#__PURE__*/React.createElement(_Frame.Frame, {
+  return (0, _react.jsx)(_Frame.Frame, {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,
     testId: testId
-  }, /*#__PURE__*/React.createElement(_error.default, {
+  }, (0, _react.jsx)(_error.default, {
     size: "small",
     primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
     label: "error-icon"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), (0, _react.jsx)("span", {
     css: {
       fontSize: "".concat((0, _constants.fontSize)(), "px"),
       marginLeft: (0, _utils.gs)(0.5),
@@ -42,10 +45,10 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
       // Fallback options.
       maxHeight: (0, _utils.gs)(3)
     }
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link)), /*#__PURE__*/React.createElement(_customThemeButton.default, {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link)), (0, _react.jsx)(_customThemeButton.default, {
     testId: "err-view-retry",
     appearance: "link",
     spacing: "none",
     onClick: onRetry
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
 };

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

@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbedCardResolvedView = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 var _ExpandedFrame = require("../components/ExpandedFrame");
 var _ImageIcon = require("../components/ImageIcon");
 var _Frame = require("../components/Frame");
 var _tokens = require("@atlaskit/tokens");
-var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.default.forwardRef(function (_ref, embedIframeRef) {
+/** @jsx jsx */
+
+var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react2.default.forwardRef(function (_ref, embedIframeRef) {
   var link = _ref.link,
     context = _ref.context,
     onClick = _ref.onClick,
@@ -30,18 +33,18 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
-  var linkGlyph = _react.default.useMemo(function () {
-    return /*#__PURE__*/_react.default.createElement(_link.default, {
+  var linkGlyph = _react2.default.useMemo(function () {
+    return (0, _react.jsx)(_link.default, {
       label: "icon",
       size: "small",
       testId: "embed-card-fallback-icon"
     });
   }, []);
-  var icon = _react.default.useMemo(function () {
-    if ( /*#__PURE__*/_react.default.isValidElement(iconFromContext)) {
+  var icon = _react2.default.useMemo(function () {
+    if ( /*#__PURE__*/_react2.default.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
+    return (0, _react.jsx)(_ImageIcon.ImageIcon, {
       src: src,
       default: linkGlyph
     });
@@ -52,7 +55,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
   if (previewUrl && isSupportTheming && colorMode) {
     previewUrl = "".concat(previewUrl).concat(previewUrl.includes('?') ? '&' : '?', "themeMode=").concat(colorMode);
   }
-  return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
+  return (0, _react.jsx)(_ExpandedFrame.ExpandedFrame, {
     isSelected: isSelected,
     isFrameVisible: isFrameVisible,
     frameStyle: frameStyle,
@@ -62,7 +65,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     text: text,
     onClick: onClick,
     inheritDimensions: inheritDimensions
-  }, /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+  }, (0, _react.jsx)(_Frame.Frame, {
     url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,