@atlaskit/smart-card 35.2.11 → 36.0.0

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

@@ -1,133 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useEffect, useRef, useState } from 'react';
-
-// 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 { getIframeSandboxAttribute } from '../../../utils';
-import { IFrame } from './IFrame';
-import { IframeDwellTracker } from './IframeDwellTracker';
-function mergeRefs(refs) {
-  return function (value) {
-    refs.forEach(function (ref) {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref !== null) {
-        ref.current = value;
-      }
-    });
-  };
-}
-var iframeStyles = css({
-  border: 0,
-  top: 0,
-  left: 0,
-  width: '100%',
-  height: '100%',
-  position: 'relative',
-  overflow: 'hidden',
-  borderRadius: '3px'
-});
-export var FrameOld = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
-  var url = _ref.url,
-    _ref$isTrusted = _ref.isTrusted,
-    isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
-    testId = _ref.testId,
-    onIframeDwell = _ref.onIframeDwell,
-    onIframeFocus = _ref.onIframeFocus,
-    title = _ref.title;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isIframeLoaded = _useState2[0],
-    setIframeLoaded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isMouseOver = _useState4[0],
-    setMouseOver = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isWindowFocused = _useState6[0],
-    setWindowFocused = _useState6[1];
-  var ref = useRef();
-  var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    percentVisible = _useState8[0],
-    setPercentVisible = _useState8[1];
-
-  /**
-   * These are the 'percent visible' thresholds at which the intersectionObserver will
-   * trigger a state change. Eg. when the user scrolls and moves from 74% to 76%, or
-   * vice versa. It's in a state object so that its static for the useEffect
-   */
-  var _useState9 = useState([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
-    _useState10 = _slicedToArray(_useState9, 1),
-    threshold = _useState10[0];
-  useEffect(function () {
-    if (!ref || !ref.current) {
-      return;
-    }
-    var observer = new IntersectionObserver(function (entries) {
-      entries.forEach(function (entry) {
-        setPercentVisible(entry === null || entry === void 0 ? void 0 : entry.intersectionRatio);
-      });
-    }, {
-      threshold: threshold
-    });
-    observer.observe(ref.current);
-    return function () {
-      observer.disconnect();
-    };
-  }, [threshold, mergedRef]);
-  useEffect(function () {
-    var onBlur = function onBlur() {
-      setWindowFocused(false);
-      if (document.activeElement === ref.current) {
-        onIframeFocus && onIframeFocus();
-      }
-    };
-    var onFocus = function onFocus() {
-      setWindowFocused(true);
-    };
-    window.addEventListener('blur', onBlur);
-    window.addEventListener('focus', onFocus);
-    return function () {
-      window.removeEventListener('blur', onBlur);
-      window.removeEventListener('focus', onFocus);
-    };
-  }, [ref, onIframeFocus]);
-  if (!url) {
-    return null;
-  }
-  return jsx(React.Fragment, null, jsx(IframeDwellTracker, {
-    isIframeLoaded: isIframeLoaded,
-    isMouseOver: isMouseOver,
-    isWindowFocused: isWindowFocused,
-    iframePercentVisible: percentVisible,
-    onIframeDwell: onIframeDwell
-  }), jsx(IFrame, {
-    childRef: mergedRef,
-    src: url,
-    "data-testid": "".concat(testId, "-frame"),
-    "data-iframe-loaded": isIframeLoaded,
-    css: iframeStyles,
-    onMouseEnter: function onMouseEnter() {
-      return setMouseOver(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setMouseOver(false);
-    },
-    allowFullScreen: true,
-    scrolling: "yes",
-    allow: "autoplay; encrypted-media; clipboard-write",
-    onLoad: function onLoad() {
-      setIframeLoaded(true);
-    },
-    sandbox: getIframeSandboxAttribute(isTrusted),
-    title: title
-  }));
-});

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

@@ -1,252 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import * as colors from '@atlaskit/theme/colors';
-import { N40 } from '@atlaskit/theme/colors';
-import { gs as gridSize } from '../../common/utils';
-export var className = 'media-card-frame';
-export var borderRadius = "\n  border-radius: ".concat("var(--ds-border-radius, 3px)", ";\n");
-var wrapperBorderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n");
-var contentBorderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-100, 4px)", ";\n");
-export var ellipsis = function ellipsis() {
-  var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  var unit = typeof maxWidth === 'number' ? 'px' : '';
-  return "\n    max-width: ".concat(maxWidth).concat(unit, ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  ");
-};
-export var csssize = function csssize() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  var unit = typeof value === 'number' ? 'px' : '';
-  return "\n    width: ".concat(value).concat(unit, ";\n    height: ").concat(value).concat(unit, ";\n  ");
-};
-function minWidth(_ref) {
-  var minWidth = _ref.minWidth;
-  if (minWidth) {
-    return "min-width: ".concat(minWidth, "px;");
-  } else {
-    return '';
-  }
-}
-function maxWidth(_ref2) {
-  var maxWidth = _ref2.maxWidth;
-  if (maxWidth) {
-    return "max-width: ".concat(maxWidth, "px; margin: 0 auto;");
-  } else {
-    return 'margin: 0 auto;';
-  }
-}
-function getInteractiveStyles(_ref3) {
-  var isInteractive = _ref3.isInteractive,
-    frameStyle = _ref3.frameStyle;
-  return isInteractive ? "\n      &:hover {\n        ".concat(frameStyle !== 'hide' && visibleStyles, "\n\n      }\n      &:active {\n        background-color: ", "var(--ds-background-selected, ".concat(colors.B50, ")"), ";\n      }\n    ") : '';
-}
-function selected(_ref4) {
-  var isSelected = _ref4.isSelected,
-    frameStyle = _ref4.frameStyle;
-  return isSelected && frameStyle !== 'hide' ? "\n    ".concat(visibleStyles, "\n    &::after {\n      cursor: pointer;\n      box-shadow: 0 0 0 3px ", "var(--ds-border-selected, ".concat(colors.B100, ")"), ";\n      content: '';\n      border: none;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      ").concat(wrapperBorderRadius, "\n    }\n    ") : isSelected && frameStyle === 'hide' ? contentBorderRadius : '';
-}
-var height = function height(_ref5) {
-  var inheritDimensions = _ref5.inheritDimensions;
-  return inheritDimensions ? 'height: 100%;' : "height: ".concat(gridSize(54));
-};
-var wrapperStyles = function wrapperStyles(props) {
-  return "\n  ".concat(wrapperBorderRadius, "\n  ").concat(minWidth(props), "\n  ").concat(maxWidth(props), "\n  ").concat(getInteractiveStyles(props), "\n  ").concat(visible(props), "\n  display: inline-flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: ", "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", ";\n  width: 100%;\n  user-select: none;\n  line-height: initial;\n  transition: background 0.3s;\n  position: relative;\n  ").concat(height(props), ";\n  ").concat(selected(props), "\n\n  &:after {\n    content: '';\n    transition: background 0.3s, box-shadow 0.3s;\n    position: absolute;\n    height: calc(100% + ", "var(--ds-space-100, 8px)", ");\n    ").concat(wrapperBorderRadius, "\n\n    ").concat(wrapperSizing(props), "\n  }\n");
-};
-
-// if frameStyle !== 'show' then set the width of the frame to be
-// 100% of the content +16px and position it left -8px to make it appear
-// outside the container
-var wrapperSizing = function wrapperSizing(_ref6) {
-  var frameStyle = _ref6.frameStyle;
-  return frameStyle === 'show' ? "\n    box-sizing: border-box;\n    width: 100%;" : "\n    width: calc(100% + ".concat("var(--ds-space-200, 16px)", ");\n    left: ", "var(--ds-space-negative-100, -8px)", ";");
-};
-var visibleStyles = "\n  &:after {\n    border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n    background-color: ", "var(--ds-surface-raised, white)", ";\n  }\n  .embed-header {\n    opacity: 1;\n  }");
-function visible(_ref7) {
-  var frameStyle = _ref7.frameStyle;
-  return frameStyle === 'show' ? visibleStyles : '';
-}
-
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var LinkWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", " &:hover {\n\t\ttext-decoration: none;\n\t}\n"])), function (props) {
-  return wrapperStyles(props);
-});
-
-// 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
-export var Wrapper = styled.div(function (props) {
-  return wrapperStyles(props);
-}, {
-  // We are keeping this margin as a hardcoded variable as it is not a standard token size and needs
-  // to be thoroughly checked with a designer so that we do not miss an unintended visual change
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginTop: '10px'
-});
-export var embedHeaderHeight = 32;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var Header = styled.div({
-  height: "".concat(embedHeaderHeight, "px"),
-  position: 'absolute',
-  zIndex: 1,
-  width: '100%',
-  display: 'flex',
-  alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-icon, ".concat(colors.N300, ")"),
-  opacity: 0,
-  transition: '300ms opacity cubic-bezier(0.15, 1, 0.3, 1)'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-function (_ref8) {
-  var frameStyle = _ref8.frameStyle;
-  return frameStyle === 'show' ? "\n        box-sizing: border-box;\n        padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n      ") : '';
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var IconWrapper = styled.div(
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-borderRadius,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-csssize(16),
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-function (_ref9) {
-  var isPlaceholder = _ref9.isPlaceholder;
-  if (isPlaceholder) {
-    return "\n\t\t\t".concat("\n      background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
-  } else {
-    return '';
-  }
-}, {
-  marginRight: "var(--ds-space-050, 4px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var TextWrapper = styled.div(
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-function (_ref10) {
-  var isPlaceholder = _ref10.isPlaceholder;
-  if (isPlaceholder) {
-    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n", "\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
-  } else {
-    return '';
-  }
-}, {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-ellipsis('none'));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var TooltipWrapper = styled.div({
-  overflow: 'hidden'
-});
-// NB: `overflow` is kept as `hidden` since
-// the internal contents of the `iframe` should
-// manage scrolling behaviour.
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t", ";\n\tborder: 1px solid ", ";\n\tbackground-color: ", ";\n\tposition: absolute;\n\tz-index: 1;\n\twidth: 100%;\n\ttransition: box-shadow 0.3s;\n\n\t> .calc-height > div > div {\n\t\tleft: unset !important;\n\t\twidth: unset !important;\n\t\theight: unset !important;\n\t\tposition: initial !important;\n\t\tpadding-bottom: unset !important;\n\t}\n\t> .embed-preview > div {\n\t\tmargin: 0 auto;\n\t}\n\n\t", "\n\n\t", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
-  var allowScrollBar = _ref11.allowScrollBar,
-    removeOverflow = _ref11.removeOverflow;
-  if (removeOverflow) {
-    return '';
-  }
-  return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
-}, function (_ref12) {
-  var frameStyle = _ref12.frameStyle;
-  return frameStyle === 'show' ? "\n        width: calc(100% - ".concat("var(--ds-space-200, 16px)", " - 2px);\n        margin: 0 ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", ";\n      ") : '';
-}, function (_ref13) {
-  var frameStyle = _ref13.frameStyle;
-  return frameStyle === 'hide' ? 'height: 100%;' : "\n        height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n        top: ", "var(--ds-space-400, 32px)", ";\n      ");
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export var Image = styled.img(function (_ref14) {
-  var size = _ref14.size;
-  return csssize(size);
-}, borderRadius, {
-  overflow: 'hidden'
-});
-export var maxAvatarCount = 6;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ContentWrapper = styled.div({
-  display: 'flex',
-  flexDirection: 'row',
-  boxSizing: 'border-box',
-  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var Title = styled.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N900, ")"),
-  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  maxHeight: "".concat(20 * 4, "px"),
-  overflow: 'hidden'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var Byline = styled.div({
-  marginTop: "var(--ds-space-050, 4px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-ellipsis('100%'));
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var Description = styled.div({
-  marginTop: "calc(".concat("var(--ds-space-100, 8px)", " - 1px)"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N800, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  maxHeight: "".concat(18 * 3, "px"),
-  overflow: 'hidden'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ResolvedViewIconWrapper = styled.div({
-  marginTop: "var(--ds-space-050, 4px)"
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-export var Thumbnail = styled.div(borderRadius, csssize(48), function (props) {
-  return {
-    float: 'right',
-    margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    backgroundImage: "url(".concat(props.src, ")"),
-    backgroundSize: 'cover'
-  };
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var UsersWrapper = styled.div({
-  marginTop: "var(--ds-space-100, 8px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ActionsWrapper = styled.div({
-  marginTop: "var(--ds-space-100, 8px)",
-  textAlign: 'right',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> *': {
-    marginTop: "var(--ds-space-050, 4px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> * + *': {
-    marginLeft: "var(--ds-space-050, 4px)"
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var AlertWrapper = styled.div({
-  position: 'absolute',
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  overflow: 'hidden',
-  pointerEvents: 'none',
-  zIndex: maxAvatarCount + 1
-});

package/dist/esm/view/EmbedCard/views/ErroredViewOld.js

@@ -1,61 +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 { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import { R300 } from '@atlaskit/theme/colors';
-import { messages } from '../../../messages';
-import { gs } from '../../common/utils';
-import { Frame } from '../components/ErrorFrame';
-var messageStyles = css({
-  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-regular, 400)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  marginLeft: gs(0.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
-  marginRight: gs(0.5),
-  display: '-webkit-box',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  WebkitLineClamp: 1,
-  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(3)
-});
-var boxStyles = xcss({
-  paddingLeft: 'space.050',
-  paddingRight: 'space.050'
-});
-export var EmbedCardErroredViewOld = function EmbedCardErroredViewOld(_ref) {
-  var onRetry = _ref.onRetry,
-    _ref$isSelected = _ref.isSelected,
-    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'embed-card-errored-view' : _ref$testId,
-    inheritDimensions = _ref.inheritDimensions;
-  return jsx(Frame, {
-    inheritDimensions: inheritDimensions,
-    compact: true,
-    isSelected: isSelected,
-    testId: testId
-  }, jsx(ErrorIcon, {
-    LEGACY_size: "small",
-    color: "var(--ds-icon-danger, ".concat(R300, ")"),
-    label: "error-icon"
-  }), jsx(Box, {
-    xcss: boxStyles
-  }, jsx(Inline, {
-    xcss: messageStyles
-  }, jsx(FormattedMessage, messages.could_not_load_link))), jsx(Button, {
-    testId: "err-view-retry",
-    appearance: "link",
-    spacing: "none",
-    onClick: onRetry
-  }, jsx(FormattedMessage, messages.try_again)));
-};

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

@@ -1,74 +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 { jsx } from '@emotion/react';
-import LinkGlyph from '@atlaskit/icon/core/migration/link';
-import { useThemeObserver } from '@atlaskit/tokens';
-import { getPreviewUrlWithTheme } from '../../../utils';
-import { ExpandedFrame } from '../components/ExpandedFrame';
-import { Frame } from '../components/Frame';
-import { ImageIcon } from '../components/ImageIcon';
-export var EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(function (_ref, embedIframeRef) {
-  var link = _ref.link,
-    context = _ref.context,
-    onClick = _ref.onClick,
-    isSelected = _ref.isSelected,
-    frameStyle = _ref.frameStyle,
-    preview = _ref.preview,
-    title = _ref.title,
-    isTrusted = _ref.isTrusted,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'embed-card-resolved-view' : _ref$testId,
-    inheritDimensions = _ref.inheritDimensions,
-    onIframeDwell = _ref.onIframeDwell,
-    onIframeFocus = _ref.onIframeFocus,
-    isSupportTheming = _ref.isSupportTheming;
-  var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
-  var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
-  var text = title || (context === null || context === void 0 ? void 0 : context.text);
-  var linkGlyph = React.useMemo(function () {
-    return jsx(LinkGlyph, {
-      label: "icon",
-      LEGACY_size: "small",
-      testId: "embed-card-fallback-icon",
-      color: "currentColor"
-    });
-  }, []);
-  var icon = React.useMemo(function () {
-    if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
-      return iconFromContext;
-    }
-    return jsx(ImageIcon, {
-      src: src,
-      default: linkGlyph
-    });
-  }, [src, linkGlyph, iconFromContext]);
-  var themeState = useThemeObserver();
-  var previewUrl = preview === null || preview === void 0 ? void 0 : preview.src;
-  if (previewUrl && isSupportTheming) {
-    previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
-  }
-  return jsx(ExpandedFrame, {
-    isSelected: isSelected,
-    frameStyle: frameStyle,
-    href: link,
-    testId: testId,
-    icon: icon,
-    text: text,
-    onClick: onClick,
-    inheritDimensions: inheritDimensions,
-    setOverflow: false
-  }, jsx(Frame, {
-    url: previewUrl,
-    isTrusted: isTrusted,
-    testId: testId,
-    ref: embedIframeRef,
-    onIframeDwell: onIframeDwell,
-    onIframeFocus: onIframeFocus,
-    title: text
-  }));
-});

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

@@ -1,118 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import Heading from '@atlaskit/heading';
-import LinkGlyph from '@atlaskit/icon/core/migration/link';
-import { gs } from '../../../common/utils';
-import { ExpandedFrame } from '../../components/ExpandedFrame';
-import { ImageIcon } from '../../components/ImageIcon';
-var containerStyles = css({
-  display: 'grid',
-  height: 'inherit'
-});
-var contentStyles = css({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  textAlign: 'center',
-  alignItems: 'center',
-  margin: 'auto',
-  padding: "var(--ds-space-200, 16px)",
-  gap: "var(--ds-space-250, 20px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  maxWidth: gs(50)
-});
-var descriptionStyles = css({
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  textAlign: 'center'
-});
-var imageStyles = css({
-  height: '120px',
-  width: '180px',
-  objectFit: 'contain',
-  objectPosition: 'center center'
-});
-var UnresolvedViewOld = function UnresolvedViewOld(_ref) {
-  var button = _ref.button,
-    description = _ref.description,
-    frameStyle = _ref.frameStyle,
-    iconUrlOrElement = _ref.icon,
-    imageUrlOrElement = _ref.image,
-    inheritDimensions = _ref.inheritDimensions,
-    isSelected = _ref.isSelected,
-    onClick = _ref.onClick,
-    testId = _ref.testId,
-    text = _ref.text,
-    title = _ref.title,
-    url = _ref.url;
-  var icon = useMemo(function () {
-    if ( /*#__PURE__*/React.isValidElement(iconUrlOrElement)) {
-      return iconUrlOrElement;
-    }
-    return jsx(ImageIcon, {
-      src: typeof iconUrlOrElement === 'string' ? iconUrlOrElement : undefined,
-      default: jsx(LinkGlyph, {
-        label: "icon",
-        LEGACY_size: "small",
-        testId: "embed-card-fallback-icon",
-        color: "currentColor"
-      })
-    });
-  }, [iconUrlOrElement]);
-  var image = useMemo(function () {
-    if (!imageUrlOrElement) {
-      return null;
-    }
-    var imageTestId = "".concat(testId, "-unresolved-image");
-    if (typeof imageUrlOrElement === 'string') {
-      return jsx("img", {
-        css: imageStyles,
-        "data-testid": imageTestId,
-        src: imageUrlOrElement,
-        alt: ""
-      });
-    }
-    return jsx("div", {
-      css: imageStyles,
-      "data-testid": imageTestId
-    }, imageUrlOrElement);
-  }, [imageUrlOrElement, testId]);
-  return jsx(ExpandedFrame
-  // Scroll bar must be shown for unresolved views to display the connect account button
-  , {
-    allowScrollBar: true,
-    setOverflow: true
-    // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
-    // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
-    // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.
-    // We want all views to be consistent and respect frameStyle instead of
-    // having resolved view default to showOnHover and unresolved view default to show.
-    // Default frameStyle is set inside <ExpandedFrame />
-    ,
-    frameStyle: frameStyle !== null && frameStyle !== void 0 ? frameStyle : 'show',
-    href: url,
-    icon: icon,
-    inheritDimensions: inheritDimensions,
-    isSelected: isSelected,
-    onClick: onClick,
-    testId: testId,
-    text: text
-  }, jsx("div", {
-    css: containerStyles,
-    "data-testid": "".concat(testId, "-unresolved-container")
-  }, jsx("div", {
-    css: contentStyles
-  }, image, jsx(Heading, {
-    size: "large",
-    testId: "".concat(testId, "-unresolved-title")
-  }, title), jsx("span", {
-    css: descriptionStyles,
-    "data-testid": "".concat(testId, "-unresolved-description")
-  }, description), button)));
-};
-export default UnresolvedViewOld;

package/dist/esm/view/EmbedModal/components/embed-content/indexOld.js

@@ -1,30 +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 { di } from 'react-magnetic-di';
-import { getIframeSandboxAttribute } from '../../../../utils';
-import { IFrame } from '../../../EmbedCard/components/IFrame';
-var iframeCss = css({
-  width: '100%',
-  height: 'calc(100vh - 208px)'
-});
-var EmbedContent = function EmbedContent(_ref) {
-  var isTrusted = _ref.isTrusted,
-    name = _ref.name,
-    src = _ref.src,
-    testId = _ref.testId;
-  var sandbox = getIframeSandboxAttribute(isTrusted);
-  var props = {
-    css: iframeCss,
-    frameBorder: 0,
-    name: name,
-    sandbox: sandbox,
-    src: src,
-    'data-testid': "".concat(testId, "-embed")
-  };
-  return jsx(IFrame, props);
-};
-export default EmbedContent;