@atlaskit/media-card 79.6.2 → 79.6.3

package/dist/esm/card/svgView/svgImage-emotion.js

@@ -1,94 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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) { _defineProperty(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
-import { jsx, css } from '@emotion/react';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { MediaCardError } from '../../errors';
-import { calculateSvgDimensions } from './helpers';
-import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-var getErrorReason = function getErrorReason(svgReason) {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    case 'blob-to-datauri':
-      return 'svg-blob-to-datauri';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-var svgRendererStyles = css({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-var svgRendererMaxDimensionStyles = css({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-export var SvgView = function SvgView(_ref) {
-  var identifier = _ref.identifier,
-    resizeMode = _ref.resizeMode,
-    onLoad = _ref.onLoad,
-    onError = _ref.onError,
-    wrapperRef = _ref.wrapperRef,
-    alt = _ref.alt;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    didSvgRender = _useState2[0],
-    setDidSvgRender = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    svgDimensions = _useState4[0],
-    setSvgDimensions = _useState4[1];
-  var imgRef = useRef(null);
-  var calculateDimensions = useCallback(function (targetImgElem) {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions(calculateSvgDimensions(targetImgElem, wrapperRef.current, resizeMode));
-  }, [resizeMode, wrapperRef]);
-  var onSvgLoad = function onSvgLoad(evt) {
-    calculateDimensions(evt.currentTarget);
-    setDidSvgRender(true);
-    onLoad === null || onLoad === void 0 || onLoad();
-  };
-  var onSvgError = function onSvgError(err) {
-    var error = new MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 || onError(error);
-  };
-  useEffect(function () {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = useResolveSvg(identifier, onSvgError),
-    svgUrl = _useResolveSvg.svgUrl,
-    source = _useResolveSvg.source;
-  var width = svgDimensions.width,
-    height = svgDimensions.height;
-  return svgUrl && source ? jsx("img", {
-    "data-testid": 'media-card-svg',
-    "data-fileid": identifier.id,
-    "data-filecollection": identifier.collectionName,
-    "data-source": source,
-    src: svgUrl,
-    alt: alt,
-    css: [svgRendererStyles, !width && !height && svgRendererMaxDimensionStyles],
-    style: _objectSpread({
-      visibility: didSvgRender ? 'visible' : 'hidden'
-    }, svgDimensions),
-    onLoad: onSvgLoad,
-    onError: function onError() {
-      onSvgError(new MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
-};

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

@@ -1,26 +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 { wrapperStyles, actionsBarClassName } from './styles';
-export var 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
-    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: wrapperStyles(props.isFixed)
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: actionsBarClassName,
-      onClick: function onClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }, props.children)
-  );
-};

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

@@ -1,30 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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
- */
-import { forwardRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { cardActionButtonStyles } from './styles';
-export var CardActionButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsx("button", _extends({}, 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: 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/esm/card/ui/blanket/blanket-emotion.js

@@ -1,18 +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 { blanketStyles, blanketClassName } from './styles';
-export var Blanket = function Blanket(props) {
-  var isFixed = props.isFixed;
-  return 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: blanketStyles(isFixed)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blanketClassName,
-    "data-testid": "media-card-blanket"
-  });
-};

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

@@ -1,44 +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';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { keyframes } from '@emotion/react';
-var breatheAnimation = keyframes({
-  '0%': {
-    opacity: 1
-  },
-  '50%': {
-    opacity: 0.3
-  },
-  '100%': {
-    opacity: 1
-  }
-});
-var animatedStyles = css({
-  animationName: breatheAnimation,
-  animationDuration: '3.5s',
-  animationTimingFunction: 'ease-in-out',
-  animationIterationCount: 'infinite'
-});
-var baseStyles = 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)"
-});
-export var IconMessageWrapper = function IconMessageWrapper(props) {
-  var animated = props.animated;
-  return jsx("div", {
-    id: "iconMessageWrapper",
-    css: [baseStyles, animated && animatedStyles]
-  }, props.children);
-};

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

@@ -1,20 +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 { iconWrapperStyles } from './styles';
-export var IconWrapper = function IconWrapper(props) {
-  var breakpoint = props.breakpoint,
-    hasTitleBox = props.hasTitleBox;
-  return 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: iconWrapperStyles({
-      breakpoint: breakpoint,
-      hasTitleBox: hasTitleBox
-    })
-  }, props.children);
-};

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

@@ -1,14 +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 { backgroundStyles, bkgClassName } from './styles';
-export var 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 jsx("div", {
-    css: backgroundStyles,
-    className: bkgClassName
-  });
-};

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

@@ -1,16 +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 { playButtonClassName, playButtonWrapperStyles } from './styles';
-export var 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
-    jsx("div", {
-      css: playButtonWrapperStyles,
-      className: playButtonClassName
-    }, props.children)
-  );
-};

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

@@ -1,28 +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 { styledBarStyles } from './styles';
-export var StyledBar = function StyledBar(props) {
-  var progress = props.progress,
-    breakpoint = props.breakpoint,
-    positionBottom = props.positionBottom,
-    showOnTop = props.showOnTop,
-    ariaLabel = props.ariaLabel;
-  return 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: styledBarStyles({
-      progress: progress,
-      breakpoint: breakpoint,
-      positionBottom: positionBottom,
-      showOnTop: showOnTop
-    })
-  });
-};

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

