@atlaskit/media-card 77.11.0 → 77.11.2

package/dist/esm/card/ui/titleBox/styles.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css } from '@emotion/react';
 import { responsiveSettings, getTitleBoxHeight, Breakpoint } from '../common';
 import { N0, N800 } from '@atlaskit/theme/colors';
@@ -16,20 +14,50 @@ var HEX_REGEX = /^#[0-9A-F]{6}$/i;
 export var titleBoxWrapperStyles = function titleBoxWrapperStyles(_ref) {
   var breakpoint = _ref.breakpoint,
     titleBoxBgColor = _ref.titleBoxBgColor;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  background-color: ", ";\n  color: ", ";\n  cursor: inherit;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  ", "\n"])), "var(--ds-surface, ".concat(rgba(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : N0, 1), ")"), "var(--ds-text, ".concat(N800, ")"), generateResponsiveStyles(breakpoint));
+  return css({
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+    backgroundColor: "var(--ds-surface, ".concat(rgba(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : N0, 1), ")"),
+    color: "var(--ds-text, ".concat(N800, ")"),
+    cursor: 'inherit',
+    pointerEvents: 'none',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  }, generateResponsiveStyles(breakpoint));
 };
 titleBoxWrapperStyles.displayName = 'TitleBoxWrapper';
 var infoStyles = "white-space: nowrap;overflow: hidden;";
 var iconOverlapStyles = "padding-right: 10px;";
 export var titleBoxHeaderStyles = function titleBoxHeaderStyles(_ref2) {
   var hasIconOverlap = _ref2.hasIconOverlap;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  ", "\n  ", "\n"])), infoStyles, hasIconOverlap && iconOverlapStyles);
+  return css({
+    fontWeight: 600
+  }, infoStyles, hasIconOverlap && iconOverlapStyles);
 };
 titleBoxHeaderStyles.displayName = 'FailedTitleBoxHeader';
 export var titleBoxFooterStyles = function titleBoxFooterStyles(_ref3) {
   var hasIconOverlap = _ref3.hasIconOverlap;
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-overflow: ellipsis;\n  ", "\n  ", "\n"])), infoStyles, hasIconOverlap && iconOverlapStyles);
+  return css({
+    textOverflow: 'ellipsis'
+  }, infoStyles, hasIconOverlap && iconOverlapStyles);
 };
 titleBoxFooterStyles.displayName = 'TitleBoxFooter';
-export var titleBoxIconStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: ", ";\n  bottom: 0px;\n"])), "var(--ds-space-050, 4px)");
-export var errorMessageWrapperStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  span {\n    vertical-align: middle;\n    :nth-child(2) {\n      margin-left: ", ";\n      margin-right: ", ";\n    }\n  }\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
+export var titleBoxIconStyles = css({
+  position: 'absolute',
+  right: "var(--ds-space-050, 4px)",
+  bottom: '0px'
+});
+export var errorMessageWrapperStyles = css({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'flex-start',
+  span: {
+    verticalAlign: 'middle',
+    ':nth-child(2)': {
+      marginLeft: "var(--ds-space-050, 4px)",
+      marginRight: "var(--ds-space-050, 4px)"
+    }
+  }
+});

package/dist/esm/card/ui/unhandledErrorCard/index.js

