@atlaskit/smart-card 35.2.12 → 36.0.0

package/dist/cjs/view/HoverCard/components/views/unauthorised/HoverCardUnauthorisedViewOld.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _linkExtractors = require("@atlaskit/link-extractors");
-var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
-var _constants = require("../../../../../constants");
-var _messages = require("../../../../../messages");
-var _actions = require("../../../../../state/actions");
-var _helpers = require("../../../../../state/helpers");
-var _UnauthorisedViewContent = _interopRequireDefault(require("../../../../common/UnauthorisedViewContent"));
-var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
-var _blocks = require("../../../../FlexibleCard/components/blocks");
-var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
-var _elements = require("../../../../FlexibleCard/components/elements");
-var _styled = require("./styled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var HoverCardUnauthorisedViewOld = function HoverCardUnauthorisedViewOld(_ref) {
-  var _cardState$details, _extractProvider;
-  var _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    flexibleCardProps = _ref.flexibleCardProps,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
-    url = _ref.url;
-  var cardState = flexibleCardProps.cardState;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var providerName = (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
-  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState.details);
-  var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url),
-    authorize = _useSmartCardActions.authorize;
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var handleAuthorize = (0, _react.useCallback)(function () {
-    if (authorize) {
-      fireEvent('track.applicationAccount.authStarted', {});
-      authorize(_constants.CardDisplay.HoverCardPreview);
-    }
-  }, [authorize, fireEvent]);
-  var actions = (0, _react.useMemo)(function () {
-    return [{
-      name: _constants.ActionName.CustomAction,
-      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_action, {
-        values: {
-          context: providerName
-        }
-      })),
-      onClick: handleAuthorize
-    }];
-  }, [handleAuthorize, providerName]);
-  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, (0, _extends2.default)({}, flexibleCardProps, {
-    testId: testId
-  }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled.titleBlockStyles,
-    testId: "".concat(testId, "-title")
-  }, /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
-    values: {
-      context: providerName
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled.mainTextStyles,
-    testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
-    providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported
-  }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled.connectButtonStyles,
-    testId: "".concat(testId, "-button")
-  }, /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
-    items: actions,
-    appearance: "primary"
-  })));
-};
-var _default = exports.default = HoverCardUnauthorisedViewOld;

package/dist/cjs/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titleBlockStyles = exports.mainTextStyles = exports.connectButtonStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var blockGap = '0.5rem';
-var iconGap = '0.5rem';
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var connectButtonStyles = exports.connectButtonStyles = (0, _react.css)({
-  justifyContent: 'flex-end',
-  marginTop: blockGap
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
-  gap: "".concat(blockGap, " ").concat(iconGap),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  a: {
-    fontWeight: "var(--ds-font-weight-medium, 500)"
-  }
-});
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
-  marginTop: blockGap,
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-});

package/dist/cjs/view/InlineCard/ErroredView/InlineCardErroredViewOld.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardErroredViewOld = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../messages");
-var _HoverCard = require("../../HoverCard");
-var _Frame = require("../Frame");
-var _Icon = require("../Icon");
-var _IconEmotion = require("../Icon-emotion");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _styled = require("../styled");
-var _styledEmotion = require("../styled-emotion");
-var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameStyleControl"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var iconWrapperStyles = (0, _primitives.xcss)({
-  marginRight: 'space.negative.025'
-});
-var InlineCardErroredViewOld = exports.InlineCardErroredViewOld = /*#__PURE__*/function (_React$Component) {
-  function InlineCardErroredViewOld() {
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardErroredViewOld);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, InlineCardErroredViewOld, [].concat(args));
-    (0, _defineProperty2.default)(_this, "frameRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)(_this, "handleRetry", function (event) {
-      var onRetry = _this.props.onRetry;
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    (0, _defineProperty2.default)(_this, "renderActionButton", function () {
-      var onRetry = _this.props.onRetry;
-      var Button = (0, _withFrameStyleControl.default)(_button.default, _this.frameRef);
-      return onRetry && /*#__PURE__*/_react.default.createElement(Button, {
-        spacing: "none",
-        component: (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled.IconStyledButtonOldVisualRefresh : _styledEmotion.IconStyledButton,
-        onClick: _this.handleRetry,
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again));
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(InlineCardErroredViewOld, _React$Component);
-  return (0, _createClass2.default)(InlineCardErroredViewOld, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        url = _this$props.url,
-        onClick = _this$props.onClick,
-        isSelected = _this$props.isSelected,
-        _this$props$testId = _this$props.testId,
-        testId = _this$props$testId === void 0 ? 'inline-card-errored-view' : _this$props$testId,
-        icon = _this$props.icon,
-        message = _this$props.message,
-        truncateInline = _this$props.truncateInline;
-      var Wrapper = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _Icon.AKIconWrapper : _IconEmotion.AKIconWrapper;
-      var content = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected,
-        ref: this.frameRef,
-        truncateInline: truncateInline
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon || ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-          as: "span",
-          xcss: iconWrapperStyles
-        }, /*#__PURE__*/_react.default.createElement(_error.default, {
-          color: "var(--ds-icon-danger, #C9372C)",
-          label: "error",
-          LEGACY_size: "small",
-          testId: "errored-view-default-icon"
-        })) : /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
-          label: "error",
-          LEGACY_size: "small",
-          color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-          testId: "errored-view-default-icon"
-        }))),
-        link: url,
-        title: url,
-        onClick: onClick,
-        rightSide: message
-      }), this.renderActionButton());
-      if (this.props.showHoverPreview) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
-          url: url
-        }, content);
-      }
-      return content;
-    }
-  }]);
-}(_react.default.Component);

