@atlaskit/smart-card 26.42.8 → 26.42.10

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

@@ -1,44 +0,0 @@
-import React from 'react';
-import { Frame } from '../Frame';
-import Spinner from '@atlaskit/spinner';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { SpinnerWrapper } from './styled';
-import { IconTitleWrapper, RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
-export class InlineCardResolvingView extends React.Component {
-  render() {
-    const {
-      url,
-      onClick,
-      isSelected,
-      inlinePreloaderStyle,
-      testId = 'inline-card-resolving-view',
-      titleTextColor
-    } = this.props;
-    if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-      return /*#__PURE__*/React.createElement(Frame, {
-        withoutBackground: true,
-        testId: testId,
-        onClick: onClick,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, /*#__PURE__*/React.createElement(SpinnerWrapper, {
-        className: "inline-resolving-spinner"
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      })))));
-    } else {
-      return /*#__PURE__*/React.createElement(Frame, {
-        testId: testId,
-        onClick: onClick,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        link: url,
-        title: url,
-        titleTextColor: titleTextColor
-      }, /*#__PURE__*/React.createElement(SpinnerWrapper, {
-        className: "inline-resolving-spinner"
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      }))));
-    }
-  }
-}

package/dist/es2019/view/InlineCard/ResolvingView/styled.js

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled';
-import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
-export const SpinnerWrapper = styled(IconTitleWrapper)`
-  vertical-align: text-top;
-  margin-left: ${"var(--ds-space-025, 2px)"};
-`;

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

@@ -1,84 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import Button from '@atlaskit/button/custom-theme-button';
-import LockIcon from '@atlaskit/icon/glyph/lock-filled';
-import { N500, R400 } from '@atlaskit/theme/colors';
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '../../../messages';
-import { Frame } from '../Frame';
-import { AKIconWrapper } from '../Icon';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButton } from '../styled';
-import { HoverCard } from '../../HoverCard';
-const FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
-  label: "error",
-  size: "small",
-  primaryColor: `var(--ds-icon-danger, ${R400})`
-}));
-export class InlineCardUnauthorizedView extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "handleConnectAccount", event => {
-      const {
-        analytics,
-        extensionKey,
-        onAuthorise
-      } = this.props;
-      event.preventDefault();
-      event.stopPropagation();
-      if (onAuthorise) {
-        analytics === null || analytics === void 0 ? void 0 : analytics.track.appAccountAuthStarted({
-          extensionKey
-        });
-      }
-      return onAuthorise();
-    });
-    _defineProperty(this, "renderRightSide", () => {
-      const {
-        onAuthorise,
-        context
-      } = this.props;
-      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        appearance: "subtle-link",
-        component: IconStyledButton,
-        onClick: this.handleConnectAccount,
-        testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-        values: {
-          context
-        }
-      }))) : undefined;
-    });
-  }
-  render() {
-    const {
-      url,
-      icon,
-      onAuthorise,
-      onClick,
-      isSelected,
-      testId = 'inline-card-unauthorized-view',
-      showAuthTooltip = false
-    } = this.props;
-    const inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
-      testId: testId,
-      isSelected: isSelected
-    }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-      icon: icon ? icon : FallbackUnauthorizedIcon,
-      title: url,
-      link: url,
-      rightSide: this.renderRightSide(),
-      onClick: onClick,
-      titleColor: `var(--ds-text-subtle, ${N500})`
-    }));
-    if (onAuthorise && showAuthTooltip) {
-      return /*#__PURE__*/React.createElement(HoverCard, {
-        url: url,
-        id: this.props.id
-      }, inlineCardUnauthenticatedView);
-    }
-    return inlineCardUnauthenticatedView;
-  }
-}

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

