@atlaskit/smart-card 35.2.11 → 36.0.0

package/dist/es2019/view/common/ai-summary/AISummaryOld.js

@@ -1,55 +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 Markdown from 'markdown-to-jsx';
-import UList from './ulist';
-const AISummaryCSSStyles = css({
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  wordWrap: 'break-word',
-  wordBreak: 'break-word',
-  whiteSpace: 'normal',
-  WebkitUserSelect: 'text',
-  MozUserSelect: 'text',
-  MsUserSelect: 'text',
-  userSelect: 'text'
-});
-
-/**
- * Move this type to the index file upon FF cleanup. bandicoots-compiled-migration-smartcard
- * Remove the export as well.
- */
-
-/**
- * A component to render a response from AI in markdown text.
- * @internal
- * @param {AISummaryProps} AISummaryProps
- */
-
-const AISummaryOld = ({
-  content = '',
-  overrideCss,
-  testId = 'ai-summary',
-  minHeight = 0
-}) => {
-  if (!content && minHeight === 0) {
-    return null;
-  }
-  return jsx(Markdown, {
-    "data-testid": testId,
-    css: [AISummaryCSSStyles, overrideCss],
-    children: content,
-    options: {
-      forceWrapper: true,
-      overrides: {
-        ul: UList
-      }
-    },
-    style: {
-      minHeight: minHeight
-    }
-  });
-};
-export default AISummaryOld;

package/dist/es2019/view/common/ai-summary/ulistOld.js

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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';
-const listStyles = css({
-  paddingLeft: "var(--ds-space-250, 20px)",
-  paddingInlineStart: "var(--ds-space-250, 20px)"
-});
-const UListOld = ({
-  children,
-  ...props
-}) => jsx("ul", _extends({
-  css: listStyles
-}, props), children);
-export default UListOld;

package/dist/es2019/view/common/stop-propagation/StopPropagationOld.js

@@ -1,28 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-const styles = css({
-  maxHeight: 0,
-  maxWidth: 0,
-  position: 'absolute'
-});
-export const StopPropagationOld = ({
-  children
-}) => {
-  const onClick = useCallback(e => {
-    // Prevent click event inside modal from bubble up
-    e.stopPropagation();
-  }, []);
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    jsx("span", {
-      css: styles,
-      onClick: onClick
-    }, children)
-  );
-};

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

