@atlaskit/smart-card 17.7.3 → 17.7.6

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/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.3",
+	"version": "17.7.6",
 	"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';

package/dist/esm/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 var blockCardResolvedViewClassName = 'block-card-resolved-view';
 export var blockCardResolvedViewByClassName = 'block-card-resolved-view-by';

package/dist/esm/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 var blockCardResolvingViewClassName = 'block-card-resolving-view';

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

@@ -10,7 +10,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/esm/view/EmbedCard/components/styled.js

@@ -6,7 +6,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 var className = 'media-card-frame';
 export var cardShadow = "";
 

package/dist/esm/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 var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
   var onRetry = _ref.onRetry,
       _ref$isSelected = _ref.isSelected,

package/dist/esm/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 var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
   var image = _ref.image,
       title = _ref.title,

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

@@ -0,0 +1,19 @@
+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 var HoverCard = function HoverCard(_ref) {
+  var children = _ref.children,
+      url = _ref.url;
+  var 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/esm/view/HoverCard/styled.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import styled from '@emotion/styled';
+import { TooltipPrimitive } from '@atlaskit/tooltip';
+export var HoverCardContainer = styled(TooltipPrimitive)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: content-box; /* do not set this to border-box or it will break the overflow handling */\n  max-width: 500px;\n  padding: 0;\n"])));

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

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

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

@@ -13,6 +13,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 var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardResolvedView, _React$Component);
 
@@ -51,8 +52,10 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
           _this$props$testId = _this$props.testId,
           testId = _this$props$testId === void 0 ? 'inline-card-resolved-view' : _this$props$testId,
           titleTextColor = _this$props.titleTextColor,
-          titlePrefix = _this$props.titlePrefix;
-      return /*#__PURE__*/React.createElement(Frame, {
+          titlePrefix = _this$props.titlePrefix,
+          _this$props$showHover = _this$props.showHoverPreview,
+          showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover;
+      var inlineCardResolvedView = /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         link: link,
         isSelected: isSelected,
@@ -63,6 +66,14 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
         title: title,
         titleTextColor: titleTextColor
       }), this.renderLozenge());
+
+      if (showHoverPreview && link) {
+        return /*#__PURE__*/React.createElement(HoverCard, {
+          url: link
+        }, inlineCardResolvedView);
+      }
+
+      return inlineCardResolvedView;
     }
   }]);
 

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

@@ -21,7 +21,8 @@ export var InlineCard = function InlineCard(_ref) {
       renderers = _ref.renderers,
       onResolve = _ref.onResolve,
       testId = _ref.testId,
-      inlinePreloaderStyle = _ref.inlinePreloaderStyle;
+      inlinePreloaderStyle = _ref.inlinePreloaderStyle,
+      showHoverPreview = _ref.showHoverPreview;
   var status = cardState.status,
       details = cardState.details;
   var cardDetails = details && details.data || getEmptyJsonLd();
@@ -49,6 +50,7 @@ export var InlineCard = function InlineCard(_ref) {
       }
 
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
+        showHoverPreview: showHoverPreview,
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

package/dist/esm/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 var Byline = function Byline(_ref) {
   var text = _ref.text,
       children = _ref.children,

package/dist/esm/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 var blockCardIconImageClassName = 'block-card-icon-image';
 export var Icon = function Icon(_ref) {
   var url = _ref.url,

package/dist/esm/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 var Metadata = function Metadata(_ref) {
   var text = _ref.text,

package/dist/esm/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 var metadataListClassName = 'smart-link-metadata-list';
 export var MetadataList = function MetadataList(_ref) {
   var items = _ref.items,

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

@@ -28,7 +28,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';
 var iframeStyles = {
   width: "100%",
   height: 'calc(100vh - 248px)'

package/dist/esm/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/types/classNames.d.ts

@@ -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/types/view/BlockCard/actions/PreviewAction.d.ts

@@ -1,8 +1,8 @@
 import React, { ErrorInfo } from 'react';
-import { ModalProps } from '../components/Modal';
+import { ModalProps } from '../../common/Modal';
 import { ActionProps } from '../components/Action';
-import { IconProps } from '../components/Icon';
-import { MetadataProps } from '../components/Metadata';
+import { IconProps } from '../../common/Icon';
+import { MetadataProps } from '../../common/Metadata';
 export interface PreviewFunctionArg extends ModalProps {
     popupMountPointId: string;
 }

package/dist/types/view/BlockCard/views/ForbiddenView.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ActionProps } from '../components/Action';
-import { IconProps } from '../components/Icon';
+import { IconProps } from '../../common/Icon';
 import { RequestAccessContextProps } from '../../types';
 export interface PermissionDeniedProps {
     actions?: Array<ActionProps>;