@@ -1,149 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
-import { extractInlineProps } from '../../extractors/inline';
-import { extractRequestAccessContext } from '../../extractors/common/context';
-import { CardLinkView } from '../LinkView';
-import { InlineCardErroredView } from './ErroredView';
-import { InlineCardForbiddenView } from './ForbiddenView';
-import { InlineCardResolvedView } from './ResolvedView';
-import { InlineCardResolvingView } from './ResolvingView';
-import { InlineCardUnauthorizedView } from './UnauthorisedView';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { useFeatureFlag } from '@atlaskit/link-provider';
-import { getExtensionKey } from '../../state/helpers';
-export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
-export const InlineCard = ({
-  analytics,
-  id,
-  url,
-  cardState,
-  handleAuthorize,
-  handleFrameClick,
-  isSelected,
-  renderers,
-  onResolve,
-  onError,
-  testId,
-  inlinePreloaderStyle,
-  showHoverPreview,
-  showAuthTooltip,
-  showServerActions
-}) => {
-  var _details$meta;
-  const {
-    status,
-    details
-  } = cardState;
-  const cardDetails = details && details.data || getEmptyJsonLd();
-  const extensionKey = getExtensionKey(details);
-  const testIdWithStatus = testId ? `${testId}-${status}-view` : undefined;
-  const showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
-  if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
-    showHoverPreview = Boolean(showHoverPreviewFlag);
-  }
-  switch (status) {
-    case 'pending':
-    case 'resolving':
-      return /*#__PURE__*/React.createElement(InlineCardResolvingView, {
-        url: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        testId: testIdWithStatus,
-        inlinePreloaderStyle: inlinePreloaderStyle
-      });
-    case 'resolved':
-      const resolvedProps = extractInlineProps(cardDetails, renderers);
-      if (onResolve) {
-        onResolve({
-          url,
-          title: resolvedProps.title
-        });
-      }
-      return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
-        id: id,
-        showHoverPreview: showHoverPreview,
-        showServerActions: showServerActions,
-        link: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        testId: testIdWithStatus
-      }));
-    case 'unauthorized':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      const provider = extractProvider(cardDetails);
-      return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
-        icon: provider && provider.icon,
-        context: provider && provider.text,
-        url: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        onAuthorise: handleAuthorize,
-        testId: testIdWithStatus,
-        showAuthTooltip: showAuthTooltip,
-        id: id,
-        analytics: analytics,
-        extensionKey: extensionKey
-      });
-    case 'forbidden':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      const providerForbidden = extractProvider(cardDetails);
-      const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      const requestAccessContext = extractRequestAccessContext({
-        jsonLd: cardMetadata,
-        url,
-        context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text
-      });
-      return /*#__PURE__*/React.createElement(InlineCardForbiddenView, {
-        url: url,
-        icon: providerForbidden && providerForbidden.icon,
-        context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        onAuthorise: handleAuthorize,
-        testId: testIdWithStatus,
-        requestAccessContext: requestAccessContext
-      });
-    case 'not_found':
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      const providerNotFound = extractProvider(cardDetails);
-      return /*#__PURE__*/React.createElement(InlineCardErroredView, {
-        url: url,
-        icon: providerNotFound && providerNotFound.icon,
-        isSelected: isSelected,
-        message: "Can't find link",
-        onClick: handleFrameClick,
-        testId: testIdWithStatus || 'inline-card-not-found-view'
-      });
-    case 'fallback':
-    case 'errored':
-    default:
-      if (onError) {
-        onError({
-          url,
-          status
-        });
-      }
-      return /*#__PURE__*/React.createElement(CardLinkView, {
-        link: url,
-        isSelected: isSelected,
-        onClick: handleFrameClick,
-        testId: testIdWithStatus || 'inline-card-errored-view'
-      });
-  }
-};

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

