@atlaskit/smart-card 32.7.0 → 32.7.2

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -1,91 +0,0 @@
-import { extractPreview, extractProvider } from '@atlaskit/link-extractors';
-import { CardDisplay } from '../../../constants';
-import { canShowAction } from '../../../utils/actions/can-show-action';
-import { PreviewAction } from '../../../view/BlockCard';
-import { CardAction } from '../../../view/Card/types';
-import { extractIsSupportTheming } from '../../common/meta/extractIsSupportTheming';
-import { extractDownloadUrl } from '../detail';
-const getMetadataFromJsonLd = (jsonLd, platform) => {
-  const download = extractDownloadUrl(jsonLd);
-  const provider = extractProvider(jsonLd);
-  const preview = extractPreview(jsonLd, platform);
-  return {
-    download,
-    providerName: provider && provider.text,
-    src: preview && preview.src
-  };
-};
-const getMetadataFromResolvedProps = props => ({
-  /* It's fine for content to be undefined, but src is still needed for the link out, even if it's not the source for the iframing */
-  link: props.link,
-  title: props.title,
-  details: props.details,
-  icon: props.icon,
-  url: props.link,
-  byline: props.byline,
-  isTrusted: props.isTrusted
-});
-const getInvokeOpts = (key, action, source) => ({
-  type: 'client',
-  key,
-  // NB: the preview action is invoked from a block card -
-  // the actions on the preview state are invoked from the
-  // preview card. Hence, we have a `source` for distinguishing
-  // between the two.
-  source: source || CardDisplay.EmbedPreview,
-  action: {
-    type: action,
-    promise: () => Promise.resolve()
-  }
-});
-
-/**
- * @private
- * @deprecated - use extractPreviewActionProps instead
- */
-export const extractPreviewAction = ({
-  extensionKey = 'empty-object-provider',
-  viewProps,
-  jsonLd,
-  handleInvoke,
-  testId,
-  platform,
-  origin,
-  source = 'block',
-  analytics,
-  meta,
-  actionOptions
-}) => {
-  if (!canShowAction(CardAction.PreviewAction, actionOptions)) {
-    return;
-  }
-
-  // Extract metadata from view props & raw JSON-LD.
-  const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
-  const metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
-  const metadata = {
-    ...metadataFromJsonLd,
-    ...metadataFromViewProps
-  };
-  // Extract preview action only if we have an iframe src.
-  if (metadataFromJsonLd.src) {
-    // Build action using instrumentation hooks.
-    const key = extensionKey;
-    const previewAction = PreviewAction({
-      ...metadata,
-      analytics,
-      extensionKey,
-      origin,
-      testId,
-      isSupportTheming: extractIsSupportTheming(meta)
-    });
-    // Setup props to go through proper Redux 'invocation' flow
-    // for analytics, further state management if required in future.
-    const previewActionProps = getInvokeOpts(key, 'PreviewAction', source);
-    // - Promise invoked by the action invocation handler; open preview.
-    previewActionProps.action.promise = previewAction.promise;
-    // - Promise invoked on click of `Preview` on block card; trigger above promise.
-    previewAction.promise = () => handleInvoke(previewActionProps);
-    return previewAction;
-  }
-};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-export const AuthorizeAction = handler => ({
-  id: 'connect-account',
-  text: /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account_card),
-  promise: () => new Promise(resolve => resolve(handler())),
-  buttonAppearance: 'default'
-});

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-import { downloadUrl } from '../../../utils';
-export const DownloadAction = ({
-  url
-}) => ({
-  id: 'download-content',
-  text: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-  promise: () => downloadUrl(url)
-});

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-import { openEmbedModal } from '../../EmbedModal/utils';
-
-/*
-Most of these are optional as we are being fault-tolerant
-However src, details, icon, title, and providerName are STRONGLY encouraged
-*/
-
-export default (({
-  details,
-  ...rest
-}) => ({
-  id: 'preview-content',
-  text: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
-  promise: () => openEmbedModal({
-    providerName: 'Preview',
-    showModal: true,
-    onClose: () => {},
-    ...rest
-  })
-}));

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-export const RetryAction = handler => ({
-  id: 'try-again',
-  promise: async () => handler(),
-  text: /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)
-});

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-import { openUrl } from '../../../utils';
-export const ViewAction = ({
-  url
-}) => ({
-  id: 'view-content',
-  text: /*#__PURE__*/React.createElement(FormattedMessage, messages.view),
-  promise: () => openUrl(url)
-});

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