@@ -3,8 +3,6 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
@@ -43,7 +41,20 @@ var getConvertedDimension = function getConvertedDimension(dimensions) {
 var wrapperStyles = function wrapperStyles() {
   var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultImageCardDimensions;
   try {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", ";\n      ", ";\n      background: ", ";\n      color: ", ";\n      max-height: 100%;\n      max-width: 100%;\n      ", ";\n      display: flex;\n      flex-direction: column;\n\n      p {\n        font-size: ", "px;\n        text-align: center;\n        display: ", ";\n      }\n    "])), center, borderRadius, "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-text-subtle, ".concat(N800, ")"), getConvertedDimension(dimensions), fontSize(), shouldShowText(getConvertedDimension(dimensions)) ? 'block' : 'none');
+    return css(center, borderRadius, {
+      background: "var(--ds-background-neutral, ".concat(N20, ")"),
+      color: "var(--ds-text-subtle, ".concat(N800, ")"),
+      maxHeight: '100%',
+      maxWidth: '100%'
+    }, getConvertedDimension(dimensions), {
+      display: 'flex',
+      flexDirection: 'column',
+      p: {
+        fontSize: "".concat(fontSize(), "px"),
+        textAlign: 'center',
+        display: shouldShowText(getConvertedDimension(dimensions)) ? 'block' : 'none'
+      }
+    });
   } catch (e) {
     return null;
   }

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

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.11.0";
+var packageVersion = "77.11.2";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

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

package/dist/esm/utils/lightCards/errorIcon/styles.js

@@ -1,4 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var errorIconWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  color: ", ";\n"])), "var(--ds-icon-warning, #ff991f)");
+export var errorIconWrapperStyles = css({
+  display: 'flex',
+  color: "var(--ds-icon-warning, #ff991f)"
+});

package/dist/esm/utils/lightCards/styles.js

@@ -1,9 +1,15 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
 import { center, borderRadius } from '@atlaskit/media-ui';
 import { N20, N50 } from '@atlaskit/theme/colors';
 export var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  background: ", ";\n  color: ", ";\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  width: ", ";\n  height: ", ";\n"])), center, "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-icon, ".concat(N50, ")"), borderRadius, dimensions.width, dimensions.height);
+  return css(center, {
+    background: "var(--ds-background-neutral, ".concat(N20, ")"),
+    color: "var(--ds-icon, ".concat(N50, ")")
+  }, borderRadius, {
+    maxHeight: '100%',
+    maxWidth: '100%',
+    width: dimensions.width,
+    height: dimensions.height
+  });
 };

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 = "77.11.0";
+var packageVersion = "77.11.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/ui/actionsBar/cardActions/styles.d.ts

@@ -16,4 +16,4 @@ export type CardActionButtonOwnProps = {
     children?: React.ReactNode;
 };
 export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;
-export declare const cardActionButtonStyles: ({ variant, }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;
+export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;

package/dist/types/card/ui/titleBox/styles.d.ts

@@ -4,11 +4,11 @@ export declare const titleBoxWrapperStyles: {
     displayName: string;
 };
 export declare const titleBoxHeaderStyles: {
-    ({ hasIconOverlap, }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
+    ({ hasIconOverlap }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxFooterStyles: {
-    ({ hasIconOverlap, }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
+    ({ hasIconOverlap }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types/card/v2/cardViewV2.d.ts

@@ -55,4 +55,4 @@ export interface RenderConfigByStatusV2 {
     customTitleMessage?: MessageDescriptor;
 }
 export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, }: CardViewV2BaseProps) => jsx.JSX.Element;
-export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2BaseProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/v2/cardviews/errorCardView.d.ts

@@ -8,4 +8,8 @@ export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps
     disableAnimation?: boolean;
     readonly error?: MediaCardError;
 };
-export declare const ErrorCardView: import("react").ForwardRefExoticComponent<Omit<ErrorCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const ErrorCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    metadata?: FileDetails | undefined;
+    disableAnimation?: boolean | undefined;
+    readonly error?: MediaCardError | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/v2/cardviews/iconCardView.d.ts

@@ -9,4 +9,9 @@ export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps &
     readonly progress?: number;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
 };
-export declare const IconCardView: import("react").ForwardRefExoticComponent<Omit<IconCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const IconCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    status: CardStatus;
+    metadata?: FileDetails | undefined;
+    readonly progress?: number | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/v2/cardviews/imageCardView.d.ts

@@ -18,4 +18,17 @@ export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
     readonly progress?: number;
 };
-export declare const ImageCardView: import("react").ForwardRefExoticComponent<Omit<ImageCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const ImageCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    status: CardStatus;
+    cardPreview: CardPreview;
+    readonly alt?: string | undefined;
+    readonly resizeMode?: ImageResizeMode | undefined;
+    readonly onDisplayImage?: (() => void) | undefined;
+    readonly nativeLazyLoad?: boolean | undefined;
+    readonly forceSyncDisplay?: boolean | undefined;
+    readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
+    readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
+    metadata?: FileDetails | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+    readonly progress?: number | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/v2/cardviews/index.d.ts

@@ -44,4 +44,4 @@ export interface RenderConfigByStatusV2 {
     customTitleMessage?: MessageDescriptor;
 }
 export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, }: CardViewV2Props) => jsx.JSX.Element;