@@ -1,35 +0,0 @@
-import styled from '@emotion/styled';
-import { B400, N200 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-const LINK_COLOR_DARK = '#4794FF';
-
-// By default buttons will hide overflow and ellipsis content instead of wrapping.
-// This basically turns the button back into inline content
-export const IconStyledButton = styled.span`
-  text-align: initial !important;
-  display: inline !important;
-
-  > span {
-    display: inline;
-    > span {
-      overflow: initial;
-      text-overflow: initial;
-      white-space: initial;
-    }
-  }
-`;
-export const NoLinkAppearance = styled.span`
-  color: ${themed({
-  light: `var(--ds-text-subtlest, ${N200})`,
-  dark: `var(--ds-text-subtlest, ${LINK_COLOR_DARK})`
-})};
-`;
-export const LowercaseAppearance = styled.span`
-  text-transform: lowercase;
-`;
-export const LinkAppearance = styled.a`
-  color: ${themed({
-  light: `var(--ds-link, ${B400})`,
-  dark: `var(--ds-link, ${LINK_COLOR_DARK})`
-})};
-`;

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

@@ -1,82 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-import { R300 } from '@atlaskit/theme/colors';
-import ErrorIcon from '@atlaskit/icon/glyph/error';
-import Button from '@atlaskit/button/custom-theme-button';
-import { Frame } from '../Frame';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { AKIconWrapper } from '../Icon';
-import { messages } from '../../../messages';
-import { FormattedMessage } from 'react-intl-next';
-import { IconStyledButton, LowercaseAppearance } from '../styled';
-export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
-  _inherits(InlineCardErroredView, _React$Component);
-  var _super = _createSuper(InlineCardErroredView);
-  function InlineCardErroredView() {
-    var _this;
-    _classCallCheck(this, InlineCardErroredView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleRetry", function (event) {
-      var onRetry = _this.props.onRetry;
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "renderRightSide", function () {
-      var _this$props = _this.props,
-        onRetry = _this$props.onRetry,
-        message = _this$props.message;
-      return !onRetry ? message : /*#__PURE__*/React.createElement(React.Fragment, null, message, ', ', /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        appearance: "subtle-link",
-        component: IconStyledButton,
-        onClick: _this.handleRetry,
-        role: "button"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again, function (formattedMessage) {
-        return /*#__PURE__*/React.createElement(LowercaseAppearance, null, formattedMessage);
-      })));
-    });
-    return _this;
-  }
-  _createClass(InlineCardErroredView, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        url = _this$props2.url,
-        onClick = _this$props2.onClick,
-        isSelected = _this$props2.isSelected,
-        _this$props2$testId = _this$props2.testId,
-        testId = _this$props2$testId === void 0 ? 'inline-card-errored-view' : _this$props2$testId,
-        icon = _this$props2.icon;
-      return /*#__PURE__*/React.createElement(Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-          label: "error",
-          size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
-          testId: "errored-view-default-icon"
-        })),
-        link: url,
-        title: url,
-        onClick: onClick,
-        rightSide: this.renderRightSide()
-      }));
-    }
-  }]);
-  return InlineCardErroredView;
-}(React.Component);

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

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-import { R400, N500 } from '@atlaskit/theme/colors';
-import LockIcon from '@atlaskit/icon/glyph/lock-filled';
-import Button from '@atlaskit/button/custom-theme-button';
-import { Frame } from '../Frame';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { AKIconWrapper } from '../Icon';
-import { messages } from '../../../messages';
-import { FormattedMessage } from 'react-intl-next';
-import { IconStyledButton } from '../styled';
-import Lozenge from '@atlaskit/lozenge';
-import { LozengeWrapper, LozengeBlockWrapper } from '../IconAndTitleLayout/styled';
-var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
-  label: "error",
-  size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(R400, ")"),
-  testId: "forbidden-view-fallback-icon"
-}));
-export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
-  _inherits(InlineCardForbiddenView, _React$Component);
-  var _super = _createSuper(InlineCardForbiddenView);
-  function InlineCardForbiddenView() {
-    var _this$props;
-    var _this;
-    _classCallCheck(this, InlineCardForbiddenView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props = _this$props.requestAccessContext) !== null && _this$props !== void 0 && _this$props.callToActionMessageKey)
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleRetry", function (event) {
-      var onAuthorise = _this.props.onAuthorise;
-      event.preventDefault();
-      event.stopPropagation();
-      if (onAuthorise) {
-        onAuthorise();
-      } else {
-        var _this$props2;
-        (_this$props2 = _this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.requestAccessContext) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.action) === null || _this$props2 === void 0 || _this$props2.promise();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "renderForbiddenAccessMessage", function () {
-      var _this$props3;
-      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3 = _this$props3.requestAccessContext) !== null && _this$props3 !== void 0 && _this$props3.callToActionMessageKey) {
-        var callToActionMessageKey = _this.props.requestAccessContext.callToActionMessageKey;
-        return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[callToActionMessageKey], {
-          values: {
-            context: _this.props.context
-          }
-        }));
-      }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.invalid_permissions, function (formattedMessage) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, formattedMessage);
-      }));
-    });
-    _defineProperty(_assertThisInitialized(_this), "renderRightSide", function () {
-      var onAuthorise = _this.props.onAuthorise;
-      if (_this.state.hasRequestAccessContextMessage) {
-        return /*#__PURE__*/React.createElement(Button, {
-          spacing: "none",
-          appearance: "subtle-link",
-          onClick: _this.handleRetry,
-          component: IconStyledButton,
-          testId: "button-connect-other-account",
-          role: "button"
-        }, _this.renderForbiddenAccessMessage());
-      }
-      if (onAuthorise) {
-        return /*#__PURE__*/React.createElement(LozengeBlockWrapper, null, /*#__PURE__*/React.createElement(Button, {
-          spacing: "none",
-          appearance: "subtle-link",
-          onClick: _this.handleRetry,
-          component: IconStyledButton,
-          testId: "button-connect-other-account",
-          role: "button"
-        }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
-          appearance: 'moved'
-        }, _this.renderForbiddenAccessMessage()))));
-      }
-      return null;
-    });
-    return _this;
-  }
-  _createClass(InlineCardForbiddenView, [{
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-        url = _this$props4.url,
-        icon = _this$props4.icon,
-        onClick = _this$props4.onClick,
-        isSelected = _this$props4.isSelected,
-        _this$props4$testId = _this$props4.testId,
-        testId = _this$props4$testId === void 0 ? 'inline-card-forbidden-view' : _this$props4$testId;
-      return /*#__PURE__*/React.createElement(Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        icon: icon ? icon : FallbackForbiddenIcon,
-        link: url,
-        title: url,
-        onClick: onClick,
-        titleColor: "var(--ds-text-subtle, ".concat(N500, ")"),
-        rightSide: this.renderRightSide(),
-        rightSideSpacer: this.state.hasRequestAccessContextMessage
-      }));
-    }
-  }]);
-  return InlineCardForbiddenView;
-}(React.Component);

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

