@atlaskit/media-card 79.6.2 → 79.6.4

package/dist/cjs/card/ui/actionsBar/actionsBarWrapper-emotion.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionsBarWrapper = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    (0, _react.jsx)("div", {
-      id: "actionsBarWrapper",
-      "data-testId": "actionsBarWrapper"
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: (0, _styles.wrapperStyles)(props.isFixed)
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: _styles.actionsBarClassName,
-      onClick: function onClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }, props.children)
-  );
-};

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-emotion.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardActionButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
-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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return (0, _react2.jsx)("button", (0, _extends2.default)({}, props, {
-    id: "cardActionButton",
-    "data-testid": "media-card-primary-action",
-    "aria-label": props.label
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.cardActionButtonStyles)(props)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: _objectSpread(_objectSpread({}, props.style), {}, {
-      cursor: props.disabled ? 'not-allowed' : 'default'
-    }),
-    onClick: props.onClick,
-    onMouseDown: props.onMouseDown,
-    ref: ref
-  }), props.children);
-});

package/dist/cjs/card/ui/blanket/blanket-emotion.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Blanket = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var Blanket = exports.Blanket = function Blanket(props) {
-  var isFixed = props.isFixed;
-  return (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _styles.blanketStyles)(isFixed)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: _styles.blanketClassName,
-    "data-testid": "media-card-blanket"
-  });
-};

package/dist/cjs/card/ui/iconMessage/iconMessageWrapper-emotion.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconMessageWrapper = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var breatheAnimation = (0, _react.keyframes)({
-  '0%': {
-    opacity: 1
-  },
-  '50%': {
-    opacity: 0.3
-  },
-  '100%': {
-    opacity: 1
-  }
-});
-var animatedStyles = (0, _react.css)({
-  animationName: breatheAnimation,
-  animationDuration: '3.5s',
-  animationTimingFunction: 'ease-in-out',
-  animationIterationCount: 'infinite'
-});
-var baseStyles = (0, _react.css)({
-  overflow: 'hidden',
-  opacity: 1,
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  color: "var(--ds-text-subtlest, #7A869A)",
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginBottom: '-1em',
-  // Needs pixel precision to align the icon at the center of the box
-  paddingBlock: "var(--ds-space-050, 4px)",
-  paddingInline: "var(--ds-space-100, 8px)"
-});
-var IconMessageWrapper = exports.IconMessageWrapper = function IconMessageWrapper(props) {
-  var animated = props.animated;
-  return (0, _react.jsx)("div", {
-    id: "iconMessageWrapper",
-    css: [baseStyles, animated && animatedStyles]
-  }, props.children);
-};

package/dist/cjs/card/ui/iconWrapper/iconWrapper-emotion.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconWrapper = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var IconWrapper = exports.IconWrapper = function IconWrapper(props) {
-  var breakpoint = props.breakpoint,
-    hasTitleBox = props.hasTitleBox;
-  return (0, _react.jsx)("div", {
-    id: "iconWrapper"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.iconWrapperStyles)({
-      breakpoint: breakpoint,
-      hasTitleBox: hasTitleBox
-    })
-  }, props.children);
-};

package/dist/cjs/card/ui/playButton/playButtonBackground-emotion.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlayButtonBackground = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return (0, _react.jsx)("div", {
-    css: _styles.backgroundStyles,
-    className: _styles.bkgClassName
-  });
-};

package/dist/cjs/card/ui/playButton/playButtonWrapper-emotion.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlayButtonWrapper = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _react.jsx)("div", {
-      css: _styles.playButtonWrapperStyles,
-      className: _styles.playButtonClassName
-    }, props.children)
-  );
-};

package/dist/cjs/card/ui/progressBar/styledBar-emotion.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledBar = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var StyledBar = exports.StyledBar = function StyledBar(props) {
-  var progress = props.progress,
-    breakpoint = props.breakpoint,
-    positionBottom = props.positionBottom,
-    showOnTop = props.showOnTop,
-    ariaLabel = props.ariaLabel;
-  return (0, _react.jsx)("div", {
-    id: "styledBar",
-    role: "progressbar",
-    "aria-valuenow": progress,
-    "aria-label": ariaLabel
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.styledBarStyles)({
-      progress: progress,
-      breakpoint: breakpoint,
-      positionBottom: positionBottom,
-      showOnTop: showOnTop
-    })
-  });
-};