-export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewV2Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/v2/cardviews/loadingCardView.d.ts

@@ -7,4 +7,8 @@ export type LoadingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProp
     disableAnimation?: boolean;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
 };
-export declare const LoadingCardView: import("react").ForwardRefExoticComponent<Omit<LoadingCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const LoadingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    metadata?: FileDetails | undefined;
+    disableAnimation?: boolean | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/v2/cardviews/processingCardView.d.ts

@@ -5,4 +5,7 @@ export type ProcessingCardViewProps = SharedCardViewProps & WithAnalyticsEventsP
     disableAnimation?: boolean;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
 };
-export declare const ProcessingCardView: import("react").ForwardRefExoticComponent<Omit<ProcessingCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const ProcessingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    disableAnimation?: boolean | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/card/v2/cardviews/videoCardView.d.ts

@@ -18,4 +18,17 @@ export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
     readonly progress?: number;
 };
-export declare const VideoCardView: import("react").ForwardRefExoticComponent<Omit<VideoCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const VideoCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    status: CardStatus;
+    cardPreview: CardPreview;
+    readonly alt?: string | undefined;
+    readonly resizeMode?: ImageResizeMode | undefined;
+    readonly onDisplayImage?: (() => void) | undefined;
+    readonly nativeLazyLoad?: boolean | undefined;
+    readonly forceSyncDisplay?: boolean | undefined;
+    readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
+    readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
+    metadata?: FileDetails | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+    readonly progress?: number | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/styles.d.ts

@@ -16,4 +16,4 @@ export type CardActionButtonOwnProps = {
     children?: React.ReactNode;
 };
 export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;
-export declare const cardActionButtonStyles: ({ variant, }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;
+export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;

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

@@ -4,11 +4,11 @@ export declare const titleBoxWrapperStyles: {
     displayName: string;
 };
 export declare const titleBoxHeaderStyles: {
-    ({ hasIconOverlap, }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
+    ({ hasIconOverlap }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxFooterStyles: {
-    ({ hasIconOverlap, }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
+    ({ hasIconOverlap }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/card/v2/cardViewV2.d.ts

@@ -55,4 +55,4 @@ export interface RenderConfigByStatusV2 {
     customTitleMessage?: MessageDescriptor;
 }
 export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, }: CardViewV2BaseProps) => jsx.JSX.Element;
-export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2BaseProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/errorCardView.d.ts

@@ -8,4 +8,8 @@ export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps
     disableAnimation?: boolean;
     readonly error?: MediaCardError;
 };
-export declare const ErrorCardView: import("react").ForwardRefExoticComponent<Omit<ErrorCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const ErrorCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    metadata?: FileDetails | undefined;
+    disableAnimation?: boolean | undefined;
+    readonly error?: MediaCardError | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/iconCardView.d.ts

@@ -9,4 +9,9 @@ export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps &
     readonly progress?: number;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
 };
-export declare const IconCardView: import("react").ForwardRefExoticComponent<Omit<IconCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const IconCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    status: CardStatus;
+    metadata?: FileDetails | undefined;
+    readonly progress?: number | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/imageCardView.d.ts

@@ -18,4 +18,17 @@ export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
     readonly progress?: number;
 };
-export declare const ImageCardView: import("react").ForwardRefExoticComponent<Omit<ImageCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const ImageCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    status: CardStatus;
+    cardPreview: CardPreview;
+    readonly alt?: string | undefined;
+    readonly resizeMode?: ImageResizeMode | undefined;
+    readonly onDisplayImage?: (() => void) | undefined;
+    readonly nativeLazyLoad?: boolean | undefined;
+    readonly forceSyncDisplay?: boolean | undefined;
+    readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
+    readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
+    metadata?: FileDetails | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+    readonly progress?: number | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/index.d.ts

@@ -44,4 +44,4 @@ export interface RenderConfigByStatusV2 {
     customTitleMessage?: MessageDescriptor;
 }
 export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, }: CardViewV2Props) => jsx.JSX.Element;
