@atlaskit/media-card 79.0.8 → 79.0.10

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/media-card
 
+## 79.0.10
+
+### Patch Changes
+
+- [#125907](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/125907)
+  [`b51d26098b1ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b51d26098b1ba) -
+  Fixed internal SVG component Compiled version
+- Updated dependencies
+
+## 79.0.9
+
+### Patch Changes
+
+- [#125393](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/125393)
+  [`1b580efc972ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1b580efc972ef) -
+  Fixed Card hovering issue
+
 ## 79.0.8
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -21,7 +21,7 @@ var _excluded = ["identifier"];
 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 packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.8";
+var packageVersion = "79.0.10";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/cardLoader.js

@@ -34,7 +34,8 @@ var MediaCardWithMediaClientProvider = (0, _reactLoadable.default)({
 });
 var CardLoader = function CardLoader(props) {
   return /*#__PURE__*/_react.default.createElement(_segment.default, {
-    name: "media-card"
+    name: "media-card",
+    mode: "list"
   }, /*#__PURE__*/_react.default.createElement(MediaCardContext.Provider, {
     value: props
   }, /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClientProvider, props)));

package/dist/cjs/card/inlinePlayer.js

@@ -175,6 +175,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
   // === Render ===
   return fileSrc ? /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapper.InlinePlayerWrapper, {
     testId: testId || 'media-card-inline-player',
+    "data-vc": "media-card-inline-player",
     selected: {
       selected: selected
     },

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.8";
+var packageVersion = "79.0.10";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/svgView/svgImage-compiled.js

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getErrorReason = exports.SvgView = void 0;
+exports.SvgView = void 0;
 require("./svgImage-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 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; }
-var getErrorReason = exports.getErrorReason = function getErrorReason(svgReason) {
+var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {
     case 'img-error':
       return 'svg-img-error';

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getErrorReason = exports.SvgView = void 0;
+exports.SvgView = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
@@ -20,7 +20,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var getErrorReason = exports.getErrorReason = function getErrorReason(svgReason) {
+var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {
     case 'img-error':
       return 'svg-img-error';

package/dist/cjs/card/svgView/svgView.js

@@ -1,102 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getErrorReason = exports.SvgView = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _errors = require("../../errors");
-var _helpers = require("./helpers");
-var _mediaSvg = require("@atlaskit/media-svg");
-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; }
-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 getErrorReason = exports.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 = (0, _react.css)({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-var svgRendererMaxDimensionStyles = (0, _react.css)({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-var SvgView = exports.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 = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    didSvgRender = _useState2[0],
-    setDidSvgRender = _useState2[1];
-  var _useState3 = (0, _react2.useState)({}),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    svgDimensions = _useState4[0],
-    setSvgDimensions = _useState4[1];
-  var imgRef = (0, _react2.useRef)(null);
-  var calculateDimensions = (0, _react2.useCallback)(function (targetImgElem) {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions((0, _helpers.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 _errors.MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 || onError(error);
-  };
-  (0, _react2.useEffect)(function () {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
-    svgUrl = _useResolveSvg.svgUrl,
-    source = _useResolveSvg.source;
-  var width = svgDimensions.width,
-    height = svgDimensions.height;
-  return svgUrl && source ? (0, _react.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 _mediaSvg.MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
+exports.SvgView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _svgImageCompiled = require("./svgImage-compiled");
+var _svgImageEmotion = require("./svgImage-emotion");
+var SvgView = exports.SvgView = function SvgView(props) {
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_svgImageCompiled.SvgView, props) : /*#__PURE__*/_react.default.createElement(_svgImageEmotion.SvgView, props);
 };

package/dist/cjs/card/svgView/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css

@@ -17,7 +17,7 @@ button:focus+._1hlmuwsq{outline:var(--_jz8ahf)}._10pb1osq>div{height:100%}
 ._bfhklslw{background-color:var(--_1jkcdu5)}
 ._c71l1osq{max-height:100%}
 ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._eg5415te:hover .media-card-blanket{background-color:var(--_1vvetkq)}
+._eg54326j:hover .media-card-blanket{background-color:var(--_1ox8nit)}
 ._kqswh2mm{position:relative}
 ._mts3kb7n:focus-within .media-card-actions-bar, ._1ntskb7n:hover .media-card-actions-bar{opacity:1}
 ._p12f1osq{max-width:100%}

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

@@ -75,7 +75,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)(["_2rko1l7b _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1hlmuwsq _1rquusvi _eg5415te _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
+    className: (0, _runtime.ax)(["_2rko1l7b _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1hlmuwsq _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
     "data-testid": testId,
     ref: innerRef,
     onClick: onClick,
@@ -85,7 +85,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
       width: width,
       height: height
     }, getResponsiveStyles(breakpoint)), {}, {
-      "--_1vvetkq": (0, _runtime.ix)("var(--ds-background-input, ".concat(_colors.N90A, ")")),
+      "--_1ox8nit": (0, _runtime.ix)("var(--ds-blanket, ".concat(_colors.N90A, ")")),
       "--_jz8ahf": (0, _runtime.ix)("solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))),
       "--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),
       "--_mt8cm6": (0, _runtime.ix)("var(--ds-background-input, ".concat(_colors.N0, ")")),

package/dist/cjs/inline/loader.js

@@ -117,7 +117,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "79.0.8",
+        packageName: "79.0.10",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.8";
+var packageVersion = "79.0.10";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.0.8";
+const packageVersion = "79.0.10";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/cardLoader.js

@@ -16,7 +16,8 @@ const MediaCardWithMediaClientProvider = Loadable({
 });
 const CardLoader = props => {
   return /*#__PURE__*/React.createElement(UFOSegment, {
-    name: "media-card"
+    name: "media-card",
+    mode: "list"
   }, /*#__PURE__*/React.createElement(MediaCardContext.Provider, {
     value: props
   }, /*#__PURE__*/React.createElement(MediaCardWithMediaClientProvider, props)));

package/dist/es2019/card/inlinePlayer.js

@@ -119,6 +119,7 @@ export const InlinePlayerBase = ({
   // === Render ===
   return fileSrc ? /*#__PURE__*/React.createElement(InlinePlayerWrapper, {
     testId: testId || 'media-card-inline-player',
+    "data-vc": "media-card-inline-player",
     selected: {
       selected
     },

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.0.8";
+const packageVersion = "79.0.10";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/svgView/svgImage-compiled.js

@@ -5,7 +5,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
 import { calculateSvgDimensions } from './helpers';
 import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-export const getErrorReason = svgReason => {
+const getErrorReason = svgReason => {
   switch (svgReason) {
     case 'img-error':
       return 'svg-img-error';

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

@@ -8,7 +8,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
 import { calculateSvgDimensions } from './helpers';
 import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-export const getErrorReason = svgReason => {
+const getErrorReason = svgReason => {
   switch (svgReason) {
     case 'img-error':
       return 'svg-img-error';

package/dist/es2019/card/svgView/svgView.js

@@ -1,90 +1,7 @@
-/**
- * @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';
-export const 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';
-  }
-};
-const svgRendererStyles = css({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-const svgRendererMaxDimensionStyles = css({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-export const SvgView = ({
-  identifier,
-  resizeMode,
-  onLoad,
-  onError,
-  wrapperRef,
-  alt
-}) => {
-  const [didSvgRender, setDidSvgRender] = useState(false);
-  const [svgDimensions, setSvgDimensions] = useState({});
-  const imgRef = useRef(null);
-  const calculateDimensions = useCallback(targetImgElem => {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions(calculateSvgDimensions(targetImgElem, wrapperRef.current, resizeMode));
-  }, [resizeMode, wrapperRef]);
-  const onSvgLoad = evt => {
-    calculateDimensions(evt.currentTarget);
-    setDidSvgRender(true);
-    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  };
-  const onSvgError = err => {
-    const error = new MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 ? void 0 : onError(error);
-  };
-  useEffect(() => {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  const {
-    svgUrl,
-    source
-  } = useResolveSvg(identifier, onSvgError);
-  const {
-    width,
-    height
-  } = svgDimensions;
-  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: {
-      visibility: didSvgRender ? 'visible' : 'hidden',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ...svgDimensions
-    },
-    onLoad: onSvgLoad,
-    onError: () => {
-      onSvgError(new MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { SvgView as SvgViewCompiled } from './svgImage-compiled';
+import { SvgView as SvgViewEmotion } from './svgImage-emotion';
+export const SvgView = props => {
+  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(SvgViewCompiled, props) : /*#__PURE__*/React.createElement(SvgViewEmotion, props);
 };

package/dist/es2019/card/svgView/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css

@@ -17,7 +17,7 @@ button:focus+._1hlmvd8c{outline:solid 2px var(--ds-border-focused,#4c9aff)}._10p
 ._bfhk1s4m{background-color:var(--ds-background-neutral,#f4f5f7)}
 ._c71l1osq{max-height:100%}
 ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._eg541blz:hover .media-card-blanket{background-color:var(--ds-background-input,rgba(9,30,66,.48))}
+._eg54rvv2:hover .media-card-blanket{background-color:var(--ds-blanket,rgba(9,30,66,.48))}
 ._kqswh2mm{position:relative}
 ._mts3kb7n:focus-within .media-card-actions-bar, ._1ntskb7n:hover .media-card-actions-bar{opacity:1}
 ._p12f1osq{max-width:100%}

package/dist/es2019/card/ui/wrapper/wrapper-compiled.js

@@ -70,7 +70,7 @@ export const Wrapper = props => {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_2rko1l7b _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1hlmvd8c _1rquusvi _eg541blz _mts3kb7n _1ntskb7n", displayBackground && "_bfhk1s4m", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91j9a _1xp5kufk", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
+    className: ax(["_2rko1l7b _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1hlmvd8c _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n", displayBackground && "_bfhk1s4m", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91j9a _1xp5kufk", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
     "data-testid": testId,
     style: {
       width,

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "79.0.8",
+      packageName: "79.0.10",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.0.8";
+const packageVersion = "79.0.10";
 const SAMPLE_RATE = 0.05;
 let concurrentExperience;
 const getExperience = id => {

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.8";
+var packageVersion = "79.0.10";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/cardLoader.js

@@ -22,7 +22,8 @@ var MediaCardWithMediaClientProvider = Loadable({
 });
 var CardLoader = function CardLoader(props) {
   return /*#__PURE__*/React.createElement(UFOSegment, {
-    name: "media-card"
+    name: "media-card",
+    mode: "list"
   }, /*#__PURE__*/React.createElement(MediaCardContext.Provider, {
     value: props
   }, /*#__PURE__*/React.createElement(MediaCardWithMediaClientProvider, props)));

package/dist/esm/card/inlinePlayer.js

@@ -165,6 +165,7 @@ export var InlinePlayerBase = function InlinePlayerBase(_ref) {
   // === Render ===
   return fileSrc ? /*#__PURE__*/React.createElement(InlinePlayerWrapper, {
     testId: testId || 'media-card-inline-player',
+    "data-vc": "media-card-inline-player",
     selected: {
       selected: selected
     },

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.8";
+var packageVersion = "79.0.10";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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

@@ -9,7 +9,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
 import { calculateSvgDimensions } from './helpers';
 import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-export var getErrorReason = function getErrorReason(svgReason) {
+var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {
     case 'img-error':
       return 'svg-img-error';

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

@@ -12,7 +12,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
 import { calculateSvgDimensions } from './helpers';
 import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-export var getErrorReason = function getErrorReason(svgReason) {
+var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {
     case 'img-error':
       return 'svg-img-error';

package/dist/esm/card/svgView/svgView.js

@@ -1,94 +1,7 @@
-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';
-export 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;
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { SvgView as SvgViewCompiled } from './svgImage-compiled';
+import { SvgView as SvgViewEmotion } from './svgImage-emotion';
+export var SvgView = function SvgView(props) {
+  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(SvgViewCompiled, props) : /*#__PURE__*/React.createElement(SvgViewEmotion, props);
 };

package/dist/esm/card/svgView/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css

@@ -17,7 +17,7 @@ button:focus+._1hlmuwsq{outline:var(--_jz8ahf)}._10pb1osq>div{height:100%}
 ._bfhklslw{background-color:var(--_1jkcdu5)}
 ._c71l1osq{max-height:100%}
 ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._eg5415te:hover .media-card-blanket{background-color:var(--_1vvetkq)}
+._eg54326j:hover .media-card-blanket{background-color:var(--_1ox8nit)}
 ._kqswh2mm{position:relative}
 ._mts3kb7n:focus-within .media-card-actions-bar, ._1ntskb7n:hover .media-card-actions-bar{opacity:1}
 ._p12f1osq{max-width:100%}

package/dist/esm/card/ui/wrapper/wrapper-compiled.js

@@ -65,7 +65,7 @@ export var Wrapper = function Wrapper(props) {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_2rko1l7b _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1hlmuwsq _1rquusvi _eg5415te _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
+    className: ax(["_2rko1l7b _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1hlmuwsq _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
     "data-testid": testId,
     ref: innerRef,
     onClick: onClick,
@@ -75,7 +75,7 @@ export var Wrapper = function Wrapper(props) {
       width: width,
       height: height
     }, getResponsiveStyles(breakpoint)), {}, {
-      "--_1vvetkq": ix("var(--ds-background-input, ".concat(N90A, ")")),
+      "--_1ox8nit": ix("var(--ds-blanket, ".concat(N90A, ")")),
       "--_jz8ahf": ix("solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))),
       "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
       "--_mt8cm6": ix("var(--ds-background-input, ".concat(N0, ")")),

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "79.0.8",
+        packageName: "79.0.10",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.8";
+var packageVersion = "79.0.10";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

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

@@ -1,17 +1,3 @@
-import React from 'react';
-import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, type SvgPrimaryReason } from '../../errors';
-import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-export interface SvgViewBaseOwnProps {
-    readonly identifier: FileIdentifier;
-    readonly resizeMode: ImageResizeMode;
-    readonly onLoad?: () => void;
-    readonly onError?: (error: MediaCardError) => void;
-    readonly wrapperRef: React.RefObject<HTMLDivElement>;
-    readonly alt?: string;
-}
-export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+/// <reference types="react" />
+import type { SvgViewProps } from './types';
 export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => JSX.Element | null;

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

@@ -3,20 +3,5 @@
  * @jsx jsx
  */
 import { jsx } from '@emotion/react';
-import React from 'react';
-import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, type SvgPrimaryReason } from '../../errors';
-import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-export interface SvgViewBaseOwnProps {
-    readonly identifier: FileIdentifier;
-    readonly resizeMode: ImageResizeMode;
-    readonly onLoad?: () => void;
-    readonly onError?: (error: MediaCardError) => void;
-    readonly wrapperRef: React.RefObject<HTMLDivElement>;
-    readonly alt?: string;
-}
-export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+import type { SvgViewProps } from './types';
 export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;

package/dist/types/card/svgView/svgView.d.ts

@@ -1,22 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import React from 'react';
-import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, type SvgPrimaryReason } from '../../errors';
-import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-export interface SvgViewBaseOwnProps {
-    readonly identifier: FileIdentifier;
-    readonly resizeMode: ImageResizeMode;
-    readonly onLoad?: () => void;
-    readonly onError?: (error: MediaCardError) => void;
-    readonly wrapperRef: React.RefObject<HTMLDivElement>;
-    readonly alt?: string;
-}
-export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
-export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;
+import type { SvgViewProps } from './types';
+export declare const SvgView: (props: SvgViewProps) => React.JSX.Element;

package/dist/types/card/svgView/types.d.ts

@@ -1 +1,12 @@
+/// <reference types="react" />
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { MediaCardError } from '../../errors';
 export type ContentSource = 'remote' | 'local';
+export type SvgViewProps = {
+    readonly identifier: FileIdentifier;
+    readonly resizeMode: ImageResizeMode;
+    readonly onLoad?: () => void;
+    readonly onError?: (error: MediaCardError) => void;
+    readonly wrapperRef: React.RefObject<HTMLDivElement>;
+    readonly alt?: string;
+};

package/dist/types-ts4.5/card/svgView/svgImage-compiled.d.ts

@@ -1,17 +1,3 @@
-import React from 'react';
-import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, type SvgPrimaryReason } from '../../errors';
-import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-export interface SvgViewBaseOwnProps {
-    readonly identifier: FileIdentifier;
-    readonly resizeMode: ImageResizeMode;
-    readonly onLoad?: () => void;
-    readonly onError?: (error: MediaCardError) => void;
-    readonly wrapperRef: React.RefObject<HTMLDivElement>;
-    readonly alt?: string;
-}
-export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+/// <reference types="react" />
+import type { SvgViewProps } from './types';
 export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => JSX.Element | null;

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

@@ -3,20 +3,5 @@
  * @jsx jsx
  */
 import { jsx } from '@emotion/react';
-import React from 'react';
-import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, type SvgPrimaryReason } from '../../errors';
-import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-export interface SvgViewBaseOwnProps {
-    readonly identifier: FileIdentifier;
-    readonly resizeMode: ImageResizeMode;
-    readonly onLoad?: () => void;
-    readonly onError?: (error: MediaCardError) => void;
-    readonly wrapperRef: React.RefObject<HTMLDivElement>;
-    readonly alt?: string;
-}
-export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+import type { SvgViewProps } from './types';
 export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/card/svgView/svgView.d.ts

@@ -1,22 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import React from 'react';
-import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, type SvgPrimaryReason } from '../../errors';
-import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
-export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-export interface SvgViewBaseOwnProps {
-    readonly identifier: FileIdentifier;
-    readonly resizeMode: ImageResizeMode;
-    readonly onLoad?: () => void;
-    readonly onError?: (error: MediaCardError) => void;
-    readonly wrapperRef: React.RefObject<HTMLDivElement>;
-    readonly alt?: string;
-}
-export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
-export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;
+import type { SvgViewProps } from './types';
+export declare const SvgView: (props: SvgViewProps) => React.JSX.Element;

package/dist/types-ts4.5/card/svgView/types.d.ts

@@ -1 +1,12 @@
+/// <reference types="react" />
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { MediaCardError } from '../../errors';
 export type ContentSource = 'remote' | 'local';
+export type SvgViewProps = {
+    readonly identifier: FileIdentifier;
+    readonly resizeMode: ImageResizeMode;
+    readonly onLoad?: () => void;
+    readonly onError?: (error: MediaCardError) => void;
+    readonly wrapperRef: React.RefObject<HTMLDivElement>;
+    readonly alt?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.0.8",
+	"version": "79.0.10",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,11 +49,11 @@
 		"@atlaskit/media-ui": "^28.0.0",
 		"@atlaskit/media-viewer": "^52.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.1.0",
+		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/react-ufo": "^3.4.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.4.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",