@@ -1,60 +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 { fg } from '@atlaskit/platform-feature-flags';
-import { tickBoxClassName } from './styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { transition } from '../styles';
-import { B200 } from '@atlaskit/theme/colors';
-var getSelectedStyles = function getSelectedStyles(selected) {
-  return selected ? "background-color: ".concat("var(--ds-icon-information, ".concat(B200, ")"), ";\n      color: ", "var(--ds-icon-inverse, white)", ";") : "";
-};
-var oldWrapperStyes = 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 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
-  transition && 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';
-export var TickBoxWrapper = function TickBoxWrapper(props) {
-  return jsx("div", {
-    id: "tickBoxWrapper",
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    wrapperStyles(props.selected), !fg('platform-visual-refresh-icons') && oldWrapperStyes]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: tickBoxClassName
-  }, props.children);
-};

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

@@ -1,65 +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 { fg } from '@atlaskit/platform-feature-flags';
-import { errorMessageWrapperStyles, newTitleBoxIconStyles, titleBoxFooterStyles, titleBoxHeaderStyles, titleBoxIconStyles, titleBoxWrapperStyles } from './styles';
-export var TitleBoxWrapper = function TitleBoxWrapper(props) {
-  var breakpoint = props.breakpoint,
-    titleBoxBgColor = props.titleBoxBgColor,
-    hidden = props.hidden;
-  return 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: titleBoxWrapperStyles({
-      breakpoint: breakpoint,
-      display: hidden ? 'none' : 'flex',
-      titleBoxBgColor: titleBoxBgColor
-    })
-  }, props.children);
-};
-export var TitleBoxHeader = function TitleBoxHeader(props) {
-  var hasIconOverlap = props.hasIconOverlap;
-  return 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: titleBoxHeaderStyles({
-      hasIconOverlap: hasIconOverlap
-    })
-  }, props.children);
-};
-export var TitleBoxFooter = function TitleBoxFooter(props) {
-  var hasIconOverlap = props.hasIconOverlap;
-  return 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: titleBoxFooterStyles({
-      hasIconOverlap: hasIconOverlap
-    })
-  }, props.children);
-};
-export var TitleBoxIcon = function TitleBoxIcon(props) {
-  return jsx("div", {
-    id: "titleBoxIcon",
-    "data-testid": "title-box-icon",
-    css: 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
-    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
-    titleBoxIconStyles
-  }, props.children);
-};
-export var 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 jsx("div", {
-    css: errorMessageWrapperStyles
-  }, props.children);
-};

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

@@ -1,101 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
- */
-import { Component } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import WarningIcon from '@atlaskit/icon/core/migration/status-warning--editor-warning';
-import { N20, N800, Y500 } from '@atlaskit/theme/colors';
-import { center, borderRadius } from '@atlaskit/media-ui';
-import { defaultImageCardDimensions } from '../../../utils';
-import { ContentLoadingErrorMessage } from './contentLoadingErrorMessage';
-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 ? defaultImageCardDimensions.width : _dimensions$width,
-    _dimensions$height = dimensions.height,
-    height = _dimensions$height === void 0 ? defaultImageCardDimensions.height : _dimensions$height;
-  return {
-    width: normalizeDimension(width, defaultImageCardDimensions.width),
-    height: normalizeDimension(height, defaultImageCardDimensions.height)
-  };
-};
-var wrapperStyles = function wrapperStyles() {
-  var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultImageCardDimensions;
-  try {
-    return 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
-    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
-    borderRadius, {
-      background: "var(--ds-background-neutral, ".concat(N20, ")"),
-      color: "var(--ds-text-subtle, ".concat(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;
-  }
-};
-export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
-  function UnhandledErrorCard() {
-    _classCallCheck(this, UnhandledErrorCard);
-    return _callSuper(this, UnhandledErrorCard, arguments);
-  }
-  _inherits(UnhandledErrorCard, _Component);
-  return _createClass(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 : 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
-        jsx("div", {
-          css: wrapperStyles(dimensions),
-          onClick: onClick
-        }, jsx(WarningIcon, {
-          label: "Error",
-          color: "var(--ds-icon-warning, ".concat(Y500, ")"),
-          LEGACY_size: "medium",
-          spacing: "spacious"
-        }), jsx(ContentLoadingErrorMessage, {
-          isHidden: isErrorHidden
-        }))
-      );
-    }
-  }]);
-}(Component);

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

@@ -1,48 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import { fileCardImageViewSelector } from '../../classnames';
-var imageContainerStyles = css({
-  display: 'flex',
-  position: 'relative',
-  maxWidth: '100%',
-  width: '100%',
-  height: '100%',
-  maxHeight: '100%',
-  overflow: 'hidden',
-  borderRadius: "var(--ds-radius-small, 3px)"
-});
-var imageContainerCenterStyles = css({
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-export var 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 jsx("div", {
-    css: [imageContainerStyles, centerElements && imageContainerCenterStyles],
-    "data-testid": 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: 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/esm/card/ui/wrapper/wrapper-emotion.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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 { newFileExperienceClassName } from '../../cardConstants';
-import { wrapperStyles } from './styles';
-import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-export var 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
-    jsx("div", _extends({
-      id: "newFileExperienceWrapper"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: 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: 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
-    }, VcMediaWrapperProps), jsx(UFOCustomData, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

package/dist/types/card/inlinePlayerWrapper-emotion.d.ts

@@ -1,7 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import { type InlinePlayerWrapperProps } from './types';
-export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;

package/dist/types/card/svgView/svgImage-emotion.d.ts

@@ -1,7 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import type { SvgViewProps } from './types';
-export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;

package/dist/types/card/ui/actionsBar/actionsBarWrapper-emotion.d.ts

@@ -1,7 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-import { type ActionBarWrapperProps } from './types';
-export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;