@atlaskit/smart-card 17.7.2 → 17.7.5

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

@@ -7,7 +7,7 @@ import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { Action } from './Action';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export const ActionList = ({
   items
 }) => {

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import AvatarGroup from '@atlaskit/avatar-group';
-import { mq } from '../utils';
+import { mq } from '../../common/utils';
 export const CollaboratorList = ({
   items,
   handleAvatarClick = () => {},

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export const blockCardContentClassName = 'block-card-content';
 export const Content = ({
   children,

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export const contentFooterClassName = 'smart-link-content-footer';
 export const ContentFooter = ({
   children,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React from 'react';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export const Emoji = ({
   emoji
 }) => {

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

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/core';
 import React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';
-import { gs, br, mq } from '../utils';
+import { gs, br, mq } from '../../common/utils';
 export const Frame = (props = {
   isSelected: false,
   isHoverable: false,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { fontSize } from '@atlaskit/theme/constants';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 export const Name = ({
   name,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export const Provider = ({
   name,
   icon

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export const Thumbnail = props => {
   return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
 };

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

@@ -5,7 +5,7 @@ import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

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

@@ -7,7 +7,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

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

@@ -6,7 +6,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';
 import { ContentFooter } from '../components/ContentFooter';

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

@@ -5,17 +5,17 @@ import { Frame } from '../components/Frame';
 import { Thumbnail } from '../components/Thumbnail';
 import { Provider } from '../components/Provider';
 import { Name } from '../components/Name';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { CollaboratorList } from '../components/CollaboratorList';
 import { Emoji } from '../components/Emoji';
-import { Icon } from '../components/Icon';
+import { Icon } from '../../common/Icon';
 import { Content } from '../components/Content';
-import { MetadataList } from '../components/MetadataList';
+import { MetadataList } from '../../common/MetadataList';
 import { LozengeBlockWrapper } from '../../InlineCard/IconAndTitleLayout/styled';
 import { ContentHeader } from '../components/ContentHeader';
 import { ContentFooter } from '../components/ContentFooter';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 import { handleClickCommon } from '../utils/handlers';
 export const blockCardResolvedViewClassName = 'block-card-resolved-view';
 export const blockCardResolvedViewByClassName = 'block-card-resolved-view-by';

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

@@ -4,7 +4,7 @@ import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { N50, N90 } from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
 import { Frame } from '../components/Frame';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
 export const blockCardResolvingViewClassName = 'block-card-resolving-view';

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

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/core';
 import { FormattedMessage } from 'react-intl-next';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

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

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { size as csssize, borderRadius, size, ellipsis } from '@atlaskit/media-ui';
 import { fontFamily } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { gs as gridSize } from '../../BlockCard/utils';
+import { gs as gridSize } from '../../common/utils';
 export const className = 'media-card-frame';
 export const cardShadow = ``;
 

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

@@ -7,7 +7,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import { Frame } from '../../BlockCard/components/Frame';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
-import { gs } from '../../BlockCard/utils';
+import { gs } from '../../common/utils';
 export const EmbedCardErroredView = ({
   onRetry,
   isSelected = false,

package/dist/es2019/view/EmbedCard/views/UnresolvedView.js

@@ -6,7 +6,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import { fontSize } from '@atlaskit/theme/constants';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
-import { gs as gridSize } from '../../BlockCard/utils';
+import { gs as gridSize } from '../../common/utils';
 export const EmbedCardUnresolvedView = ({
   image,
   title,

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

@@ -17,19 +17,25 @@ const styles = css`
 const ActionGroup = ({
   items = [],
   size = SmartLinkSize.Medium,
-  appearance
+  appearance,
+  visibleButtonsNum = 2,
+  onDropdownOpenChange
 }) => {
-  const isMoreThenTwoItems = items.length > 2;
-  const firstActions = isMoreThenTwoItems ? items.slice(0, 1) : items;
-  const restActions = isMoreThenTwoItems ? items.slice(1) : [];
+  const isMoreThenTwoItems = items.length > visibleButtonsNum;
+  const firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
+  const restActions = isMoreThenTwoItems ? items.slice(visibleButtonsNum - 1) : [];
   return jsx("div", {
     css: styles
   }, jsx(ButtonGroup, null, renderActionItems(firstActions, size, appearance), restActions.length > 0 ? jsx(DropdownMenu, {
+    onOpenChange: ({
+      isOpen
+    }) => onDropdownOpenChange && onDropdownOpenChange(isOpen),
     trigger: ({
       triggerRef,
       ...props
     }) => jsx(Button, _extends({}, props, {
       spacing: sizeToSpacing[size],
+      className: "action-group-more-button",
       testId: "action-group-more-button",
       iconBefore: jsx(MoreIcon, {
         label: "more"

package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -13,9 +13,10 @@ const Block = ({
   children,
   direction = SmartLinkDirection.Horizontal,
   size = SmartLinkSize.Medium,
-  testId = 'smart-block'
+  testId = 'smart-block',
+  extraCss
 }) => jsx("div", {
-  css: getBlockStyles(direction, size),
+  css: [getBlockStyles(direction, size), extraCss],
   "data-smart-block": true,
   "data-testid": testId
 }, renderChildren(children, size));

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,11 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+
+/** @jsx jsx */
+import React, { useState } from 'react';
+import { css, jsx } from '@emotion/core';
 import { LinkIcon, Title } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkWidth } from '../../../../../../constants';
 import { renderElementItems } from '../../utils';
 import ActionGroup from '../../action-group';
+const actionOnHoverOnlyStyle = css`
+  .action-group-more-button {
+    visibility: hidden;
+  }
+
+  &:hover {
+    .action-group-more-button {
+      visibility: visible;
+    }
+  }
+`;
 
 const TitleBlockResolvedView = ({
   maxLines,
@@ -16,30 +30,36 @@ const TitleBlockResolvedView = ({
   testId,
   theme,
   text,
+  showActionOnHover,
   ...blockProps
 }) => {
+  const [actionDropdownOpen, setActionDropdownOpen] = useState(false);
   const metadataElements = renderElementItems(metadata);
   const subtitleElements = renderElementItems(subtitle);
   const overrideText = !!text ? {
     text
   } : {};
-  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
-    testId: `${testId}-resolved-view`
-  }), /*#__PURE__*/React.createElement(LinkIcon, {
+  const extraCss = showActionOnHover && !actionDropdownOpen ? actionOnHoverOnlyStyle : undefined;
+  return jsx(Block, _extends({}, blockProps, {
+    testId: `${testId}-resolved-view`,
+    extraCss: extraCss
+  }), jsx(LinkIcon, {
     position: position
-  }), /*#__PURE__*/React.createElement(ElementGroup, {
+  }), jsx(ElementGroup, {
     direction: SmartLinkDirection.Vertical,
     width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(Title, _extends({
+  }, jsx(Title, _extends({
     maxLines: maxLines,
     theme: theme
-  }, overrideText)), subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
+  }, overrideText)), subtitleElements && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal
-  }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
+  }, subtitleElements)), metadataElements && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,
     align: SmartLinkAlignment.Right
-  }, metadataElements), actions.length > 0 && /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions
+  }, metadataElements), actions.length > 0 && jsx(ActionGroup, {
+    items: actions,
+    visibleButtonsNum: showActionOnHover ? 1 : 2,
+    onDropdownOpenChange: isOpen => setActionDropdownOpen(isOpen)
   }));
 };
 

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import Tooltip from '@atlaskit/tooltip';
+import { TitleBlock, SnippetBlock, FooterBlock } from '../FlexibleCard/components/blocks';
+import { Card } from '../Card';
+import { HoverCardContainer } from './styled';
+export const HoverCard = ({
+  children,
+  url
+}) => {
+  const cardComponent = /*#__PURE__*/React.createElement(Card, {
+    appearance: "block",
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, null), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(FooterBlock, null));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: cardComponent,
+    component: HoverCardContainer,
+    testId: "hover-card",
+    tag: "span"
+  }, children);
+};

package/dist/es2019/view/HoverCard/styled.js

@@ -0,0 +1,9 @@
+import styled from '@emotion/styled';
+import { TooltipPrimitive } from '@atlaskit/tooltip';
+export const HoverCardContainer = styled(TooltipPrimitive)`
+  background: none;
+  border-width: 0;
+  box-sizing: content-box; /* do not set this to border-box or it will break the overflow handling */
+  max-width: 500px;
+  padding: 0;
+`;

package/dist/es2019/view/HoverCard/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -3,6 +3,7 @@ import { Frame } from '../Frame';
 import Lozenge from '@atlaskit/lozenge';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { LozengeWrapper } from '../IconAndTitleLayout/styled';
+import { HoverCard } from '../../../view/HoverCard/index';
 export class InlineCardResolvedView extends React.Component {
   renderLozenge() {
     const {
@@ -28,9 +29,10 @@ export class InlineCardResolvedView extends React.Component {
       link,
       testId = 'inline-card-resolved-view',
       titleTextColor,
-      titlePrefix
+      titlePrefix,
+      showHoverPreview = false
     } = this.props;
-    return /*#__PURE__*/React.createElement(Frame, {
+    const inlineCardResolvedView = /*#__PURE__*/React.createElement(Frame, {
       testId: testId,
       link: link,
       isSelected: isSelected,
@@ -41,6 +43,14 @@ export class InlineCardResolvedView extends React.Component {
       title: title,
       titleTextColor: titleTextColor
     }), this.renderLozenge());
+
+    if (showHoverPreview && link) {
+      return /*#__PURE__*/React.createElement(HoverCard, {
+        url: link
+      }, inlineCardResolvedView);
+    }
+
+    return inlineCardResolvedView;
   }
 
 }

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

@@ -19,7 +19,8 @@ export const InlineCard = ({
   renderers,
   onResolve,
   testId,
-  inlinePreloaderStyle
+  inlinePreloaderStyle,
+  showHoverPreview
 }) => {
   var _details$meta;
 
@@ -52,6 +53,7 @@ export const InlineCard = ({
       }
 
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
+        showHoverPreview: showHoverPreview,
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/es2019/view/{BlockCard/components → common}/Byline.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
-import { gs, mq } from '../utils';
+import { gs, mq } from './utils';
 export const Byline = ({
   text,
   children,

package/dist/es2019/view/{BlockCard/components → common}/Icon.js

@@ -3,7 +3,7 @@ import { jsx } from '@emotion/core';
 import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
-import { gs } from '../utils';
+import { gs } from './utils';
 export const blockCardIconImageClassName = 'block-card-icon-image';
 export const Icon = ({
   url,

package/dist/es2019/view/{BlockCard/components → common}/Metadata.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import Tooltip from '@atlaskit/tooltip';
-import { gs } from '../utils';
+import { gs } from './utils';
 import { N300 } from '@atlaskit/theme/colors';
 export const Metadata = ({
   text,

package/dist/es2019/view/{BlockCard/components → common}/MetadataList.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { Metadata } from './Metadata';
-import { gs } from '../utils';
+import { gs } from './utils';
 export const metadataListClassName = 'smart-link-metadata-list';
 export const MetadataList = ({
   items,

package/dist/es2019/view/{BlockCard/components → common}/Modal.js

@@ -17,7 +17,7 @@ https://atlassian.design/components/modal-dialog/examples#customizing-modal-dial
 import React, { useState } from 'react';
 import ModalDialog, { ModalTransition, ModalBody } from '@atlaskit/modal-dialog';
 import { Header } from './ModalHeader';
-import { getIframeSandboxAttribute } from '../../../utils';
+import { getIframeSandboxAttribute } from '../../utils';
 const iframeStyles = {
   width: `100%`,
   height: 'calc(100vh - 248px)'

package/dist/es2019/view/{BlockCard/components → common}/ModalHeader.js

@@ -7,7 +7,7 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N100, N30A } from '@atlaskit/theme/colors';
 import { FormattedMessage } from 'react-intl-next';
-import { gs } from '../utils';
+import { gs } from './utils';
 import { Icon } from './Icon';
 import { MetadataList } from './MetadataList';
 import { Byline } from './Byline';

package/dist/esm/classNames.js

@@ -1,9 +1,9 @@
 export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
-export { metadataListClassName } from './view/BlockCard/components/MetadataList';
+export { metadataListClassName } from './view/common/MetadataList';
 export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
 export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './view/BlockCard/views/ResolvedView';
 export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './view/BlockCard/views/ForbiddenView';
-export { blockCardIconImageClassName } from './view/BlockCard/components/Icon';
+export { blockCardIconImageClassName } from './view/common/Icon';
 export { blockCardContentClassName } from './view/BlockCard/components/Content';
 export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
 export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';

package/dist/esm/version.json

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

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

@@ -55,7 +55,7 @@ function _previewFunction() {
             }
 
             _context.next = 5;
-            return import('../components/Modal');
+            return import('../../common/Modal');
 
           case 5:
             Modal = _context.sent;

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

@@ -9,7 +9,7 @@ import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/glyph/more';
 import { Action } from './Action';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import AvatarGroup from '@atlaskit/avatar-group';
-import { mq } from '../utils';
+import { mq } from '../../common/utils';
 export var CollaboratorList = function CollaboratorList(_ref) {
   var items = _ref.items,
       _ref$handleAvatarClic = _ref.handleAvatarClick,

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var blockCardContentClassName = 'block-card-content';
 export var Content = function Content(_ref) {
   var children = _ref.children,

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var contentFooterClassName = 'smart-link-content-footer';
 export var ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React from 'react';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export var Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
   return jsx("span", {

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

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { jsx } from '@emotion/core';
 import React from 'react';
 import { N20A, N30A, B200, N40A, N50A } from '@atlaskit/theme/colors';
-import { gs, br, mq } from '../utils';
+import { gs, br, mq } from '../../common/utils';
 export var Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { fontSize } from '@atlaskit/theme/constants';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export var blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 export var Name = function Name(_ref) {
   var name = _ref.name,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
-import { gs } from '../utils';
+import { gs } from '../../common/utils';
 export var Provider = function Provider(_ref) {
   var name = _ref.name,
       icon = _ref.icon;

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

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { gs, mq } from '../utils';
+import { gs, mq } from '../../common/utils';
 export var Thumbnail = function Thumbnail(props) {
   return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
 };

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

@@ -11,7 +11,7 @@ import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

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

@@ -8,7 +8,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';

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

@@ -12,7 +12,7 @@ import { R300 } from '@atlaskit/theme/colors';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { Frame } from '../components/Frame';
 import { Provider } from '../components/Provider';
-import { Byline } from '../components/Byline';
+import { Byline } from '../../common/Byline';
 import { Content } from '../components/Content';
 import { messages } from '@atlaskit/media-ui/messages';
 import { ContentFooter } from '../components/ContentFooter';