@@ -1,51 +0,0 @@
-import React from 'react';
-import CheckIcon from '@atlaskit/icon/core/migration/check-mark--check';
-import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
-/*
-  These styles are taken fro the spinner style for button. There was not an
-  easy way to share tehm between the two components.
-*/
-export const spinnerStyles = {
-  display: 'flex',
-  position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-  left: '50%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-  top: '50%',
-  transform: 'translate(-50%, -50%)'
-};
-export const ActionIcon = ({
-  state
-}) => {
-  switch (state) {
-    case 'init':
-    case 'loading':
-      return null;
-    case 'success':
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        React.createElement("div", {
-          "data-testid": "check-icon",
-          style: spinnerStyles
-        }, /*#__PURE__*/React.createElement(CheckIcon, {
-          LEGACY_size: "small",
-          label: "check",
-          color: "currentColor"
-        }))
-      );
-    case 'failure':
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        React.createElement("div", {
-          "data-testid": "cross-icon",
-          style: spinnerStyles
-        }, /*#__PURE__*/React.createElement(CrossIcon, {
-          LEGACY_size: "small",
-          label: "check",
-          color: "currentColor"
-        }))
-      );
-  }
-};

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

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { di } from 'react-magnetic-di';
-import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/standard-button';
-import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
-import { gs, mq } from '../../common/utils';
-import { Action } from './Action';
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-const wrapperStyles = mq({
-  display: 'flex',
-  marginTop: [gs(2), 0]
-});
-const buttonStyles = css({
-  height: 'auto'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-const actionsWrapperStyles = {
-  marginLeft: gs(0.5)
-};
-export const ActionList = ({
-  items
-}) => {
-  const actionsToShow = items.slice(0, 2);
-  const actionsToList = items.slice(2, items.length);
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: wrapperStyles
-  }, jsx(ButtonGroup, null, actionsToShow.map(action => jsx(Action, _extends({
-    key: action.id
-  }, action)))), actionsToList.length ?
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  jsx("div", {
-    css: actionsWrapperStyles
-  }, jsx(DropdownMenu, {
-    trigger: ({
-      triggerRef,
-      ...props
-    }) => jsx(Button, _extends({}, props, {
-      iconBefore: jsx(MoreIcon, {
-        label: "more",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      ref: triggerRef,
-      css: buttonStyles,
-      testId: "dropdown-trigger"
-    })),
-    placement: "right-start"
-  }, jsx(DropdownItemGroup, {
-    testId: "dropdown-menu"
-  }, actionsToList.map(actionToList => jsx(DropdownItem, {
-    key: actionToList.id
-  }, actionToList.text))))) : null);
-};

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

@@ -1,42 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import AvatarGroup from '@atlaskit/avatar-group';
-import { mq } from '../../common/utils';
-export const CollaboratorList = ({
-  items,
-  handleAvatarClick = () => {},
-  handleMoreAvatarsClick = () => {},
-  testId = 'collaborator-list'
-}) => {
-  if (items.length === 0) {
-    return null;
-  }
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("span", {
-      css: mq({
-        display: ['none', 'inherit']
-      })
-    }, jsx(AvatarGroup, {
-      maxCount: 4,
-      appearance: "stack",
-      size: "small",
-      data: items,
-      onAvatarClick: event => {
-        event.stopPropagation();
-        event.preventDefault();
-        handleAvatarClick(event);
-      },
-      onMoreClick: event => {
-        event.stopPropagation();
-        event.preventDefault();
-        handleMoreAvatarsClick(event);
-      },
-      testId: testId
-    }))
-  );
-};

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

@@ -1,36 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs, mq } from '../../common/utils';
-/**
- * Class name for selecting non-flexible block card content
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardContentClassName = 'block-card-content';
-const baseStyles = css({
-  display: 'flex',
-  flexDirection: 'column',
-  flexGrow: 1
-});
-export const Content = ({
-  children,
-  isCompact = false
-}) => jsx("div", {
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  css: [baseStyles,
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  mq({
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    padding: isCompact ? gs(1) : gs(2),
-    justifyContent: isCompact ? 'unset' : ['unset', 'space-between']
-  })],
-  "data-trello-do-not-use-override": "block-card-content"
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: blockCardContentClassName
-}, children);

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

@@ -1,32 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs, mq } from '../../common/utils';
-export const contentFooterClassName = 'smart-link-content-footer';
-const flexStyles = css({
-  display: 'flex'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-const baseStyles = mq({
-  flexDirection: ['column', 'row'],
-  flexGrow: [1, 'unset'],
-  alignItems: ['unset', 'center'],
-  marginTop: [gs(1), gs(1.5)]
-});
-export const ContentFooter = ({
-  children,
-  hasSpaceBetween = false
-}) => jsx("div", {
-  css: [flexStyles, baseStyles,
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  mq({
-    justifyContent: [hasSpaceBetween ? 'space-between' : 'flex-end', 'space-between']
-  })]
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: contentFooterClassName
-}, children);

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

@@ -1,39 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
-/**
- * Class name for selecting non-flexible block card header
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardContentHeaderClassName = 'block-card-content-header';
-const styles = css({
-  display: 'flex',
-  alignItems: 'flex-start',
-  // EDM-713: fixes copy-paste from renderer to editor for Firefox
-  // due to HTML its unwrapping behaviour on paste.
-  MozUserSelect: 'none'
-});
-export const ContentHeader = ({
-  onClick,
-  link,
-  children
-}) => {
-  const onMouseDown = useMouseDownEvent();
-  return jsx("a", {
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    href: link,
-    target: "_blank",
-    css: styles,
-    "data-trello-do-not-use-override": "block-card-content-header"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardContentHeaderClassName
-  }, children);
-};

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

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs } from '../../common/utils';
-const styles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: gs(2.5),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: gs(2),
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  marginTop: "var(--ds-space-negative-025, -2px)"
-});
-export const Emoji = ({
-  emoji
-}) => {
-  return jsx("span", {
-    css: styles
-  }, emoji);
-};

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

@@ -1,24 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { B400 } from '@atlaskit/theme/colors';
-const styles = css({
-  color: `var(--ds-link, ${B400})`,
-  wordBreak: 'break-all'
-});
-export const Link = ({
-  url,
-  testId = 'block-card',
-  className
-}) => {
-  return jsx("span", {
-    "data-testid": `${testId}-link`
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className,
-    css: styles
-  }, url);
-};

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

@@ -1,54 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs } from '../../common/utils';
-/**
- * Class name for selecting non-flexible block card header name
- *
- * @deprecated {@link https://hello.jira.atlassian.cloud/browse/ENGHEALTH-6878 Internal documentation for deprecation (no external access)}
- * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
- */
-export const blockCardContentHeaderNameClassName = 'block-card-content-header-name';
-const baseStyles = css({
-  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  /**
-   * The xsmall heading token has a line height of 20px in the modernized/refreshed themes,
-   * but 16px in legacy theme which causes alignment issues.
-   * Remove this lineHeight once all consuming apps are using modernized/refreshed themes.
-   */
-  lineHeight: '20px',
-  // Spec: show max two lines.
-  display: '-webkit-box',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  wordBreak: 'break-word',
-  WebkitLineClamp: 2,
-  WebkitBoxOrient: 'vertical',
-  // Fallback options.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  maxHeight: gs(6)
-});
-export const Name = ({
-  name,
-  isLeftPadded = true,
-  testId,
-  textColor
-}) => {
-  return jsx("span", {
-    css: [baseStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      marginLeft: isLeftPadded ? gs(1) : '0',
-      color: textColor ? textColor : 'inherit'
-    }],
-    "data-testid": testId,
-    "data-trello-do-not-use-override": "block-card-content-header-name"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blockCardContentHeaderNameClassName
-  }, name);
-};

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