-export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewV2Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/loadingCardView.d.ts

@@ -7,4 +7,8 @@ export type LoadingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProp
     disableAnimation?: boolean;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
 };
-export declare const LoadingCardView: import("react").ForwardRefExoticComponent<Omit<LoadingCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const LoadingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    metadata?: FileDetails | undefined;
+    disableAnimation?: boolean | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/processingCardView.d.ts

@@ -5,4 +5,7 @@ export type ProcessingCardViewProps = SharedCardViewProps & WithAnalyticsEventsP
     disableAnimation?: boolean;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
 };
-export declare const ProcessingCardView: import("react").ForwardRefExoticComponent<Omit<ProcessingCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const ProcessingCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    disableAnimation?: boolean | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/videoCardView.d.ts

@@ -18,4 +18,17 @@ export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps
     readonly innerRef?: (instance: HTMLDivElement | null) => void;
     readonly progress?: number;
 };
-export declare const VideoCardView: import("react").ForwardRefExoticComponent<Omit<VideoCardViewProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export declare const VideoCardView: import("react").ForwardRefExoticComponent<Omit<SharedCardViewProps & WithAnalyticsEventsProps & {
+    status: CardStatus;
+    cardPreview: CardPreview;
+    readonly alt?: string | undefined;
+    readonly resizeMode?: ImageResizeMode | undefined;
+    readonly onDisplayImage?: (() => void) | undefined;
+    readonly nativeLazyLoad?: boolean | undefined;
+    readonly forceSyncDisplay?: boolean | undefined;
+    readonly onImageLoad?: ((cardPreview: CardPreview) => void) | undefined;
+    readonly onImageError?: ((cardPreview: CardPreview) => void) | undefined;
+    metadata?: FileDetails | undefined;
+    readonly innerRef?: ((instance: HTMLDivElement | null) => void) | undefined;
+    readonly progress?: number | undefined;
+}, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.11.0",
+  "version": "77.11.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,22 +36,21 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/dropdown-menu": "^12.8.0",
-    "@atlaskit/editor-shared-styles": "^2.9.0",
+    "@atlaskit/analytics-next": "^9.3.0",
+    "@atlaskit/dropdown-menu": "^12.10.0",
+    "@atlaskit/editor-shared-styles": "^2.10.0",
     "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/media-client": "^26.3.0",
+    "@atlaskit/media-client": "^27.0.0",
     "@atlaskit/media-client-react": "^2.0.0",
-    "@atlaskit/media-common": "^11.1.0",
+    "@atlaskit/media-common": "^11.2.0",
     "@atlaskit/media-file-preview": "^0.5.0",
-    "@atlaskit/media-ui": "^25.6.0",
-    "@atlaskit/media-viewer": "^48.4.0",
+    "@atlaskit/media-ui": "^25.10.0",
+    "@atlaskit/media-viewer": "^48.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
-    "@atlaskit/primitives": "^5.5.0",
-    "@atlaskit/spinner": "^16.0.0",
+    "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.43.0",
-    "@atlaskit/tooltip": "^18.2.0",
+    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/tooltip": "^18.3.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/ufo-interaction-ignore": "^1.1.0",
     "@babel/runtime": "^7.0.0",
@@ -70,12 +69,13 @@
     "@af/integration-testing": "*",
     "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
-    "@atlaskit/inline-message": "^12.0.0",
+    "@atlaskit/inline-message": "^12.1.0",
     "@atlaskit/media-core": "^34.2.0",
     "@atlaskit/media-picker": "^66.4.0",
     "@atlaskit/media-state": "^1.0.0",
-    "@atlaskit/media-test-data": "^1.3.0",
+    "@atlaskit/media-test-data": "^2.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
+    "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -101,10 +101,6 @@
     },
     "platform.media-experience.card-views-refactor_b91lr": {
       "type": "boolean"
-    },
-    "platform.corex.password-protected-pdf_ht8re": {
-      "type": "boolean",
-      "referenceOnly": "true"
     }
   },
   "techstack": {