package/dist/cjs/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js

@@ -1,186 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardForbiddenViewOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
-var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../messages");
-var _HoverCard = require("../../HoverCard");
-var _Frame = require("../Frame");
-var _Icon = require("../Icon");
-var _IconEmotion = require("../Icon-emotion");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _styled = require("../styled");
-var _styledEmotion = require("../styled-emotion");
-var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameStyleControl"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var iconWrapperStyles = (0, _primitives.xcss)({
-  marginRight: 'space.negative.025'
-});
-var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
-  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-      label: "error",
-      color: "var(--ds-icon-danger, #C9372C)",
-      LEGACY_fallbackIcon: _lockFilled.default,
-      LEGACY_size: "small",
-      testId: "forbidden-view-fallback-icon"
-    })) : /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-      label: "error",
-      size: "small",
-      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-      testId: "forbidden-view-fallback-icon"
-    }));
-  } else {
-    return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-      label: "error",
-      color: "var(--ds-icon-danger, #C9372C)",
-      LEGACY_fallbackIcon: _lockFilled.default,
-      LEGACY_size: "small",
-      testId: "forbidden-view-fallback-icon"
-    })) : /*#__PURE__*/_react.default.createElement(_IconEmotion.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-      label: "error",
-      size: "small",
-      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-      testId: "forbidden-view-fallback-icon"
-    }));
-  }
-};
-var InlineCardForbiddenViewOld = exports.InlineCardForbiddenViewOld = /*#__PURE__*/function (_React$Component) {
-  function InlineCardForbiddenViewOld() {
-    var _this$props;
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardForbiddenViewOld);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, InlineCardForbiddenViewOld, [].concat(args));
-    (0, _defineProperty2.default)(_this, "frameRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)(_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)
-    });
-    (0, _defineProperty2.default)(_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();
-      }
-    });
-    (0, _defineProperty2.default)(_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.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[callToActionMessageKey], {
-          values: {
-            product: _this.props.context
-          }
-        }));
-      }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.invalid_permissions, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedMessage);
-      }));
-    });
-    (0, _defineProperty2.default)(_this, "renderActionButton", function () {
-      var _this$props$requestAc;
-      var onAuthorise = _this.props.onAuthorise;
-      var Button = (0, _withFrameStyleControl.default)(_button.default, _this.frameRef);
-      var accessType = (_this$props$requestAc = _this.props.requestAccessContext) === null || _this$props$requestAc === void 0 ? void 0 : _this$props$requestAc.accessType;
-      if (_this.state.hasRequestAccessContextMessage) {
-        if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-          return /*#__PURE__*/_react.default.createElement(Button, {
-            spacing: "none",
-            onClick: _this.handleRetry,
-            component: _styled.IconStyledButtonOldVisualRefresh,
-            testId: "button-connect-other-account",
-            role: "button",
-            isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
-          }, _this.renderForbiddenAccessMessage());
-        } else {
-          return /*#__PURE__*/_react.default.createElement(Button, {
-            spacing: "none",
-            onClick: _this.handleRetry,
-            component: _styledEmotion.IconStyledButton,
-            testId: "button-connect-other-account",
-            role: "button",
-            isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
-          }, _this.renderForbiddenAccessMessage());
-        }
-      }
-      if (onAuthorise) {
-        return /*#__PURE__*/_react.default.createElement(Button, {
-          spacing: "none",
-          onClick: _this.handleRetry,
-          appearance: "subtle-link",
-          testId: "button-connect-other-account",
-          role: "button"
-        }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
-          appearance: 'moved'
-        }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
-          isBold: true
-        } : undefined), _this.renderForbiddenAccessMessage())));
-      }
-      return null;
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(InlineCardForbiddenViewOld, _React$Component);
-  return (0, _createClass2.default)(InlineCardForbiddenViewOld, [{
-    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,
-        truncateInline = _this$props4.truncateInline;
-      var content = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected,
-        ref: this.frameRef,
-        truncateInline: truncateInline
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon ? icon : fallbackForbiddenIcon(),
-        link: url,
-        title: url,
-        onClick: onClick,
-        titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
-      }), this.renderActionButton());
-      if (this.props.showHoverPreview) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
-          url: url
-        }, content);
-      }
-      return content;
-    }
-  }]);
-}(_react.default.Component);

package/dist/cjs/view/InlineCard/Frame/styled-emotion.js