@@ -1,101 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["testId"];
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { R300 } from '@atlaskit/theme/colors';
-import { extractRequestAccessContextImproved } from '../../../extractors/common/context/extractAccessContext';
-import extractHostname from '../../../extractors/common/hostname/extractHostname';
-import { messages } from '../../../messages';
-import { toMessage } from '../../../utils/intl-utils';
-import { getForbiddenJsonLd } from '../../../utils/jsonld';
-import Text from '../../FlexibleCard/components/elements/text';
-import { ForbiddenAction } from '../actions/ForbiddenAction';
-import UnresolvedView from './unresolved-view';
-
-/**
- * This view represent a Block Card with the 'Forbidden' status.
- * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
- *
- * @see SmartLinkStatus
- * @see FlexibleCardProps
- */
-export var ForbiddenViewOld = function ForbiddenViewOld(_ref) {
-  var _details$meta;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var intl = useIntl();
-  var cardState = props.cardState,
-    onAuthorize = props.onAuthorize,
-    url = props.url;
-  var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
-  var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-  var provider = extractProvider(details === null || details === void 0 ? void 0 : details.data);
-  var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
-  var messageContext = useMemo(function () {
-    var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
-    return {
-      product: providerName,
-      hostname: hostname
-    };
-  }, [providerName, url]);
-  var requestAccessContext = useMemo(function () {
-    return extractRequestAccessContextImproved({
-      jsonLd: cardMetadata,
-      url: url,
-      product: providerName,
-      createAnalyticsEvent: createAnalyticsEvent
-    });
-  }, [cardMetadata, providerName, url, createAnalyticsEvent]);
-  var title = useMemo(function () {
-    var descriptor = toMessage(messages.invalid_permissions, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey);
-    return intl.formatMessage(descriptor, {
-      product: providerName
-    });
-  }, [intl, providerName, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey]);
-  var actions = useMemo(function () {
-    var actionFromAccessContext = [];
-    var tryAnotherAccountAction = onAuthorize ? [ForbiddenAction(onAuthorize, 'try_another_account')] : [];
-    if (requestAccessContext) {
-      var action = requestAccessContext.action,
-        callToActionMessageKey = requestAccessContext.callToActionMessageKey;
-      actionFromAccessContext = action && callToActionMessageKey ? [ForbiddenAction(action.promise, callToActionMessageKey, messageContext, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.buttonDisabled)] : [];
-    }
-    return [].concat(tryAnotherAccountAction, _toConsumableArray(actionFromAccessContext));
-  }, [onAuthorize, requestAccessContext, messageContext]);
-  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-    actions: actions,
-    showPreview: true,
-    testId: testId,
-    title: title
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(LockLockedIcon, {
-    label: "forbidden-lock-icon",
-    color: "var(--ds-icon-danger, #C9372C)",
-    LEGACY_fallbackIcon: LegacyLockIcon,
-    LEGACY_size: "small",
-    testId: "".concat(testId, "-lock-icon")
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  React.createElement(LegacyLockIcon, {
-    label: "forbidden-lock-icon",
-    size: "small",
-    primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
-    testId: "".concat(testId, "-lock-icon")
-  }), /*#__PURE__*/React.createElement(Text, {
-    maxLines: 3,
-    message: {
-      descriptor: toMessage(messages.invalid_permissions_description, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.descriptiveMessageKey),
-      values: messageContext
-    }
-  }));
-};

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

@@ -1,65 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["testId"];
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
-import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import LegacyLockIcon from '@atlaskit/icon/glyph/lock';
-import { extractProvider } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../messages';
-import Text from '../../FlexibleCard/components/elements/text';
-import UnresolvedView from './unresolved-view';
-
-/**
- * This view represents a Block Card with a 'Not_Found' status.
- *
- * @see SmartLinkStatus
- * @see FlexibleCardProps
- */
-export var NotFoundViewOld = function NotFoundViewOld(_ref) {
-  var _cardState$details2;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var intl = useIntl();
-  var cardState = props.cardState;
-  var product = useMemo(function () {
-    var _cardState$details, _provider$text;
-    var provider = extractProvider(cardState === null || cardState === void 0 || (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data);
-    return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
-  }, [cardState === null || cardState === void 0 || (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data]);
-  var title = useMemo(function () {
-    return intl.formatMessage(messages.not_found_title, {
-      product: product
-    });
-  }, [intl, product]);
-  var description = useMemo(function () {
-    return {
-      descriptor: messages.not_found_description
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, props, {
-    testId: testId,
-    title: title
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(LockLockedIcon, {
-    label: "not-found-lock-icon",
-    color: "var(--ds-icon-danger, #C9372C)",
-    LEGACY_fallbackIcon: LegacyLockIcon,
-    LEGACY_size: "small",
-    testId: "".concat(testId, "-lock-icon")
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  React.createElement(LegacyLockIcon, {
-    label: "not-found-lock-icon",
-    size: "small",
-    primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
-    testId: "".concat(testId, "-lock-icon")
-  }), /*#__PURE__*/React.createElement(Text, {
-    message: description,
-    testId: "".concat(testId, "-message"),
-    maxLines: 3
-  }));
-};

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

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useMemo, useState } from 'react';
-import { ActionName, ElementName, SmartLinkPosition } from '../../../constants';
-import FlexibleCard from '../../FlexibleCard';
-import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../FlexibleCard/components/blocks';
-import { metadataBlockCss } from './styledOld';
-import { FlexibleCardUiOptions, FooterBlockOptionsOld, getSimulatedBetterMetadata, PreviewBlockOptions, titleBlockOptionsOld } from './utils';
-
-/**
- * This view represents a Block card that has an 'Resolved' status.
- * @see SmartLinkStatus
- * @see FlexibleCardProps
- */
-var ResolvedViewOld = function ResolvedViewOld(_ref) {
-  var cardState = _ref.cardState,
-    onClick = _ref.onClick,
-    onError = _ref.onError,
-    onResolve = _ref.onResolve,
-    actionOptions = _ref.actionOptions,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
-    url = _ref.url;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPreviewBlockErrored = _useState2[0],
-    setIsPreviewBlockErrored = _useState2[1];
-  useEffect(function () {
-    setIsPreviewBlockErrored(false);
-  }, [url, cardState]);
-  var _getSimulatedBetterMe = getSimulatedBetterMetadata(cardState.details),
-    titleMetadata = _getSimulatedBetterMe.titleMetadata,
-    topMetadata = _getSimulatedBetterMe.topMetadata,
-    bottomMetadata = _getSimulatedBetterMe.bottomMetadata;
-  var footerActions = useMemo(function () {
-    return [{
-      name: ActionName.FollowAction,
-      hideIcon: true
-    }, {
-      name: ActionName.PreviewAction,
-      hideIcon: true
-    }, {
-      name: ActionName.DownloadAction,
-      hideIcon: true
-    }];
-  }, []);
-  return /*#__PURE__*/React.createElement(FlexibleCard, {
-    appearance: "block",
-    cardState: cardState,
-    onClick: onClick,
-    onError: onError,
-    onResolve: onResolve,
-    origin: "smartLinkCard",
-    actionOptions: actionOptions,
-    testId: testId,
-    ui: FlexibleCardUiOptions,
-    url: url
-  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptionsOld, {
-    metadata: titleMetadata,
-    subtitle: [{
-      name: ElementName.Location
-    }],
-    metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: topMetadata,
-    maxLines: 1,
-    overrideCss: metadataBlockCss
-  }), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: bottomMetadata,
-    maxLines: 1,
-    overrideCss: metadataBlockCss
-  }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
-    onError: function onError() {
-      setIsPreviewBlockErrored(true);
-    }
-  })) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, FooterBlockOptionsOld, {
-    actions: footerActions
-  })));
-};
-export default ResolvedViewOld;

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

@@ -1,51 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { N40 } from '@atlaskit/theme/colors';
-// in editor prosemirror adds padding-left so we need to overwrite it
-// renderer overwrites the margin-right so we need to add it here
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var metadataBlockCss = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'span[data-smart-element-avatar-group]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> ul': {
-      paddingLeft: '0px',
-      marginRight: "var(--ds-space-100, 0.5rem)"
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '[data-smart-element-group]': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '1rem'
-  }
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var titleBlockCss = css({
-  gap: "var(--ds-space-100, 0.5em)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "[data-smart-element='Title']": {
-    fontWeight: "var(--ds-font-weight-semibold, 600)"
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var footerBlockCss = css({
-  height: '1.5rem',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.actions-button-group': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    'button, button:hover, button:focus, button:active': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      fontSize: '0.875rem'
-    }
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var flexibleBlockCardStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    borderRadius: "var(--ds-border-radius-200, 8px)",
-    border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
-  }
-});

package/dist/esm/view/BlockCard/views/unresolved-view/UnresolvedViewOld.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css } from '@emotion/react';
-import FlexibleCard from '../../../FlexibleCard';
-import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
-import { FlexibleCardUiOptions, FooterBlockOptionsOld, PreviewBlockOptions, titleBlockOptionsOld } from '../utils';
-var customBlockStyles = css({
-  alignItems: 'flex-start'
-});
-var UnresolvedViewOld = function UnresolvedViewOld(_ref) {
-  var actions = _ref.actions,
-    cardState = _ref.cardState,
-    children = _ref.children,
-    onAuthorize = _ref.onAuthorize,
-    onClick = _ref.onClick,
-    onError = _ref.onError,
-    _ref$showPreview = _ref.showPreview,
-    showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
-    testId = _ref.testId,
-    title = _ref.title,
-    url = _ref.url;
-  return /*#__PURE__*/React.createElement(FlexibleCard, {
-    appearance: "block",
-    cardState: cardState,
-    onAuthorize: onAuthorize,
-    onClick: onClick,
-    onError: onError,
-    origin: "smartLinkCard",
-    testId: testId,
-    ui: FlexibleCardUiOptions,
-    url: url
-  }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptionsOld, {
-    hideIcon: !!title,
-    text: title
-  })), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: customBlockStyles
-  }, children), showPreview && /*#__PURE__*/React.createElement(PreviewBlock, PreviewBlockOptions), /*#__PURE__*/React.createElement(InternalFooterBlock, _extends({}, FooterBlockOptionsOld, {
-    actions: actions,
-    testId: "smart-block-card-footer"
-  })));
-};
-export default UnresolvedViewOld;

