@atlaskit/smart-card 26.42.9 → 26.42.11

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

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
@@ -12,23 +10,23 @@ export const ActionList = ({
 }) => {
   const actionsToShow = items.slice(0, 2);
   const actionsToList = items.slice(2, items.length);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       display: 'flex',
       marginTop: [gs(2), 0]
     })
-  }, jsx(ButtonGroup, null, actionsToShow.map(action => jsx(Action, _extends({
+  }, /*#__PURE__*/React.createElement(ButtonGroup, null, actionsToShow.map(action => /*#__PURE__*/React.createElement(Action, _extends({
     key: action.id
-  }, action)))), actionsToList.length ? jsx("div", {
+  }, action)))), actionsToList.length ? /*#__PURE__*/React.createElement("div", {
     css: {
       marginLeft: gs(0.5)
     }
-  }, jsx(DropdownMenu, {
+  }, /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: ({
       triggerRef,
       ...props
-    }) => jsx(Button, _extends({}, props, {
-      iconBefore: jsx(MoreIcon, {
+    }) => /*#__PURE__*/React.createElement(Button, _extends({}, props, {
+      iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
         label: "more"
       }),
       ref: triggerRef,
@@ -38,9 +36,9 @@ export const ActionList = ({
       testId: "dropdown-trigger"
     })),
     placement: "right-start"
-  }, jsx(DropdownItemGroup, {
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, {
     testId: "dropdown-menu"
-  }, actionsToList.map(actionToList => jsx(DropdownItem, {
+  }, actionsToList.map(actionToList => /*#__PURE__*/React.createElement(DropdownItem, {
     key: actionToList.id
   }, actionToList.text))))) : null);
 };

package/dist/es2019/view/BlockCard/components/CollaboratorList.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { mq } from '../../common/utils';
 export const CollaboratorList = ({
@@ -11,11 +9,11 @@ export const CollaboratorList = ({
   if (items.length === 0) {
     return null;
   }
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: mq({
       display: ['none', 'inherit']
     })
-  }, jsx(AvatarGroup, {
+  }, /*#__PURE__*/React.createElement(AvatarGroup, {
     maxCount: 4,
     appearance: "stack",
     size: "small",

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

@@ -1,11 +1,9 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export const blockCardContentClassName = 'block-card-content';
 export const Content = ({
   children,
   isCompact = false
-}) => jsx("div", {
+}) => /*#__PURE__*/React.createElement("div", {
   css: mq({
     padding: isCompact ? gs(1) : gs(2),
     display: 'flex',

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

@@ -1,11 +1,9 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export const contentFooterClassName = 'smart-link-content-footer';
 export const ContentFooter = ({
   children,
   hasSpaceBetween = false
-}) => jsx("div", {
+}) => /*#__PURE__*/React.createElement("div", {
   css: mq({
     display: 'flex',
     flexDirection: ['column', 'row'],

package/dist/es2019/view/BlockCard/components/ContentHeader.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 export const blockCardContentHeaderClassName = 'block-card-content-header';
 export const ContentHeader = ({
@@ -8,7 +6,7 @@ export const ContentHeader = ({
   children
 }) => {
   const onMouseDown = useMouseDownEvent();
-  return jsx("a", {
+  return /*#__PURE__*/React.createElement("a", {
     onClick: onClick,
     onMouseDown: onMouseDown,
     href: link,

package/dist/es2019/view/BlockCard/components/Emoji.js

@@ -1,11 +1,9 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { gs } from '../../common/utils';
 export const Emoji = ({
   emoji
 }) => {
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       height: gs(2.5),
       width: gs(2),

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { 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';
@@ -7,7 +5,7 @@ export const Frame = (props = {
   isSelected: false,
   isHoverable: false,
   isFluidHeight: false
-}) => props.compact ? jsx(CompactFrame, props) : jsx(ExpandedFrame, props);
+}) => props.compact ? /*#__PURE__*/React.createElement(CompactFrame, props) : /*#__PURE__*/React.createElement(ExpandedFrame, props);
 const sharedFrameStyles = {
   maxWidth: gs(95),
   width: '100%',
@@ -22,7 +20,7 @@ export const ExpandedFrame = ({
   className,
   isFluidHeight
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       ...sharedFrameStyles,
       '&:hover': isHoverable ? {
@@ -50,7 +48,7 @@ export const CompactFrame = ({
   className,
   inheritDimensions
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       ...sharedFrameStyles,
       '&:hover': isHoverable ? {

package/dist/es2019/view/BlockCard/components/Link.js

@@ -1,12 +1,10 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { B400 } from '@atlaskit/theme/colors';
 export const Link = ({
   url,
   testId = 'block-card',
   className
 }) => {
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     "data-testid": `${testId}-link`,
     className: className,
     css: {

package/dist/es2019/view/BlockCard/components/Name.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';
 export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
@@ -8,7 +6,7 @@ export const Name = ({
   isLeftPadded = true,
   testId,
   textColor
-}) => jsx("span", {
+}) => /*#__PURE__*/React.createElement("span", {
   css: {
     fontSize: `${fontSize()}px`,
     fontWeight: 500,

package/dist/es2019/view/BlockCard/components/Provider.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { gs } from '../../common/utils';
 export const Provider = ({
@@ -8,7 +6,7 @@ export const Provider = ({
 }) => {
   let iconToRender = icon || null;
   if (typeof icon === 'string') {
-    iconToRender = jsx("img", {
+    iconToRender = /*#__PURE__*/React.createElement("img", {
       className: "smart-link-icon",
       css: {
         height: gs(1.5),
@@ -17,14 +15,14 @@ export const Provider = ({
       src: icon
     });
   }
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       alignItems: 'center',
       fontSize: gs(1.5),
       whiteSpace: 'normal'
     }
-  }, iconToRender, jsx("span", {
+  }, iconToRender, /*#__PURE__*/React.createElement("span", {
     css: {
       color: `var(--ds-text-subtlest, ${N300})`,
       margin: 0,

package/dist/es2019/view/BlockCard/components/Thumbnail.js

@@ -1,8 +1,6 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
 export const Thumbnail = props => {
-  return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
+  return props.color ? /*#__PURE__*/React.createElement(ThumbnailWithBackground, props) : /*#__PURE__*/React.createElement(ThumbnailDefault, props);
 };
 const sharedStyles = {
   // The dimensions of the image are set in this manner
@@ -14,7 +12,7 @@ export const ThumbnailDefault = ({
   src,
   testId
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       ...sharedStyles,
       backgroundSize: 'cover',
@@ -31,7 +29,7 @@ export const ThumbnailWithBackground = ({
   color,
   testId
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mq({
       ...sharedStyles,
       backgroundColor: color,
@@ -41,7 +39,7 @@ export const ThumbnailWithBackground = ({
     }),
     "data-testid": testId,
     "data-trello-do-not-use-override": testId
-  }, jsx("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: src,
     css: {
       height: '90px',

package/dist/es2019/view/BlockCard/components/UnresolvedText.js

@@ -1,10 +1,8 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 export const UnresolvedText = ({
   icon,
   text
 }) => {
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: {
       display: 'flex',
       alignItems: 'center'

package/dist/es2019/view/BlockCard/index.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
@@ -21,7 +19,6 @@ import FlexibleNotFoundViewOld from './views/flexible/FlexibleNotFoundViewOld';
 import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
 import FlexibleForbiddenViewOld from './views/flexible/FlexibleForbiddenViewOld';
 import FlexibleErroredView from './views/flexible/FlexibleErroredView';
-import { jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { default as PreviewAction } from './actions/PreviewAction';
@@ -76,25 +73,25 @@ export const BlockCard = ({
     switch (status) {
       case 'pending':
       case 'resolving':
-        return jsx(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
           testId: 'smart-block-resolving-view'
         }));
       case 'resolved':
-        return jsx(FlexibleResolvedView, flexibleBlockCardProps);
+        return /*#__PURE__*/React.createElement(FlexibleResolvedView, flexibleBlockCardProps);
       case 'unauthorized':
-        return jsx(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'forbidden':
-        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? jsx(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
+        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : jsx(FlexibleForbiddenViewOld, _extends({}, flexibleBlockCardProps, {
+        })) : /*#__PURE__*/React.createElement(FlexibleForbiddenViewOld, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'not_found':
-        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? jsx(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
+        return getBooleanFF('platform.linking-platform.smart-card.cross-join') ? /*#__PURE__*/React.createElement(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
-        })) : jsx(FlexibleNotFoundViewOld, _extends({}, flexibleBlockCardProps, {
+        })) : /*#__PURE__*/React.createElement(FlexibleNotFoundViewOld, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
       case 'fallback':
@@ -107,14 +104,14 @@ export const BlockCard = ({
           });
         }
         if (authFlow && authFlow === 'disabled') {
-          return jsx(CardLinkView, {
+          return /*#__PURE__*/React.createElement(CardLinkView, {
             link: url,
             isSelected: isSelected,
             onClick: handleFrameClick,
             testId: `${testId}-${status}`
           });
         }
-        return jsx(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
+        return /*#__PURE__*/React.createElement(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
           onAuthorize: handleAuthorize
         }));
     }
@@ -122,7 +119,7 @@ export const BlockCard = ({
   switch (status) {
     case 'pending':
     case 'resolving':
-      return jsx(BlockCardResolvingView, {
+      return /*#__PURE__*/React.createElement(BlockCardResolvingView, {
         testId: testId,
         isSelected: isSelected
       });
@@ -134,7 +131,7 @@ export const BlockCard = ({
           url
         });
       }
-      return jsx(BlockCardResolvedView, _extends({}, resolvedViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -148,7 +145,7 @@ export const BlockCard = ({
         });
       }
       const unauthorizedViewProps = extractBlockProps(data, meta, extractorOpts);
-      return jsx(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -169,7 +166,7 @@ export const BlockCard = ({
         url,
         context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
-      return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,
         showActions: showActions,
         actions: handleAuthorize ? [ForbiddenAction(handleAuthorize)] : [],
@@ -184,7 +181,7 @@ export const BlockCard = ({
         });
       }
       const notFoundViewProps = extractBlockProps(data, meta, extractorOpts);
-      return jsx(BlockCardNotFoundView, _extends({}, notFoundViewProps, {
+      return /*#__PURE__*/React.createElement(BlockCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         testId: testId,
         onClick: handleFrameClick
@@ -199,14 +196,14 @@ export const BlockCard = ({
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return jsx(CardLinkView, {
+        return /*#__PURE__*/React.createElement(CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: `${testId}-${status}`
         });
       }
-      return jsx(BlockCardErroredView, {
+      return /*#__PURE__*/React.createElement(BlockCardErroredView, {
         link: url,
         isSelected: isSelected,
         onRetry: handleErrorRetry,

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
@@ -29,29 +27,29 @@ export const ErroredView = ({
 }) => {
   const handleClick = event => handleClickCommon(event, onClick);
   const actions = useMemo(() => onRetry ? [RetryAction(onRetry)] : [], [onRetry]);
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardErroredViewClassName,
     isFluidHeight: true,
     inheritDimensions: inheritDimensions
-  }, jsx(Content, {
+  }, /*#__PURE__*/React.createElement(Content, {
     isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ContentHeader, {
     onClick: handleClick,
     link: link
-  }, jsx(Link, {
+  }, /*#__PURE__*/React.createElement(Link, {
     url: link,
     testId: testId
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon: jsx(WarningIcon, {
+  })), /*#__PURE__*/React.createElement(Byline, null, /*#__PURE__*/React.createElement(UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(WarningIcon, {
       label: "errored-warning-icon",
       size: "small",
       primaryColor: `var(--ds-icon-warning, ${R300})`,
       testId: `${testId}-warning-icon`
     }),
-    text: jsx(FormattedMessage, textDescriptionProps)
-  }))), jsx(ContentFooter, null, jsx(ActionList, {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, textDescriptionProps)
+  }))), /*#__PURE__*/React.createElement(ContentFooter, null, /*#__PURE__*/React.createElement(ActionList, {
     items: actions
   }))));
 };

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

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
@@ -35,36 +33,36 @@ export const ForbiddenView = ({
     descriptiveMessageKey = 'invalid_permissions_description'
   } = requestAccessContext;
   const items = action ? [...actions, action] : actions;
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardForbiddenViewClassName,
     isFluidHeight: true
-  }, jsx(Content, {
+  }, /*#__PURE__*/React.createElement(Content, {
     isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ContentHeader, {
     onClick: handleClick,
     link: link
-  }, jsx(Link, {
+  }, /*#__PURE__*/React.createElement(Link, {
     url: link,
     testId: testId,
     className: blockCardForbiddenViewLinkClassName
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon: jsx(LockIcon, {
+  })), /*#__PURE__*/React.createElement(Byline, null, /*#__PURE__*/React.createElement(UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(LockIcon, {
       label: "forbidden-lock-icon",
       size: "small",
       primaryColor: `var(--ds-icon-danger, ${R300})`,
       testId: `${testId}-lock-icon`
     }),
-    text: jsx(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
       values: {
         context: context.text
       }
     }))
-  }))), jsx(ContentFooter, null, jsx(Provider, {
+  }))), /*#__PURE__*/React.createElement(ContentFooter, null, /*#__PURE__*/React.createElement(Provider, {
     name: context.text,
     icon: context.icon
-  }), showActions && jsx(ActionList, {
+  }), showActions && /*#__PURE__*/React.createElement(ActionList, {
     items: items
   }))));
 };

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { R300 } from '@atlaskit/theme/colors';
@@ -28,28 +26,28 @@ export const NotFoundView = ({
   onClick = () => {}
 }) => {
   const handleClick = event => handleClickCommon(event, onClick);
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardNotFoundViewClassName,
     isFluidHeight: true
-  }, jsx(Content, {
+  }, /*#__PURE__*/React.createElement(Content, {
     isCompact: true
-  }, jsx("div", null, jsx(ContentHeader, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ContentHeader, {
     onClick: handleClick,
     link: link
-  }, jsx(Link, {
+  }, /*#__PURE__*/React.createElement(Link, {
     url: link,
     testId: testId
-  })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon: jsx(WarningIcon, {
+  })), /*#__PURE__*/React.createElement(Byline, null, /*#__PURE__*/React.createElement(UnresolvedText, {
+    icon: /*#__PURE__*/React.createElement(WarningIcon, {
       label: "not-found-warning-icon",
       size: "small",
       primaryColor: `var(--ds-icon-warning, ${R300})`,
       testId: `${testId}-warning-icon`
     }),
-    text: jsx(FormattedMessage, textDescriptionProps)
-  }))), jsx(ContentFooter, null, jsx(Provider, {
+    text: /*#__PURE__*/React.createElement(FormattedMessage, textDescriptionProps)
+  }))), /*#__PURE__*/React.createElement(ContentFooter, null, /*#__PURE__*/React.createElement(Provider, {
     name: context.text,
     icon: context.icon
   }))));

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
@@ -41,54 +39,54 @@ export const ResolvedView = ({
   testId = 'block-card-resolved-view',
   showActions = true
 }) => {
-  const resolvedMetadata = details.length > 0 ? jsx(MetadataList, {
+  const resolvedMetadata = details.length > 0 ? /*#__PURE__*/React.createElement(MetadataList, {
     testId: testId ? `${testId}-meta` : undefined,
     items: details
   }) : undefined;
-  const resolvedByline = jsx(Byline, {
+  const resolvedByline = /*#__PURE__*/React.createElement(Byline, {
     testId: testId ? `${testId}-by` : undefined,
     className: blockCardResolvedViewByClassName
   }, byline);
   const handleClick = event => handleClickCommon(event, onClick);
   const hasActions = showActions && actions.length > 0;
-  return jsx(Frame, {
+  return /*#__PURE__*/React.createElement(Frame, {
     isSelected: isSelected,
     testId: testId,
     className: blockCardResolvedViewClassName
-  }, jsx(Content, null, jsx("div", null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     css: {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'flex-start'
     }
-  }, jsx(ContentHeader, {
+  }, /*#__PURE__*/React.createElement(ContentHeader, {
     onClick: handleClick,
     link: link
-  }, titlePrefix ? jsx(Emoji, {
+  }, titlePrefix ? /*#__PURE__*/React.createElement(Emoji, {
     emoji: titlePrefix
-  }) : jsx(Icon, icon), jsx(Name, {
+  }) : /*#__PURE__*/React.createElement(Icon, icon), /*#__PURE__*/React.createElement(Name, {
     name: title,
     textColor: titleTextColor
-  }), lozenge && jsx(LozengeBlockWrapper, {
+  }), lozenge && /*#__PURE__*/React.createElement(LozengeBlockWrapper, {
     css: {
       height: gs(2.5),
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center'
     }
-  }, jsx(Lozenge, lozenge, lozenge.text))), jsx(CollaboratorList, {
+  }, /*#__PURE__*/React.createElement(Lozenge, lozenge, lozenge.text))), /*#__PURE__*/React.createElement(CollaboratorList, {
     items: users,
     handleAvatarClick: handleAvatarClick,
     handleMoreAvatarsClick: handleMoreAvatarsClick,
     testId: testId ? `${testId}-collaborator-list` : undefined
-  })), resolvedByline, resolvedMetadata), jsx(ContentFooter, {
+  })), resolvedByline, resolvedMetadata), /*#__PURE__*/React.createElement(ContentFooter, {
     hasSpaceBetween: hasActions
-  }, jsx(Provider, {
+  }, /*#__PURE__*/React.createElement(Provider, {
     name: context.text,
     icon: context.icon
-  }), hasActions && jsx(ActionList, {
+  }), hasActions && /*#__PURE__*/React.createElement(ActionList, {
     items: actions
-  }))), thumbnail ? jsx(Thumbnail, {
+  }))), thumbnail ? /*#__PURE__*/React.createElement(Thumbnail, {
     src: thumbnail,
     testId: testId ? `${testId}-thumb` : undefined
   }) : null);

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
@@ -12,20 +10,20 @@ export const ResolvingView = ({
   isSelected = false,
   testId = 'block-card-resolving-view',
   inheritDimensions
-}) => jsx(Frame, {
+}) => /*#__PURE__*/React.createElement(Frame, {
   inheritDimensions: inheritDimensions,
   compact: true,
   isSelected: isSelected,
   testId: testId,
   className: blockCardResolvingViewClassName
-}, jsx(DocumentFilledIcon, {
+}, /*#__PURE__*/React.createElement(DocumentFilledIcon, {
   size: "small",
   primaryColor: `var(--ds-icon-subtle, ${N50})`,
   label: "document-icon"
-}), jsx("span", {
+}), /*#__PURE__*/React.createElement("span", {
   css: {
     fontSize: `${fontSize()}px`,
     color: `var(--ds-text-subtlest, ${N90})`,
     marginLeft: gs(0.5)
   }
-}, jsx(FormattedMessage, messages.loading)));
+}, /*#__PURE__*/React.createElement(FormattedMessage, messages.loading)));