@atlaskit/smart-card 17.7.4 → 17.7.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 17.7.5
+
+### Patch Changes
+
+- [`b89ef291fb9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b89ef291fb9) - EDM-2902: Move common component out of BlockCard
+
 ## 17.7.4
 
 ### Patch Changes

package/dist/cjs/classNames.js

@@ -84,7 +84,7 @@ Object.defineProperty(exports, "metadataListClassName", {
 
 var _ContentFooter = require("./view/BlockCard/components/ContentFooter");
 
-var _MetadataList = require("./view/BlockCard/components/MetadataList");
+var _MetadataList = require("./view/common/MetadataList");
 
 var _ResolvingView = require("./view/BlockCard/views/ResolvingView");
 
@@ -92,7 +92,7 @@ var _ResolvedView = require("./view/BlockCard/views/ResolvedView");
 
 var _ForbiddenView = require("./view/BlockCard/views/ForbiddenView");
 
-var _Icon = require("./view/BlockCard/components/Icon");
+var _Icon = require("./view/common/Icon");
 
 var _Content = require("./view/BlockCard/components/Content");
 

package/dist/cjs/version.json

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

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

@@ -81,7 +81,7 @@ function _previewFunction() {
 
             _context.next = 5;
             return Promise.resolve().then(function () {
-              return _interopRequireWildcard(require('../components/Modal'));
+              return _interopRequireWildcard(require('../../common/Modal'));
             });
 
           case 5:

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

@@ -25,7 +25,7 @@ var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
 
 var _Action = require("./Action");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 var _excluded = ["triggerRef"];
 

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

@@ -11,7 +11,7 @@ var _core = require("@emotion/core");
 
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var CollaboratorList = function CollaboratorList(_ref) {

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

@@ -7,7 +7,7 @@ exports.blockCardContentClassName = exports.Content = void 0;
 
 var _core = require("@emotion/core");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var blockCardContentClassName = 'block-card-content';

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

@@ -7,7 +7,7 @@ exports.contentFooterClassName = exports.ContentFooter = void 0;
 
 var _core = require("@emotion/core");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var contentFooterClassName = 'smart-link-content-footer';

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

@@ -11,7 +11,7 @@ var _core = require("@emotion/core");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var Emoji = function Emoji(_ref) {

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

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

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

@@ -9,7 +9,7 @@ var _core = require("@emotion/core");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var blockCardContentHeaderNameClassName = 'block-card-content-header-name';

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

@@ -9,7 +9,7 @@ var _core = require("@emotion/core");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var Provider = function Provider(_ref) {

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

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _core = require("@emotion/core");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

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

@@ -21,7 +21,7 @@ var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 
 var _Frame = require("../components/Frame");
 
-var _Byline = require("../components/Byline");
+var _Byline = require("../../common/Byline");
 
 var _ActionList = require("../components/ActionList");
 

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

@@ -23,7 +23,7 @@ var _Frame = require("../components/Frame");
 
 var _Provider = require("../components/Provider");
 
-var _Byline = require("../components/Byline");
+var _Byline = require("../../common/Byline");
 
 var _ActionList = require("../components/ActionList");
 

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

@@ -23,7 +23,7 @@ var _Frame = require("../components/Frame");
 
 var _Provider = require("../components/Provider");
 
-var _Byline = require("../components/Byline");
+var _Byline = require("../../common/Byline");
 
 var _Content = require("../components/Content");
 

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

@@ -19,7 +19,7 @@ var _Provider = require("../components/Provider");
 
 var _Name = require("../components/Name");
 
-var _Byline = require("../components/Byline");
+var _Byline = require("../../common/Byline");
 
 var _ActionList = require("../components/ActionList");
 
@@ -27,11 +27,11 @@ var _CollaboratorList = require("../components/CollaboratorList");
 
 var _Emoji = require("../components/Emoji");
 
-var _Icon = require("../components/Icon");
+var _Icon = require("../../common/Icon");
 
 var _Content = require("../components/Content");
 
-var _MetadataList = require("../components/MetadataList");
+var _MetadataList = require("../../common/MetadataList");
 
 var _styled = require("../../InlineCard/IconAndTitleLayout/styled");
 
@@ -39,7 +39,7 @@ var _ContentHeader = require("../components/ContentHeader");
 
 var _ContentFooter = require("../components/ContentFooter");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 var _handlers = require("../utils/handlers");
 

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

@@ -17,7 +17,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _Frame = require("../components/Frame");
 
-var _utils = require("../utils");
+var _utils = require("../../common/utils");
 
 var _reactIntlNext = require("react-intl-next");
 

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

@@ -19,7 +19,7 @@ var _Frame = require("../components/Frame");
 
 var _Provider = require("../components/Provider");
 
-var _Byline = require("../components/Byline");
+var _Byline = require("../../common/Byline");
 
 var _ActionList = require("../components/ActionList");
 

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

@@ -19,7 +19,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
-var _utils = require("../../BlockCard/utils");
+var _utils = require("../../common/utils");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 

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

@@ -23,7 +23,7 @@ var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("@atlaskit/media-ui/messages");
 
-var _utils = require("../../BlockCard/utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var EmbedCardErroredView = function EmbedCardErroredView(_ref) {

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

@@ -19,7 +19,7 @@ var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("@atlaskit/media-ui/messages");
 
-var _utils = require("../../BlockCard/utils");
+var _utils = require("../../common/utils");
 
 /** @jsx jsx */
 var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {

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

@@ -9,7 +9,7 @@ var _core = require("@emotion/core");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _utils = require("../utils");
+var _utils = require("./utils");
 
 /** @jsx jsx */
 var Byline = function Byline(_ref) {

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

@@ -15,7 +15,7 @@ var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 
-var _utils = require("../utils");
+var _utils = require("./utils");
 
 /** @jsx jsx */
 var blockCardIconImageClassName = 'block-card-icon-image';

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

@@ -11,7 +11,7 @@ var _core = require("@emotion/core");
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _utils = require("../utils");
+var _utils = require("./utils");
 
 var _colors = require("@atlaskit/theme/colors");
 

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

@@ -13,7 +13,7 @@ var _core = require("@emotion/core");
 
 var _Metadata = require("./Metadata");
 
-var _utils = require("../utils");
+var _utils = require("./utils");
 
 /** @jsx jsx */
 var metadataListClassName = 'smart-link-metadata-list';

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

@@ -27,7 +27,7 @@ var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 
 var _ModalHeader = require("./ModalHeader");
 
-var _utils = require("../../../utils");
+var _utils = require("../../utils");
 
 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); }
 

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

@@ -23,7 +23,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _reactIntlNext = require("react-intl-next");
 
-var _utils = require("../utils");
+var _utils = require("./utils");
 
 var _Icon = require("./Icon");
 

package/dist/es2019/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/es2019/version.json

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

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

@@ -32,7 +32,7 @@ export async function previewFunction({
     document.body.appendChild(popupMountPoint);
   }
 
-  let Modal = await import('../components/Modal');
+  let Modal = await import('../../common/Modal');
   ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"
   }, /*#__PURE__*/React.createElement(Modal.default, _extends({}, rest, {

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/{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.4",
+	"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';

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/{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>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../components/Icon';
+import { IconProps } from '../../common/Icon';
 export interface NotFoundProps {
     context?: {
         icon?: React.ReactNode;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { AvatarClickEventHandler } from '@atlaskit/avatar';
 import { Collaborator } from '../components/CollaboratorList';
-import { IconProps } from '../components/Icon';
+import { IconProps } from '../../common/Icon';
 import { ActionProps } from '../components/Action';
-import { MetadataProps } from '../components/Metadata';
+import { MetadataProps } from '../../common/Metadata';
 import { ContextViewModel } from '../../types';
 import { LozengeProps } from '../../../types';
 export interface ResolvedViewProps {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "17.7.4",
+  "version": "17.7.5",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"