package/dist/cjs/card/ui/tickBox/tickBoxWrapper-emotion.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TickBoxWrapper = void 0;
-var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _styles = require("./styles");
-var _styles2 = require("../styles");
-var _colors = require("@atlaskit/theme/colors");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var getSelectedStyles = function getSelectedStyles(selected) {
-  return selected ? "background-color: ".concat("var(--ds-icon-information, ".concat(_colors.B200, ")"), ";\n      color: ", "var(--ds-icon-inverse, white)", ";") : "";
-};
-var oldWrapperStyes = (0, _react.css)({
-  width: '14px',
-  height: '14px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  span: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    svg: {
-      height: '14px'
-    }
-  }
-});
-var wrapperStyles = function wrapperStyles(selected) {
-  return (0, _react.css)(
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  _styles2.transition && (0, _styles2.transition)(), {
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    width: "var(--ds-space-200, 16px)",
-    height: "var(--ds-space-200, 16px)",
-    position: 'absolute',
-    top: "var(--ds-space-075, 7px)",
-    left: "var(--ds-space-075, 7px)",
-    borderRadius: "var(--ds-space-250, 20px)",
-    color: 'transparent',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    span: {
-      display: 'block'
-    },
-    display: 'grid',
-    placeItems: 'center'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getSelectedStyles(selected));
-};
-wrapperStyles.displayName = 'TickBoxWrapper';
-var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
-  return (0, _react.jsx)("div", {
-    id: "tickBoxWrapper",
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    wrapperStyles(props.selected), !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && oldWrapperStyes]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: _styles.tickBoxClassName
-  }, props.children);
-};

package/dist/cjs/card/ui/titleBox/titleBoxComponents-emotion.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TitleBoxWrapper = exports.TitleBoxIcon = exports.TitleBoxHeader = exports.TitleBoxFooter = exports.ErrorMessageWrapper = void 0;
-var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var TitleBoxWrapper = exports.TitleBoxWrapper = function TitleBoxWrapper(props) {
-  var breakpoint = props.breakpoint,
-    titleBoxBgColor = props.titleBoxBgColor,
-    hidden = props.hidden;
-  return (0, _react.jsx)("div", {
-    id: "titleBoxWrapper",
-    "data-testid": "media-title-box"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.titleBoxWrapperStyles)({
-      breakpoint: breakpoint,
-      display: hidden ? 'none' : 'flex',
-      titleBoxBgColor: titleBoxBgColor
-    })
-  }, props.children);
-};
-var TitleBoxHeader = exports.TitleBoxHeader = function TitleBoxHeader(props) {
-  var hasIconOverlap = props.hasIconOverlap;
-  return (0, _react.jsx)("div", {
-    id: "titleBoxHeader",
-    "data-testid": "title-box-header"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.titleBoxHeaderStyles)({
-      hasIconOverlap: hasIconOverlap
-    })
-  }, props.children);
-};
-var TitleBoxFooter = exports.TitleBoxFooter = function TitleBoxFooter(props) {
-  var hasIconOverlap = props.hasIconOverlap;
-  return (0, _react.jsx)("div", {
-    id: "titleBoxFooter",
-    "data-testid": "title-box-footer"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.titleBoxFooterStyles)({
-      hasIconOverlap: hasIconOverlap
-    })
-  }, props.children);
-};
-var TitleBoxIcon = exports.TitleBoxIcon = function TitleBoxIcon(props) {
-  return (0, _react.jsx)("div", {
-    id: "titleBoxIcon",
-    "data-testid": "title-box-icon",
-    css: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    _styles.newTitleBoxIconStyles :
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    _styles.titleBoxIconStyles
-  }, props.children);
-};
-var ErrorMessageWrapper = exports.ErrorMessageWrapper = function ErrorMessageWrapper(props) {
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return (0, _react.jsx)("div", {
-    css: _styles.errorMessageWrapperStyles
-  }, props.children);
-};