@@ -1,51 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { N300 } from '@atlaskit/theme/colors';
-import { gs } from '../../common/utils';
-const wrapperStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: gs(1.5),
-  whiteSpace: 'normal'
-});
-const imgStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: gs(1.5),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: gs(1.5)
-});
-const textStyles = css({
-  color: `var(--ds-text-subtlest, ${N300})`,
-  margin: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginLeft: gs(0.5),
-  // EDM-713: fixes copy-paste from renderer to editor for Firefox
-  // due to HTML its unwrapping behaviour on paste.
-  MozUserSelect: 'none'
-});
-export const Provider = ({
-  name,
-  icon
-}) => {
-  let iconToRender = icon || null;
-  if (typeof icon === 'string') {
-    iconToRender =
-    // eslint-disable-next-line jsx-a11y/alt-text
-    jsx("img", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: "smart-link-icon",
-      css: imgStyles,
-      src: icon
-    });
-  }
-  return jsx("div", {
-    css: wrapperStyles
-  }, iconToRender, jsx("span", {
-    css: textStyles
-  }, name));
-};

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

@@ -1,58 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { gs, mq } from '../../common/utils';
-export const Thumbnail = props => {
-  return props.color ? jsx(ThumbnailWithBackground, props) : jsx(ThumbnailDefault, props);
-};
-const sharedStyles = {
-  // The dimensions of the image are set in this manner
-  // in order for `flex` to respect this value.
-  minWidth: [gs(13), gs(20)],
-  maxWidth: [gs(13), gs(20)]
-};
-export const ThumbnailDefault = ({
-  src,
-  testId
-}) => {
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: mq({
-      ...sharedStyles,
-      backgroundSize: 'cover',
-      backgroundRepeat: 'no-repeat',
-      backgroundPosition: '50% 50%',
-      backgroundImage: `url(${src})`
-    }),
-    "data-testid": testId,
-    "data-trello-do-not-use-override": testId
-  });
-};
-const thumbnailImgStyles = css({
-  height: '90px',
-  width: '90px'
-});
-export const ThumbnailWithBackground = ({
-  src,
-  color,
-  testId
-}) => {
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: mq({
-      ...sharedStyles,
-      backgroundColor: color,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }),
-    "data-testid": testId,
-    "data-trello-do-not-use-override": testId
-  }, jsx("img", {
-    src: src,
-    css: thumbnailImgStyles
-  }));
-};

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

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-const styles = css({
-  display: 'flex',
-  alignItems: 'center'
-});
-export const UnresolvedText = ({
-  icon,
-  text
-}) => {
-  return jsx("span", {
-    css: styles
-  }, icon, text);
-};