@@ -1,52 +0,0 @@
-import React, { useCallback } from 'react';
-import { useGlobalTheme } from '@atlaskit/theme/components';
-import { WrapperAnchor, WrapperSpan } from './styled';
-import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
-export var Frame = function Frame(props) {
-  var isSelected = props.isSelected,
-    children = props.children,
-    onClick = props.onClick,
-    link = props.link,
-    withoutBackground = props.withoutBackground,
-    testId = props.testId,
-    className = props.className;
-  var handleClick = useCallback(function (event) {
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleKeyPress = useCallback(function (event) {
-    if (event.key !== ' ' && event.key !== 'Enter') {
-      return;
-    }
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleMouseDown = useMouseDownEvent();
-  var isInteractive = Boolean(onClick);
-
-  // Depending on whenever Frame was given onClick or link itself we display span or anchor elements
-  var Wrapper = link || onClick ? WrapperAnchor : WrapperSpan;
-
-  // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
-  //  It will be worked as part of https://product-fabric.atlassian.net/jira/servicedesk/projects/DTR/queues/issue/DTR-154
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    theme: useGlobalTheme(),
-    href: link,
-    withoutBackground: withoutBackground,
-    isSelected: isSelected,
-    isInteractive: isInteractive,
-    tabIndex: isInteractive ? 0 : undefined,
-    role: isInteractive ? 'button' : undefined,
-    onClick: handleClick,
-    onMouseDown: handleMouseDown,
-    onKeyPress: handleKeyPress,
-    "data-testid": testId,
-    className: className
-  }, children);
-};

package/dist/esm/view/InlineCard/Frame/styled.js

@@ -1,59 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import styled from '@emotion/styled';
-import { B100, B400, B50, DN40A, DN50A, N20, N40A, N50A } from '@atlaskit/theme/colors';
-import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
-import { themed } from '@atlaskit/theme/components';
-var BACKGROUND_COLOR_DARK = '#262B31';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
-var isInteractive = function isInteractive(_ref) {
-  var isInteractive = _ref.isInteractive;
-  if (isInteractive) {
-    return "\n      :hover {\n        background-color: ".concat(themed({
-      light: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"),
-      dark: "var(--ds-background-neutral-subtle-hovered, ".concat(BACKGROUND_COLOR_DARK, ")")
-    }), ";\n      }\n      :active {\n        background-color: ").concat(themed({
-      light: "var(--ds-background-selected, ".concat(B50, ")"),
-      dark: "var(--ds-background-selected, ".concat(BACKGROUND_COLOR_DARK, ")")
-    }), ";\n      }\n      :focus {\n        ").concat(selected, "\n      }\n    ");
-  } else {
-    return '';
-  }
-};
-var isSelected = function isSelected(_ref2) {
-  var isSelected = _ref2.isSelected;
-  if (isSelected) {
-    return selected;
-  } else {
-    return 'user-select: text';
-  }
-};
-
-/*
-  Inline smart cards should have the following layout:
-  ------------------------------------
-  | icon | title | action OR lozenge |
-  ------------------------------------
-  The aim is to ensure (1) all children are
-  in line with each other, (2) are vertically
-  centered.
-*/
-// NB: `padding` consistent with @mentions.
-// NB: `display: inline` required for `box-decoration-break` to work.
-// NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ").concat(akBorderRadius(), "px;\n  color: ").concat(themed({
-    light: "var(--ds-link, ".concat(B400, ")"),
-    dark: "var(--ds-link, #4794FF)"
-  })(props), ";\n  background-color: ").concat(props.withoutBackground ? '' : themed({
-    light: "var(--ds-surface-raised, white)",
-    dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
-  })(props), ";\n  ").concat(props.withoutBackground ? '' : themed({
-    light: "box-shadow: ".concat("var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A), ")"), ";"),
-    dark: "box-shadow: ".concat("var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(DN50A, ", 0 0 1px 1px ").concat(DN40A), ")"), ";")
-  })(props), "\n  ").concat(isSelected(props), ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n");
-};
-export var WrapperAnchor = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
-WrapperAnchor.displayName = 'WrapperAnchor';
-export var WrapperSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), baseWrapperStyle);
-WrapperSpan.displayName = 'WrapperSpan';

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

@@ -1,34 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import styled from '@emotion/styled';
-import { Skeleton } from '@atlaskit/linking-common';
-import React from 'react';
-
-// TODO: Figure out a more scalable/responsive solution
-// for vertical alignment.
-// Current rationale: vertically positioned at the top of
-// the smart card container (when set to 0). Offset this
-// to position it with appropriate whitespace from the top.
-export var Icon = styled.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 14px;\n  width: 14px;\n  margin-right: ", ";\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), "var(--ds-space-050, 4px)");
-
-// Used for 'untrue' icons which claim to be 16x16 but
-// are less than that in height/width.
-// TODO: Replace this override with proper AtlasKit solution.
-export var AKIconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
-export var Shimmer = function Shimmer(_ref) {
-  var testId = _ref.testId;
-  var skeletonCustomStyles = {
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    marginRight: "var(--ds-space-050, 4px)"
-  };
-  return /*#__PURE__*/React.createElement(Skeleton, {
-    width: 14,
-    height: 14,
-    borderRadius: 2,
-    testId: testId,
-    style: skeletonCustomStyles
-  });
-};