package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnhandledErrorCard = 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 _react = require("react");
-var _react2 = require("@emotion/react");
-var _statusWarningEditorWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--editor-warning"));
-var _colors = require("@atlaskit/theme/colors");
-var _mediaUi = require("@atlaskit/media-ui");
-var _utils = require("../../../utils");
-var _contentLoadingErrorMessage = require("./contentLoadingErrorMessage");
-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; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var isPercentage = function isPercentage(value) {
-  return /^\d+(\.\d+)?%$/.test(value);
-};
-var shouldShowText = function shouldShowText(_ref) {
-  var width = _ref.width,
-    height = _ref.height;
-  if (isPercentage(width) || isPercentage(height)) {
-    return false;
-  }
-  return parseInt(width, 10) >= 240 && parseInt(height, 10) >= 90;
-};
-var normalizeDimension = function normalizeDimension(value, defaultValue) {
-  var sValue = value.toString();
-  return isPercentage(sValue) ? sValue : isNaN(parseInt(sValue, 10)) ? defaultValue + 'px' : parseInt(sValue, 10) + 'px';
-};
-var getConvertedDimension = function getConvertedDimension(dimensions) {
-  var _dimensions$width = dimensions.width,
-    width = _dimensions$width === void 0 ? _utils.defaultImageCardDimensions.width : _dimensions$width,
-    _dimensions$height = dimensions.height,
-    height = _dimensions$height === void 0 ? _utils.defaultImageCardDimensions.height : _dimensions$height;
-  return {
-    width: normalizeDimension(width, _utils.defaultImageCardDimensions.width),
-    height: normalizeDimension(height, _utils.defaultImageCardDimensions.height)
-  };
-};
-var wrapperStyles = function wrapperStyles() {
-  var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _utils.defaultImageCardDimensions;
-  try {
-    return (0, _react2.css)(
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    _mediaUi.center,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    _mediaUi.borderRadius, {
-      background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
-      color: "var(--ds-text-subtle, ".concat(_colors.N800, ")"),
-      maxHeight: '100%',
-      maxWidth: '100%'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    getConvertedDimension(dimensions), {
-      display: 'flex',
-      flexDirection: 'column',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      p: {
-        font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-        textAlign: 'center'
-      }
-    });
-  } catch (e) {
-    return null;
-  }
-};
-var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Component) {
-  function UnhandledErrorCard() {
-    (0, _classCallCheck2.default)(this, UnhandledErrorCard);
-    return _callSuper(this, UnhandledErrorCard, arguments);
-  }
-  (0, _inherits2.default)(UnhandledErrorCard, _Component);
-  return (0, _createClass2.default)(UnhandledErrorCard, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        dimensions = _this$props.dimensions,
-        onClick = _this$props.onClick;
-      var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : _utils.defaultImageCardDimensions));
-      return (
-        // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
-        (0, _react2.jsx)("div", {
-          css: wrapperStyles(dimensions),
-          onClick: onClick
-        }, (0, _react2.jsx)(_statusWarningEditorWarning.default, {
-          label: "Error",
-          color: "var(--ds-icon-warning, ".concat(_colors.Y500, ")"),
-          LEGACY_size: "medium",
-          spacing: "spacious"
-        }), (0, _react2.jsx)(_contentLoadingErrorMessage.ContentLoadingErrorMessage, {
-          isHidden: isErrorHidden
-        }))
-      );
-    }
-  }]);
-}(_react.Component);

package/dist/cjs/card/ui/wrapper/imageContainer-emotion.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageContainer = void 0;
-var _react = require("@emotion/react");
-var _classnames = require("../../classnames");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var imageContainerStyles = (0, _react.css)({
-  display: 'flex',
-  position: 'relative',
-  maxWidth: '100%',
-  width: '100%',
-  height: '100%',
-  maxHeight: '100%',
-  overflow: 'hidden',
-  borderRadius: "var(--ds-radius-small, 3px)"
-});
-var imageContainerCenterStyles = (0, _react.css)({
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var ImageContainer = exports.ImageContainer = function ImageContainer(_ref) {
-  var children = _ref.children,
-    mediaName = _ref.mediaName,
-    status = _ref.status,
-    progress = _ref.progress,
-    selected = _ref.selected,
-    source = _ref.source,
-    centerElements = _ref.centerElements;
-  return (0, _react.jsx)("div", {
-    css: [imageContainerStyles, centerElements && imageContainerCenterStyles],
-    "data-testid": _classnames.fileCardImageViewSelector
-    /**
-     * This wrapper MUST add the classname in order to allow the editor to prevent bubbling up the click event.
-     * See the method isInteractiveElement in source platform/packages/editor/renderer/src/ui/Renderer/click-to-edit.ts
-     * Also, many other consumer tests rely on this selector.
-     */
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: _classnames.fileCardImageViewSelector,
-    "data-test-media-name": mediaName,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    "data-test-selected": selected,
-    "data-test-source": source
-  }, children);
-};

package/dist/cjs/card/ui/wrapper/wrapper-emotion.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _cardConstants = require("../../cardConstants");
-var _styles = require("./styles");
-var _vcMedia = require("@atlaskit/react-ufo/vc-media");
-var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var Wrapper = exports.Wrapper = function Wrapper(props) {
-  var testId = props.testId,
-    dimensions = props.dimensions,
-    appearance = props.appearance,
-    onClick = props.onClick,
-    onMouseEnter = props.onMouseEnter,
-    innerRef = props.innerRef,
-    breakpoint = props.breakpoint,
-    mediaCardCursor = props.mediaCardCursor,
-    disableOverlay = props.disableOverlay,
-    selected = props.selected,
-    displayBackground = props.displayBackground,
-    isPlayButtonClickable = props.isPlayButtonClickable,
-    isTickBoxSelectable = props.isTickBoxSelectable,
-    shouldDisplayTooltip = props.shouldDisplayTooltip;
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    (0, _react.jsx)("div", (0, _extends2.default)({
-      id: "newFileExperienceWrapper"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: _cardConstants.newFileExperienceClassName,
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: (0, _styles.wrapperStyles)({
-        breakpoint: breakpoint,
-        dimensions: dimensions,
-        appearance: appearance,
-        disableOverlay: disableOverlay,
-        displayBackground: displayBackground,
-        selected: selected,
-        isPlayButtonClickable: isPlayButtonClickable,
-        isTickBoxSelectable: isTickBoxSelectable,
-        shouldDisplayTooltip: shouldDisplayTooltip,
-        mediaCardCursor: mediaCardCursor
-      }),
-      ref: innerRef,
-      onClick: onClick
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: onMouseEnter
-    }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};