@atlaskit/smart-card 35.2.11 → 36.0.0

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

@@ -1,114 +0,0 @@
-/* ExpandedFrameOld.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpandedFrameOld = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
-var _utils = require("../../common/utils");
-var _styledOld = require("./styledOld");
-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 ExpandedFrameOld = exports.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 (0, _utils.handleClickCommon)(event, onClick);
-  };
-  var handleMouseDown = (0, _useLinkClicked.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(_styledOld.Header, {
-        className: "embed-header",
-        frameStyle: frameStyle
-      }, /*#__PURE__*/React.createElement(_styledOld.IconWrapper, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(_styledOld.TooltipWrapper, null, /*#__PURE__*/React.createElement(_tooltip.default, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement(_styledOld.TextWrapper, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
-        href: href,
-        onClick: handleClick,
-        onMouseDown: handleMouseDown
-      }, text)))))
-    );
-  };
-  var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement(_styledOld.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(_styledOld.LinkWrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: _styledOld.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(_styledOld.Wrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: _styledOld.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());
-  }
-};

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

@@ -1,144 +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.FrameOld = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _reactMagneticDi = require("react-magnetic-di");
-var _utils = require("../../../utils");
-var _IFrame = require("./IFrame");
-var _IframeDwellTracker = require("./IframeDwellTracker");
-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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-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 = (0, _react2.css)({
-  border: 0,
-  top: 0,
-  left: 0,
-  width: '100%',
-  height: '100%',
-  position: 'relative',
-  overflow: 'hidden',
-  borderRadius: '3px'
-});
-var FrameOld = exports.FrameOld = /*#__PURE__*/_react.default.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 = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isIframeLoaded = _useState2[0],
-    setIframeLoaded = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isMouseOver = _useState4[0],
-    setMouseOver = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isWindowFocused = _useState6[0],
-    setWindowFocused = _useState6[1];
-  var ref = (0, _react.useRef)();
-  var mergedRef = mergeRefs([iframeRef, ref]);
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = (0, _slicedToArray2.default)(_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 = (0, _react.useState)([0.75, 0.8, 0.85, 0.9, 0.95, 1]),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 1),
-    threshold = _useState10[0];
-  (0, _react.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]);
-  (0, _react.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 (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_IframeDwellTracker.IframeDwellTracker, {
-    isIframeLoaded: isIframeLoaded,
-    isMouseOver: isMouseOver,
-    isWindowFocused: isWindowFocused,
-    iframePercentVisible: percentVisible,
-    onIframeDwell: onIframeDwell
-  }), (0, _react2.jsx)(_IFrame.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: (0, _utils.getIframeSandboxAttribute)(isTrusted),
-    title: title
-  }));
-});

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

@@ -1,261 +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.maxAvatarCount = exports.embedHeaderHeight = exports.ellipsis = exports.csssize = exports.className = exports.borderRadius = exports.Wrapper = exports.UsersWrapper = exports.TooltipWrapper = exports.Title = exports.Thumbnail = exports.TextWrapper = exports.ResolvedViewIconWrapper = exports.LinkWrapper = exports.Image = exports.IconWrapper = exports.Header = exports.Description = exports.ContentWrapper = exports.Content = exports.Byline = exports.AlertWrapper = exports.ActionsWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var colors = _colors;
-var _utils = require("../../common/utils");
-var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-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 className = exports.className = 'media-card-frame';
-var borderRadius = exports.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");
-var ellipsis = exports.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  ");
-};
-var csssize = exports.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((0, _utils.gs)(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(_colors.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
-var LinkWrapper = exports.LinkWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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
-var Wrapper = exports.Wrapper = _styled.default.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'
-});
-var embedHeaderHeight = exports.embedHeaderHeight = 32;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var Header = exports.Header = _styled.default.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
-var IconWrapper = exports.IconWrapper = _styled.default.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
-var TextWrapper = exports.TextWrapper = _styled.default.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
-var TooltipWrapper = exports.TooltipWrapper = _styled.default.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
-var Content = exports.Content = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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(_colors.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
-var Image = exports.Image = _styled.default.img(function (_ref14) {
-  var size = _ref14.size;
-  return csssize(size);
-}, borderRadius, {
-  overflow: 'hidden'
-});
-var maxAvatarCount = exports.maxAvatarCount = 6;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ContentWrapper = exports.ContentWrapper = _styled.default.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
-var Title = exports.Title = _styled.default.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
-var Byline = exports.Byline = _styled.default.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
-var Description = exports.Description = _styled.default.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
-var ResolvedViewIconWrapper = exports.ResolvedViewIconWrapper = _styled.default.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
-var Thumbnail = exports.Thumbnail = _styled.default.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
-var UsersWrapper = exports.UsersWrapper = _styled.default.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
-var ActionsWrapper = exports.ActionsWrapper = _styled.default.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
-var AlertWrapper = exports.AlertWrapper = _styled.default.div({
-  position: 'absolute',
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  overflow: 'hidden',
-  pointerEvents: 'none',
-  zIndex: maxAvatarCount + 1
-});

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

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmbedCardErroredViewOld = void 0;
-var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
-var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../messages");
-var _utils = require("../../common/utils");
-var _ErrorFrame = require("../components/ErrorFrame");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var messageStyles = (0, _react.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: (0, _utils.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: (0, _utils.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: (0, _utils.gs)(3)
-});
-var boxStyles = (0, _primitives.xcss)({
-  paddingLeft: 'space.050',
-  paddingRight: 'space.050'
-});
-var EmbedCardErroredViewOld = exports.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 (0, _react.jsx)(_ErrorFrame.Frame, {
-    inheritDimensions: inheritDimensions,
-    compact: true,
-    isSelected: isSelected,
-    testId: testId
-  }, (0, _react.jsx)(_error.default, {
-    LEGACY_size: "small",
-    color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-    label: "error-icon"
-  }), (0, _react.jsx)(_primitives.Box, {
-    xcss: boxStyles
-  }, (0, _react.jsx)(_primitives.Inline, {
-    xcss: messageStyles
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link))), (0, _react.jsx)(_button.default, {
-    testId: "err-view-retry",
-    appearance: "link",
-    spacing: "none",
-    onClick: onRetry
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
-};