@@ -1,137 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WrapperSpan = exports.WrapperAnchor = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colors = require("@atlaskit/theme/colors");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var lineHeight = 22;
-var selectedStyles = {
-  cursor: 'pointer',
-  boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")")),
-  outline: 'none',
-  userSelect: 'none',
-  '&, :hover, :focus, :active': {
-    textDecoration: 'none'
-  },
-  '&:hover': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-  }
-};
-var isInteractive = function isInteractive(_ref) {
-  var isInteractive = _ref.isInteractive;
-  if (isInteractive) {
-    return {
-      ':active': {
-        backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
-      },
-      ':focus': selectedStyles
-    };
-  }
-  return undefined;
-};
-var isSelected = function isSelected(_ref2) {
-  var isSelected = _ref2.isSelected;
-  if (isSelected) {
-    return selectedStyles;
-  } else {
-    return {
-      userSelect: 'text'
-    };
-  }
-};
-var hoveredStyles = {
-  borderColor: "var(--ds-border-accent-blue, ".concat(_colors.B200, ")")
-};
-var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
-  if (props.withoutBackground) {
-    return undefined;
-  }
-  return {
-    textDecoration: 'none'
-  };
-};
-var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
-  return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
-};
-
-/*
-  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 baseWrapperStyles = function baseWrapperStyles(props) {
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: "".concat(lineHeight, "px"),
-    padding: "var(--ds-space-025, 2px)".concat(" 0px")
-  }, props.withoutBackground ? {
-    paddingLeft: 0,
-    marginLeft: "var(--ds-space-negative-025, -2px)"
-  } : undefined), {}, {
-    display: 'inline',
-    boxDecorationBreak: 'clone',
-    borderRadius: "var(--ds-border-radius-100, 4px)",
-    color: "var(--ds-link, ".concat(_colors.B400, ")")
-  }, props.withoutBackground ? undefined : {
-    backgroundColor: "var(--ds-surface-raised, white)"
-  }), isSelected(props)), props.withoutBackground ? undefined : {
-    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-  }), {}, {
-    '&:hover': hoveredStyles,
-    '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
-    transition: '0.1s all ease-in-out',
-    MozUserSelect: 'none'
-  }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
-};
-var truncateStyles = {
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  wordBreak: 'break-all',
-  // The height of a truncated card is 1px higher than that of a non-truncated card, so we subtract 1px from the line height.
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: "".concat(lineHeight - 1, "px"),
-  display: '-webkit-inline-box',
-  WebkitLineClamp: 1,
-  WebkitBoxOrient: 'vertical',
-  // We need to remove the padding because display: -webkit-inline-box will cause any padding to be
-  // added to the total height, causing truncated cards to have greater height than non-truncated cards which use display: inline.
-  padding: 0,
-  '@supports not (-webkit-line-clamp: 1)': {
-    display: 'inline-block',
-    maxHeight: "".concat(lineHeight, "px"),
-    // If the browser does not support webkit, we don't need to remove the padding
-    padding: "var(--ds-space-025, 2px)".concat(" 0px")
-  }
-};
-var isTruncated = function isTruncated(_ref3) {
-  var truncateInline = _ref3.truncateInline;
-  if (truncateInline) {
-    return truncateStyles;
-  }
-  return undefined;
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(function (props) {
-  return _objectSpread(_objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props)), isTruncated(props));
-});
-WrapperAnchor.displayName = 'WrapperAnchor';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-var WrapperSpan = exports.WrapperSpan = _styled.default.span(function (props) {
-  return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isTruncated(props));
-});
-WrapperSpan.displayName = 'WrapperSpan';

package/dist/cjs/view/InlineCard/Icon-emotion.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Shimmer = exports.Icon = exports.AKIconWrapper = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _linkingCommon = require("@atlaskit/linking-common");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// 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.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var Icon = exports.Icon = _styled.default.img({
-  height: '16px',
-  width: '16px',
-  marginRight: "var(--ds-space-050, 4px)",
-  borderRadius: '2px',
-  userSelect: 'none',
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)'
-});
-
-// TODO: Remove on platform-smart-card-icon-migration or bandicoots-compiled-migration-smartcard cleanup
-// Used for 'untrue' icons which claim to be 16x16 but
-// are less than that in height/width.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var AKIconWrapper = exports.AKIconWrapper = _styled.default.span({
-  marginRight: "var(--ds-space-negative-025, -2px)"
-});
-var Shimmer = exports.Shimmer = function Shimmer(_ref) {
-  var testId = _ref.testId;
-  var skeletonCustomStyles = {
-    position: 'absolute',
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-    top: '50%',
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    marginRight: "var(--ds-space-050, 4px)"
-  };
-  return /*#__PURE__*/_react.default.createElement(_linkingCommon.SpanSkeleton, {
-    width: 16,
-    height: 16,
-    borderRadius: 2,
-    testId: testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: skeletonCustomStyles
-  });
-};

package/dist/cjs/view/InlineCard/IconAndTitleLayout/IconAndTitleLayoutOld.compiled.css

@@ -1 +0,0 @@
-._1bsb1osq{width:100%}