@atlaskit/media-card 76.2.0 → 77.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-card
 
+## 77.0.0
+
+### Major Changes
+
+- [`e6122bf1c9a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6122bf1c9a) - MEX-2481 revert and re-introduce a new fix for media border gap issue
+
+### Patch Changes
+
+- Updated dependencies
+
+## 76.2.1
+
+### Patch Changes
+
+- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+
 ## 76.2.0
 
 ### Minor Changes
@@ -2734,7 +2750,7 @@ withAnalyticsEvents<Props>()(Button);
 
 ## 41.2.0
 
-- [minor][439dde6" d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/439dde6"
+- [minor][439dde6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/439dde6"
   d):
 
   - rotate local image preview in cards based on the file orientation

package/dist/cjs/card/card.js

@@ -49,7 +49,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -543,8 +543,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
         ssr = _this$props8.ssr,
         useInlinePlayer = _this$props8.useInlinePlayer,
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
-        shouldHideTooltip = _this$props8.shouldHideTooltip,
-        expandByPixel = _this$props8.expandByPixel;
+        shouldHideTooltip = _this$props8.shouldHideTooltip;
       var mediaItemType = identifier.mediaItemType;
       var _this$state2 = _this.state,
         status = _this$state2.status,
@@ -569,7 +568,6 @@ var CardBase = /*#__PURE__*/function (_Component) {
       var forceSyncDisplay = !!ssr;
       var mediaCardCursor = (0, _getMediaCardCursor.getMediaCardCursor)(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!_this.state.cardPreview, metadata.mediaType);
       var card = /*#__PURE__*/_react.default.createElement(_cardView.CardView, {
-        expandByPixel: expandByPixel,
         status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,

package/dist/cjs/card/cardView.js

@@ -333,10 +333,8 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
         resizeMode = _this$props6.resizeMode,
         onDisplayImage = _this$props6.onDisplayImage,
         nativeLazyLoad = _this$props6.nativeLazyLoad,
-        forceSyncDisplay = _this$props6.forceSyncDisplay,
-        expandByPixel = _this$props6.expandByPixel;
+        forceSyncDisplay = _this$props6.forceSyncDisplay;
       return !!cardPreview && (0, _react.jsx)(_imageRenderer.ImageRenderer, {
-        expandByPixel: expandByPixel,
         cardPreview: cardPreview,
         mediaType: mediaType,
         alt: alt,

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

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/ui/imageRenderer/imageRenderer.js

@@ -21,8 +21,7 @@ var ImageRenderer = function ImageRenderer(_ref) {
     onDisplayImage = _ref.onDisplayImage,
     mediaType = _ref.mediaType,
     nativeLazyLoad = _ref.nativeLazyLoad,
-    forceSyncDisplay = _ref.forceSyncDisplay,
-    expandByPixel = _ref.expandByPixel;
+    forceSyncDisplay = _ref.forceSyncDisplay;
   (0, _react.useEffect)(function () {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
     if (mediaType === 'image' && onDisplayImage) {
@@ -42,8 +41,7 @@ var ImageRenderer = function ImageRenderer(_ref) {
     onImageLoad: onLoad,
     onImageError: onError,
     loading: nativeLazyLoad ? 'lazy' : undefined,
-    forceSyncDisplay: forceSyncDisplay,
-    expandByPixel: expandByPixel
+    forceSyncDisplay: forceSyncDisplay
   }, (0, _resizeModeToMediaImageProps.resizeModeToMediaImageProps)(resizeMode)));
 };
 exports.ImageRenderer = ImageRenderer;

package/dist/cjs/card/v2/cardV2.js

@@ -50,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 var CardV2Base = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardV2Base, _Component);
   var _super = _createSuper(CardV2Base);
@@ -549,8 +549,7 @@ var CardV2Base = /*#__PURE__*/function (_Component) {
         ssr = _this$props8.ssr,
         useInlinePlayer = _this$props8.useInlinePlayer,
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
-        shouldHideTooltip = _this$props8.shouldHideTooltip,
-        expandByPixel = _this$props8.expandByPixel;
+        shouldHideTooltip = _this$props8.shouldHideTooltip;
       var mediaItemType = identifier.mediaItemType;
       var _this$state2 = _this.state,
         status = _this$state2.status,
@@ -575,7 +574,6 @@ var CardV2Base = /*#__PURE__*/function (_Component) {
       var forceSyncDisplay = !!ssr;
       var mediaCardCursor = (0, _getMediaCardCursor.getMediaCardCursor)(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!_this.state.cardPreview, metadata.mediaType);
       var card = /*#__PURE__*/_react.default.createElement(_cardView.CardView, {
-        expandByPixel: expandByPixel,
         status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,

package/dist/cjs/inline/loader.js

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

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -47,8 +47,8 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
 
   var style = _objectSpread({
     lineHeight: '16px',
-    padding: '2px 4px',
-    marginRight: '-2px',
+    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
+    marginRight: "var(--ds-space-negative-025, -2px)",
     WebkitBoxDecorationBreak: 'clone',
     display: 'inline',
     borderRadius: '3px',

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,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 = "76.2.0";
+var packageVersion = "77.0.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "76.2.0";
+const packageVersion = "77.0.0";
 export class CardBase extends Component {
   constructor(props) {
     super(props);
@@ -497,8 +497,7 @@ export class CardBase extends Component {
         ssr,
         useInlinePlayer,
         shouldOpenMediaViewer,
-        shouldHideTooltip,
-        expandByPixel
+        shouldHideTooltip
       } = this.props;
       const {
         mediaItemType
@@ -529,7 +528,6 @@ export class CardBase extends Component {
       const forceSyncDisplay = !!ssr;
       const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!this.state.cardPreview, metadata.mediaType);
       const card = /*#__PURE__*/React.createElement(CardView, {
-        expandByPixel: expandByPixel,
         status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,

package/dist/es2019/card/cardView.js

@@ -318,11 +318,9 @@ export class CardViewBase extends React.Component {
       resizeMode,
       onDisplayImage,
       nativeLazyLoad,
-      forceSyncDisplay,
-      expandByPixel
+      forceSyncDisplay
     } = this.props;
     return !!cardPreview && jsx(ImageRenderer, {
-      expandByPixel: expandByPixel,
       cardPreview: cardPreview,
       mediaType: mediaType,
       alt: alt,

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 = "76.2.0";
+const packageVersion = "77.0.0";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/ui/imageRenderer/imageRenderer.js

@@ -11,8 +11,7 @@ export const ImageRenderer = ({
   onDisplayImage,
   mediaType,
   nativeLazyLoad,
-  forceSyncDisplay,
-  expandByPixel
+  forceSyncDisplay
 }) => {
   useEffect(() => {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
@@ -33,7 +32,6 @@ export const ImageRenderer = ({
     onImageLoad: onLoad,
     onImageError: onError,
     loading: nativeLazyLoad ? 'lazy' : undefined,
-    forceSyncDisplay: forceSyncDisplay,
-    expandByPixel: expandByPixel
+    forceSyncDisplay: forceSyncDisplay
   }, resizeModeToMediaImageProps(resizeMode)));
 };

package/dist/es2019/card/v2/cardV2.js

@@ -28,7 +28,7 @@ import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperi
 import { generateUniqueId } from '../../utils/generateUniqueId';
 import { useFileState } from '@atlaskit/media-client-react';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "76.2.0";
+const packageVersion = "77.0.0";
 export class CardV2Base extends Component {
   constructor(props) {
     super(props);
@@ -507,8 +507,7 @@ export class CardV2Base extends Component {
         ssr,
         useInlinePlayer,
         shouldOpenMediaViewer,
-        shouldHideTooltip,
-        expandByPixel
+        shouldHideTooltip
       } = this.props;
       const {
         mediaItemType
@@ -539,7 +538,6 @@ export class CardV2Base extends Component {
       const forceSyncDisplay = !!ssr;
       const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!this.state.cardPreview, metadata.mediaType);
       const card = /*#__PURE__*/React.createElement(CardView, {
-        expandByPixel: expandByPixel,
         status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,

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: "76.2.0",
+      packageName: "77.0.0",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -31,8 +31,8 @@ const ErrorBoundaryComponent = ({
 
   const style = {
     lineHeight: '16px',
-    padding: '2px 4px',
-    marginRight: '-2px',
+    padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
+    marginRight: "var(--ds-space-negative-025, -2px)",
     WebkitBoxDecorationBreak: 'clone',
     display: 'inline',
     borderRadius: '3px',

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "76.2.0";
+const packageVersion = "77.0.0";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -534,8 +534,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         ssr = _this$props8.ssr,
         useInlinePlayer = _this$props8.useInlinePlayer,
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
-        shouldHideTooltip = _this$props8.shouldHideTooltip,
-        expandByPixel = _this$props8.expandByPixel;
+        shouldHideTooltip = _this$props8.shouldHideTooltip;
       var mediaItemType = identifier.mediaItemType;
       var _this$state2 = _this.state,
         status = _this$state2.status,
@@ -560,7 +559,6 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var forceSyncDisplay = !!ssr;
       var mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!_this.state.cardPreview, metadata.mediaType);
       var card = /*#__PURE__*/React.createElement(CardView, {
-        expandByPixel: expandByPixel,
         status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,

package/dist/esm/card/cardView.js

@@ -327,10 +327,8 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         resizeMode = _this$props6.resizeMode,
         onDisplayImage = _this$props6.onDisplayImage,
         nativeLazyLoad = _this$props6.nativeLazyLoad,
-        forceSyncDisplay = _this$props6.forceSyncDisplay,
-        expandByPixel = _this$props6.expandByPixel;
+        forceSyncDisplay = _this$props6.forceSyncDisplay;
       return !!cardPreview && jsx(ImageRenderer, {
-        expandByPixel: expandByPixel,
         cardPreview: cardPreview,
         mediaType: mediaType,
         alt: alt,

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

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/ui/imageRenderer/imageRenderer.js

@@ -11,8 +11,7 @@ export var ImageRenderer = function ImageRenderer(_ref) {
     onDisplayImage = _ref.onDisplayImage,
     mediaType = _ref.mediaType,
     nativeLazyLoad = _ref.nativeLazyLoad,
-    forceSyncDisplay = _ref.forceSyncDisplay,
-    expandByPixel = _ref.expandByPixel;
+    forceSyncDisplay = _ref.forceSyncDisplay;
   useEffect(function () {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
     if (mediaType === 'image' && onDisplayImage) {
@@ -32,7 +31,6 @@ export var ImageRenderer = function ImageRenderer(_ref) {
     onImageLoad: onLoad,
     onImageError: onError,
     loading: nativeLazyLoad ? 'lazy' : undefined,
-    forceSyncDisplay: forceSyncDisplay,
-    expandByPixel: expandByPixel
+    forceSyncDisplay: forceSyncDisplay
   }, resizeModeToMediaImageProps(resizeMode)));
 };

package/dist/esm/card/v2/cardV2.js

@@ -41,7 +41,7 @@ import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperi
 import { generateUniqueId } from '../../utils/generateUniqueId';
 import { useFileState } from '@atlaskit/media-client-react';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 export var CardV2Base = /*#__PURE__*/function (_Component) {
   _inherits(CardV2Base, _Component);
   var _super = _createSuper(CardV2Base);
@@ -540,8 +540,7 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
         ssr = _this$props8.ssr,
         useInlinePlayer = _this$props8.useInlinePlayer,
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
-        shouldHideTooltip = _this$props8.shouldHideTooltip,
-        expandByPixel = _this$props8.expandByPixel;
+        shouldHideTooltip = _this$props8.shouldHideTooltip;
       var mediaItemType = identifier.mediaItemType;
       var _this$state2 = _this.state,
         status = _this$state2.status,
@@ -566,7 +565,6 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
       var forceSyncDisplay = !!ssr;
       var mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!_this.state.cardPreview, metadata.mediaType);
       var card = /*#__PURE__*/React.createElement(CardView, {
-        expandByPixel: expandByPixel,
         status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,

package/dist/esm/inline/loader.js

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

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -40,8 +40,8 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
 
   var style = _objectSpread({
     lineHeight: '16px',
-    padding: '2px 4px',
-    marginRight: '-2px',
+    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
+    marginRight: "var(--ds-space-negative-025, -2px)",
     WebkitBoxDecorationBreak: 'clone',
     display: 'inline',
     borderRadius: '3px',

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.2.0";
+var packageVersion = "77.0.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

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

@@ -26,7 +26,6 @@ export interface CardViewOwnProps extends SharedCardProps {
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
-    expandByPixel?: number;
 }
 export interface CardViewState {
     elementWidth?: number;

package/dist/types/card/ui/imageRenderer/imageRenderer.d.ts

@@ -11,6 +11,5 @@ export type ImageRendererProps = {
     readonly onImageLoad?: (cardPreview: CardPreview) => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
-    readonly expandByPixel?: number;
 };
 export declare const ImageRenderer: React.FC<ImageRendererProps>;

package/dist/types/types.d.ts

@@ -59,7 +59,6 @@ export interface SharedCardProps {
     readonly testId?: string;
     readonly titleBoxBgColor?: string;
     readonly titleBoxIcon?: TitleBoxIcon;
-    readonly expandByPixel?: number;
 }
 export interface CardOnClickCallback {
     (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;

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

@@ -26,7 +26,6 @@ export interface CardViewOwnProps extends SharedCardProps {
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
-    expandByPixel?: number;
 }
 export interface CardViewState {
     elementWidth?: number;

package/dist/types-ts4.5/card/ui/imageRenderer/imageRenderer.d.ts

@@ -11,6 +11,5 @@ export type ImageRendererProps = {
     readonly onImageLoad?: (cardPreview: CardPreview) => void;
     readonly nativeLazyLoad?: boolean;
     readonly forceSyncDisplay?: boolean;
-    readonly expandByPixel?: number;
 };
 export declare const ImageRenderer: React.FC<ImageRendererProps>;

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

@@ -59,7 +59,6 @@ export interface SharedCardProps {
     readonly testId?: string;
     readonly titleBoxBgColor?: string;
     readonly titleBoxIcon?: TitleBoxIcon;
-    readonly expandByPixel?: number;
 }
 export interface CardOnClickCallback {
     (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "76.2.0",
+  "version": "77.0.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,18 +37,18 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/dropdown-menu": "^11.12.0",
+    "@atlaskit/dropdown-menu": "^11.13.0",
     "@atlaskit/editor-shared-styles": "^2.6.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^24.0.0",
     "@atlaskit/media-client-react": "^1.0.0",
     "@atlaskit/media-common": "^9.0.0",
-    "@atlaskit/media-ui": "^24.0.0",
+    "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.20.0",
+    "@atlaskit/tokens": "^1.22.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",

package/report.api.md

@@ -369,8 +369,6 @@ export interface SharedCardProps {
   // (undocumented)
   readonly disableOverlay?: boolean;
   // (undocumented)
-  readonly expandByPixel?: number;
-  // (undocumented)
   readonly featureFlags?: MediaFeatureFlags;
   // (undocumented)
   readonly originalDimensions?: NumericalCardDimensions;

package/tmp/api-report-tmp.d.ts

@@ -308,8 +308,6 @@ export interface SharedCardProps {
     // (undocumented)
     readonly disableOverlay?: boolean;
     // (undocumented)
-    readonly expandByPixel?: number;
-    // (undocumented)
     readonly featureFlags?: MediaFeatureFlags;
     // (undocumented)
     readonly originalDimensions?: NumericalCardDimensions;