package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyleOld.js

@@ -1,17 +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 { flexibleBlockCardStyle } from '../styledOld';
-export var withFlexibleUIBlockCardStyleOld = function withFlexibleUIBlockCardStyleOld(FlexibleBlockCardView) {
-  return function (props) {
-    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("div", {
-        css: flexibleBlockCardStyle
-      }, jsx(FlexibleBlockCardView, props))
-    );
-  };
-};

package/dist/esm/view/EmbedCard/components/ErrorFrameOld.js

@@ -1,92 +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 { B200, N20A, N30A, N40A, N50A } from '@atlaskit/theme/colors';
-import { br, gs, mq } from '../../common/utils';
-export var FrameOld = function FrameOld() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    isSelected: false,
-    isHoverable: false,
-    isFluidHeight: false
-  };
-  return props.compact ? jsx(CompactFrameOld, props) : jsx(ExpandedFrameOld, props);
-};
-var sharedBaseFrameStyles = css({
-  width: '100%',
-  display: 'flex'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var sharedFrameStyles = {
-  maxWidth: gs(95),
-  backgroundColor: "var(--ds-surface-raised, white)"
-};
-export var ExpandedFrameOld = function ExpandedFrameOld(_ref) {
-  var children = _ref.children,
-    isSelected = _ref.isSelected,
-    isHoverable = _ref.isHoverable,
-    testId = _ref.testId,
-    className = _ref.className,
-    isFluidHeight = _ref.isFluidHeight;
-  return jsx("div", {
-    css: [sharedBaseFrameStyles, sharedFrameStyles,
-    // 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({
-      '&:hover': isHoverable ? {
-        // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
-        backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20A, ")"),
-        cursor: 'pointer'
-      } : undefined,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      minHeight: isFluidHeight ? 0 : [gs(21), gs(15)],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      borderRadius: isSelected ? br() : br(0.5),
-      border: "2px solid ".concat(isSelected ? "var(--ds-border-selected, ".concat(B200, ")") : 'transparent'),
-      justifyContent: 'space-between',
-      overflow: 'hidden',
-      boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A), ")")
-    })],
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className,
-    "data-trello-do-not-use-override": testId
-  }, children);
-};
-export var CompactFrameOld = function CompactFrameOld(_ref2) {
-  var children = _ref2.children,
-    isHoverable = _ref2.isHoverable,
-    isSelected = _ref2.isSelected,
-    testId = _ref2.testId,
-    className = _ref2.className,
-    inheritDimensions = _ref2.inheritDimensions;
-  return jsx("div", {
-    css: [sharedBaseFrameStyles, sharedFrameStyles,
-    // 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({
-      '&:hover': isHoverable ? {
-        backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")")
-      } : undefined,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      borderRadius: isSelected ? br() : br(0.5),
-      border: isSelected ? "2px solid ".concat("var(--ds-border-selected, ".concat(B200, ")")) : '',
-      justifyContent: 'center',
-      alignItems: 'center',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      height: inheritDimensions ? '100%' : gs(5),
-      backgroundColor: "var(--ds-background-neutral, ".concat(N20A, ")"),
-      width: ['calc(100% - 16px)', '100%'],
-      // 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: ["0px ".concat(gs(1)), '0']
-    })],
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className
-  }, children);
-};

package/dist/esm/view/EmbedCard/components/ExpandedFrameOld.js

@@ -1,104 +0,0 @@
-/* ExpandedFrameOld.tsx generated by @compiled/babel-plugin v0.36.1 */
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import Tooltip from '@atlaskit/tooltip';
-import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
-import { handleClickCommon } from '../../common/utils';
-import { className, Content, Header, IconWrapper, LinkWrapper, TextWrapper, TooltipWrapper, Wrapper } from './styledOld';
-export var ExpandedFrameOld = function ExpandedFrameOld(_ref) {
-  var _ref$isPlaceholder = _ref.isPlaceholder,
-    isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    icon = _ref.icon,
-    text = _ref.text,
-    isSelected = _ref.isSelected,
-    _ref$frameStyle = _ref.frameStyle,
-    frameStyle = _ref$frameStyle === void 0 ? 'showOnHover' : _ref$frameStyle,
-    href = _ref.href,
-    minWidth = _ref.minWidth,
-    maxWidth = _ref.maxWidth,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
-    inheritDimensions = _ref.inheritDimensions,
-    _ref$allowScrollBar = _ref.allowScrollBar,
-    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
-    _ref$setOverflow = _ref.setOverflow,
-    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
-  var isInteractive = function isInteractive() {
-    return !isPlaceholder && (Boolean(href) || Boolean(onClick));
-  };
-  var handleClick = function handleClick(event) {
-    return handleClickCommon(event, onClick);
-  };
-  var handleMouseDown = useMouseDownEvent();
-  var renderHeader = function renderHeader() {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      React.createElement(Header, {
-        className: "embed-header",
-        frameStyle: frameStyle
-      }, /*#__PURE__*/React.createElement(IconWrapper, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TooltipWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement(TextWrapper, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
-        href: href,
-        onClick: handleClick,
-        onMouseDown: handleMouseDown
-      }, text)))))
-    );
-  };
-  var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement(Content, {
-      "data-testid": "embed-content-wrapper",
-      allowScrollBar: allowScrollBar,
-      removeOverflow: !setOverflow,
-      isInteractive: isInteractive(),
-      frameStyle: frameStyle
-      // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
-      // See: HOT-107830
-      ,
-      contentEditable: 'false',
-      suppressContentEditableWarning: true
-    }, children);
-  };
-  if (!isPlaceholder && href) {
-    return /*#__PURE__*/React.createElement(LinkWrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: className,
-      isInteractive: isInteractive(),
-      isSelected: isSelected,
-      frameStyle: frameStyle,
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId
-      // Due to limitations of testing library, we can't assert ::after
-      ,
-      "data-is-selected": isSelected,
-      inheritDimensions: inheritDimensions
-    }, renderHeader(), renderContent());
-  } else {
-    return /*#__PURE__*/React.createElement(Wrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: className,
-      isInteractive: isInteractive(),
-      isSelected: isSelected,
-      minWidth: minWidth,
-      frameStyle: frameStyle,
-      maxWidth: maxWidth,
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId,
-      "data-is-selected": isSelected,
-      "data-wrapper-type": "default",
-      "data-is-interactive": isInteractive()
-    }, renderHeader(), renderContent());
-  }
-};